向服务器请求到了HTML文档后便开始解析，产物是DOM（文档对象模型），如果有css，会根据css生成CSSOM（CSS对象模型），然后再由DOM和CSSOM合并产生

　　过程如下： 解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成

　　引擎为例： 1，根据html文件构建DOM树 2，根据CSS文件构建CSSOM树 3，根据DOM树和CSSOM树构建

　　把获取到的html代码解析成1个Dom树，html中的每个tag都是Dom树中的1个节点，根节点就是我们常用的document对象 。dom树里面包含了所有的html tag，包括display:none隐藏，还有用JS动态添加的元素等。 2.

　　1.解析HTML，生成DOM树，解析CSS，生成CSSOM树 2.将DOM树和CSSOM树结合，生成

　　是由于节点的几何属性发生改变或者由于样式发生改变但不会影响布局。例如outline, visibility, c

　　内核 关系 Chrome Chromium 早期为webkit FireFox Gecko 开源内核

　　性能优化 合并多次布局操作 减少或避免强制同步布局 使用 transform 和 opacity 来实现动画...

　　机制一般分为以下几个步骤: 处理 HTML 并构建 DOM 树。 处理 CSS 构建 CSSOM 树。 将 DOM 与 CSSOM 合并成一个

　　谷歌 Web 开发最佳实践手册（4.1.1）：创建对象模型 谷歌 Web 开发最佳实践手册（4.1.2）：

　　：render树中的部分或全部因为元素的规模尺寸、布局、隐藏等改变，需要重新计算render树。 避免

　　其实就是需要减少对render tree的操作，并减少对一些style信息的请求，尽量利用好

　　最近项目排期不紧，于是看了一下之前看了好久也没看明白的chrome调试工具的timeline。但是很遗憾，虽然大概懂了每一项是做什么的，但是用起来并不能得心应手。所以今天的重点不是timeline，而是我在看timeline的时候发现的reflow.reflow,

　　会影响页面性能，每次这两个都会被同时提及，关系就好像KFC边上一定会有MC一样亲密的让人...

　　接收到html文档，就会把HTML在内存中转换成DOM树，HTML中的每个tag都是DOM树中的1个节点，根节点就是我们常用的doc...

　　都是比较昂贵的操作，如果每一次改变都直接对DOM进行操作，这会带来性能问题，而批量操作只会触发一次DOM更新。 在React中，状态变化后React框架并不会立即去计算并

　　可以说是每一个web开发者都经常听到的两个词语，看了一些博客和书籍，整理了一些内容并且结合自己的体会，写了这篇文章，希望可以帮助到大家。 文章目录1.

　　和重排4.2 批量修改DOM4.3 避免触发同步布局事件4.4 对于复杂动画效果,使用绝对定位让其脱离文档流4.5 css3硬件加速（GPU加速） 1.

　　摘 要 6 1 引言 6 1.1 研究背景和意义 6 1.2研究目标 7 1.3论文结构 7 2 相关技术与方法 8 2.1相关技术介绍 8 2.2系统环境开发条件 9 3 系统分析 9 3.1需求分析 9 3.2可行性分析 9 3.3系统初步调查 10 3.4系统体系结构设计 10 3.4.1 首页 11 3.4.2用户账单管理 11 3.4.3用户信息管理 11 3.4.4用户账单统计 11 3.4.5系统管理 12 3.4.6退出 12 3.5用例图 12 3.6用例说明 14 3.6.1用户登录用例说明 14 3.6.2账单管理用例说明 15 3.6.3系统管理用例说明 16 4 系统设计 17 4.1概要 17 4.2 系统结构 17 记账管理功能模块 19 4.3. 数据库设计 19 4.3.2 数据库设计表 22 5系统功能实现 24 5.1小程序自动登陆功能模块 24 5.2小程序添加账单功能模块 26 5.3小程序账单删除修改功能模块 27 5.4查看用户列表功能模块 28 5.5查看用户列表功能模块 29 5.6修改用户个人信息功能模块 30 6 系统测试 31 6.1系统调试的目的和意义 31 6.2功能测试用例 32 参考文献： 35 谢 辞 36