前言
本章介绍数据状态更新时的差异 diff 及 patch 机制。
CSS优化、提高性能的方法
抽取通用样式，增强可复用性、可维护性和可扩展性
使用预处理工具（scss、less 等）或构建工具（gulp、webpack 等），对 css 进行语法检查、自动补前缀、打包压缩、自动优雅降级等
巧用关键选择器，即如果某个元素拥有 id 选择器作为其关键选择器，就不需要再添加其他选择器，过滤掉无关
...
设置字体元素小于12px
一、背景Chrome 中文版浏览器会默认设定页面的最小字号是12px，英文版没有限制
原由 Chrome 团队认为汉字小于12px就会增加识别难度
中文版浏览器
与网页语言无关，取决于用户在Chrome的设置里（chrome://settings/languages）把哪种语言设置为默认显示语言
...
文档流和文本流的区别
- 文档流是相对于盒子模型来说的
- 元素浮动后，会跳出文档流。当后面有元素时，其他元素会忽视它所占据的位置，覆盖它。但是文字却认同它所占据的位置，围绕它布局，也就是说没有脱离文本流。
- 造成脱离文档流的方式：float
- 文本流是相对于文字段落来说的
- 绝对定位后，不仅元素盒子会脱离文档流，文字也会脱离文本流。即后面的元素的文本也不认同它所占据的位置，会直接在下面布局，不会围绕了。
- 造成脱离文本流的方式：绝对定位