性能优化

1、开篇 解决问题 你是在绕过问题，还是找到本质 解决了本质问题 2、性能指标和 优化目标 找个实际的例子说明这个事情 ， 打开淘宝 基础部分 waterfall 细节 TTFB

1、JS 开销 JS 不仅需要 通过网络加载进来，而且需要 解析/编译，执行， 都会耗时，并且相对于 图片和 css 会消耗更多的时间 此处对比 引入 js 和 引入 图片的 时间及处理

1、webpack 配置和优化 ？ 经典的 webpack 官网 两种模式 1、重要部分 Tree-shaking 将没有用到的代码 摇晃过滤掉 生产模式 开启了 tree-shaking babel

1、移动端图标 SVG ？ 和 PNG 相比较 iconfont 优势 敲一个例子 举个例子 说明这个事情 页面效果 展示 非常nice ～ 2、使用 FlexBox 优化布局 ？ 举个例子 说明这个

1、加载和渲染原理 ？ 经典问题回顾 如何比较全面的回答这个问题 ？ *301*是永久重定向，而*302*是临时重定向 script 脚本 async defer 区别 ？ 如何告诉浏览器 将一个动画

1、浏览器渲染原理和关键渲染路径篇 2、关键点之 布局(layout)和绘制(paint) 1、 回流 举个例子 说明 这个事情 当我 手动更改 dom width 时 再跑一遍

1、资源压缩合并 为什么需要做这件事情 ？ 1、html 压缩 webpack 中集成了这个工具 在线地址https://www.willpeavy.com/tools/minifier/

1、Gzip 经典且实用 如何配置 Nginx 启动 Gzip ? ngnix 基本启动停止 https://www.kancloud.cn/sxlcjqq/interviews/890653 查看路

1、外企 leetcode 2、英语 完结 撒花 🎉 🎉 🎉 1、外企 leetcode 2、英语 完结 撒花 🎉 🎉 🎉