循循善诱
长列表是什么样子
什么是重绘什么是回流
想图片懒加载
使用addlisener scroll方法监听，图片加载完后，就不在需要监听了
2020-11-06
渲染优化
减少重绘回流:
使用变量缓存dom节点，不要频繁读取。
通过DocumentFragment或innerHTML批量操作dom
dom隐藏，或复制到内存中，类似vitual dom，进行修改，完成后再替换回去
动画元素一定要abs
2020-11-06
图片优化
1.响应式图片
大分辨率用大图，小分辨率用小图
.banner{
background-image: url('/static/large.jpg');
}
@media screen and (max-width
2020-11-06
首屏优化
1.长列表
后端返回一万条数据，使用长列表技术
2.webpack打包，项目的html、css、js、图片压缩打包，排除掉项目不需要加载的空格、回车、注释
3.服务端渲染，加载完html直接渲染，减少白屏时间（看项目情况）
2020-11-06
Vue优化
1.keep-alive缓存组件
2.路由懒加载
3.合理使用 v-if v-show computed watch methods
4.Object.freeze：冻结对象 纯展示类的接口数据，冻结就可以了
在 Vue 的文档中介绍数据
2020-11-06
加载优化
1.减少（合并）http请求：在服务器端，每个http都需要启动独立的线程去处理。我们可以合并接口请求，合并CSS，合并精灵图。
2.script标签，放在后面，这样避免阻塞html的渲染
3.link标签，css引入放在前面，避免闪屏
2020-11-06