- 浏览器的渲染原理
- 根据html文件构建DOM树和CSSOM树。构建DOM树期间，如果遇到JS，阻塞DOM树及CSS树的构建，优先加载JS文件，加载完毕，再继续构建DOM树及CSS树。
- 构建渲染树（Render Tree）。
- 页面的重绘（repaint）与重排（reflow，也有称回流）。重绘是指 div标签节点的背景颜色、字体颜色等等发生改变，但是该div标签节点的宽、高、内外边距并不发生变化，此时触发浏览器重绘（repaint），重排是指渲染树节点发生改变，影响了节点的几何属性（如宽、高、内边距、外边距、或是float、position、display：none;等等），导致节点位置发生变化，此时触发浏览器重排（reflow）
- CSS 动画的两种做法（transition 和 animation） API：关键字transition mdn 和 animation mdn 1、transition 是过渡，是样式值的变化的过程，只有开始和结束；animation 通过和 keyframe 结合可以设置中间帧的一个状态； 2、animation 配合 @keyframe 可以不触发时间就触发这个过程，而 transition 需要通过 hover 或者 js 事件来配合触发
在学习前需要了解事物的原理，然后多踩坑
