单行省略： display: inline-block;/*初始化display*/ width: 100%;/*inline-block需要指定宽度值100%,block，-webkit-box不需要*/ overflow: hidden

循循善诱 长列表是什么样子 什么是重绘什么是回流 想图片懒加载 使用addlisener scroll方法监听，图片加载完后，就不在需要监听了

减少重绘回流: 使用变量缓存dom节点，不要频繁读取。 通过DocumentFragment或innerHTML批量操作dom dom隐藏，或复制到内存中，类似vitual dom，进行修改，完成后再替换回去 动画元素一定要abs

1.响应式图片 大分辨率用大图，小分辨率用小图 .banner{ background-image: url('/static/large.jpg'); } @media screen and (max-width

1.长列表 后端返回一万条数据，使用长列表技术 2.webpack打包，项目的html、css、js、图片压缩打包，排除掉项目不需要加载的空格、回车、注释 3.服务端渲染，加载完html直接渲染，减少白屏时间（看项目情况）

1.keep-alive缓存组件 2.路由懒加载 3.合理使用 v-if v-show computed watch methods 4.Object.freeze：冻结对象 纯展示类的接口数据，冻结就可以了 在 Vue 的文档中介绍数据