分享会

性能优化

1. 问题一：浏览器中输入url后发生了什么？
   答案：

   输入url后发生了什么

   输入url后到页面加载发生了什么

   扩展：http状态码

2. 浏览器渲染。

   渲染树构建、布局及绘制

   

   用Chrome DevTools 展示过程

   计算机程序编译过程（编译过程）

   浏览器内部工作原理（解析HTML与DOM树构建）

   浏览器渲染过程与性能优化

3. 性能优化。

   浏览器渲染过程与性能优化（优化）

   浏览器渲染页面过程与页面优化

   渲染性能

   性能优化

   该把JS文件放在HTML文档的那个位置

   css动画vsJavaScript动画（简单动画）

   使用requestAnimationFrame来提升动画性能（复杂动画）

   requestAnimationFrame动画