前端专栏

前端如何创建可转换为pdf的html模板。创建html模板，用于转换为pdf，以便动态的pdf文件。

四种常见的 POST 提交数据方式：application/x-www-form-urlencoded、multipart/form-data、application/json、text/xml

Monorepo 是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。

个人理解 微前端指的是，生成一个js文件，html可以通过script引入该js，从而实现一个完整的逻辑的方式。比如使用npm包也可以搭建微前端，只是npm包的方式需要更新依赖版本，即每次发布，主程序

1、typeof 基本数据类型中null返回object无效，其他均有效；引用数据类型function有效其他返回object均无效。 2、instanceof instanceof是查找原型链上是否

目的 界面优化，由于图片数量过多，一次性加载完比较耗时，故采用懒加载。 原理 为了减少图片请求，初始时，将所有的img标签src设置为同一小型图片，这样只有一次请求 将图片的真实路径绑定在其他属性上如

强缓存 强缓存主要使用Expires、Cache-Control 两个头字段，两者同时存在Cache-Control 优先级更高。当命中强缓存的时候，客户端不会再求，直接从缓存中读取内容，并返回HTT

总结 路由：根据不同的 url 地址展示不同的内容或页面； 前端路由：一个路径映射一个组件； 后端路由：一个路径映射一个请求的响应函数 前端路由和后端路由区别： 映射关系不同，前端路由是一个路径映射一

发展流程 1、无模块化时期 无模块时，直接将所有的js逻辑放到一个js文件中 初步模块化理念：不同的js文件做各自对应的事情 引发问题：全局的污染 2、IIFE（立即执行函数表达式） 立即执行函数表达

概述 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 具体情况 普通函数 默认绑定：默认绑定是指，当函数独立

添加监听器 在一个对象中创建了以事件名为属性名的数组，数组里面存放的是函数 移除监听事件 以倒序方式遍历事件数组，查出要移除的函数，并置为null 触发事件 判断事件属性存在，获取参数，正序遍历事件数

防抖是频繁触发某一个函数，只需要最后一次执行该函数。节流是频繁触发某一个函数，只需要第一次进行执行。

数组去重的方法 1、使用Set进行去重 2、使用indexOf()或includes() 3、通过filter()实现去重 4、利用对象属性名不可重复

1、实践 创建函数,并实例化对象。 2、结论 1、实例对象的隐式原型和函数对象的显示原型都指向构造函数 2、实例对象通过__proto__查找原型链，能指向Object，最终会指向null

头部压缩 HPACK 建立索引表，增大实时性，并发性。一般我们的消息主体会通过gzip进行压缩， 但是起始行和消息头部没有压缩的。随着请求的增多， 我们传输头部的开销是非常大的。所以http 2采用以

深拷贝 深拷贝是拷贝多层，每一层数据都会拷贝 JSON.parse(JSON.stringify()) 自定义递归深拷贝 浅拷贝 浅拷贝是拷贝单层，更深层次的对象还是指向引用地址 Object.ass

流程 页面加载过程 1.DNS解析： 浏览器一个域名，首先搜索浏览器自身缓存的DNS记录； 浏览器缓存中未找到或过期则搜索hosts文件和操作系统缓存； 未找到或过期则向域名解析服务器发送解析请求；