前端优化

页面刷新，不保留页面状态，直接window.location.reload() 另一种是基于WDS (Webpack-dev-server)的模块热替换 只需要局部刷新页面上发生变化的模块，同时保留当

安装 启动项目：npm init -y 项目中安装webpack (推荐)： npm i webpack webpack-cli -D 使用 使用webpack命令：npx webpack webpa

如何提高webpack的打包速度? 优化 Loader Loader 中影响打包效率的必属 Babel Babel 会将代码转为字符串生成 AST 对 AST 继续进行转变最后再生成新的代码 项目越大

介绍 webpack原理 webpack其实是一个平台，在平台中会安装/融入/配置各种打包规则 mode：打包模式「开发环境development、生产环境production」 entry：入口「w

总结 V8 的垃圾回收策略主要基于分代式垃圾回收机制 新生代垃圾回收器，使用并行回收可以很好的增加垃圾回收的效率 在老生代垃圾回收器中这几种策略都是融合使用的 老生代主要使用并发标记，主线程在开始执行

防抖 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时 例子：如果有人进电梯，那电梯将在10秒钟后出发，这时如果又有人进电梯了，我们又得等10秒再出发 通过闭包维护一个变量，此变量代表

经典提高效率的机制 并行连接 可以通过建立多个 tcp连接通道来实现并行传输数据，提高页面响应速率。并行TCP连接的使用还能够一定程度上减轻RTT延迟和短连接缓启动延迟的影响。 长连接 HTTP/1.

浏览器缓存 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意

从用户输入浏览器输入url到页面最后呈现 有哪些过程？有什么办法能优化页面性能？ 用户输入URL地址 浏览器 解析URL解析出主机名 将主机名转换成服务器ip地址 （浏览器先查找本地DNS缓存列表 没

css兼容 不同浏览器的标签默认的margin和padding不同 CSS里 *{margin:0;padding:0;} 但是性能不好 一般我们会引入reset.css样式重置； css3新属性，加

懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力 图片懒加载 首先正常渲染，但是真正的路径要放到data-src中去 获取当前窗口高度，滚动高度 滚动时进行判读，如果当前元素距离窗

约束视口 width=device-width 视口为设备宽度（就是人设置的一个宽度）//不设置的话默认为980px initial-scale=1.0 初始化的视口大小是1.0倍 maximum-s