1. 浏览器渲染原理
浏览器的渲染过程
- 根据HTML构建HTML树（DOM）
- 根据css构建css树(cssom)
- 将两棵树合并称一颗渲染树(render tree)
- layout布局（文档流、盒模型、计算大小和位置）
- paint绘制（把边框颜色、文字颜色、阴影等画出来）
- composition合成（根据层叠关系展示画面）
2. CSS 动画的两种做法（transition 和 animation）
transition
主要用来补充中间帧
-
语法
-
transition:属性名|时长|过渡方式|延迟;
transition:left 200ms linear; -
也可以用逗号分隔两个不同属性
transition:left200ms,top 400ms;
也可以用all代表所有属性
animation
- animation: 时长|过渡方式|延迟|次数|方向|填充模式|是否暂停|动画名称;
