1. 前端性能优化
————————
*****加载文件*****
1. 从输⼊入 URL 到⻚页⾯面加载完成,发⽣生了了什么?
2. 如何减少加载文件---合理利用浏览器文件缓存
2.1 浏览器的缓存机制到底是什么?
2.2 如何高效利用缓存,如何上线前端代码?
3. 网络协议的理解
优化策略
4. 图片优化
5. gzip
6. 本地存储
7. CDN
8. 服务端渲染
————————
*****文件执行*****
1. 节流
2. 防抖
3. 图片懒加载
4. 减少dom的操作---重绘 回流
5. Vue性能优化
v-if 和 v-show
和渲染无关的数据不要放到data上面,data不要嵌套多层
修改数据的当下,视图不会立刻更新,而是等事件循环中所有数据变化完成之后,再统一进行视图更新
this.$nextTick(function(){ 视图更新了 })
Object.freeze() 冻结数据,取消setters
5.1 Vue的dom diff做了哪些优化
5.2 为什么还需要虚拟dom
5.3 Vue的dom diff 和 react 对比, 做了哪些优化
6. react性能优化
只需要传递乣的props,不要随便用<Componet [...props]/>
key
无状态组件
pureComponent shouldComponentUpdate ---渲染时机
少在render中绑定事件
7.