第七章|渲染、编译与性能
从虚拟节点与节点身份解释更新工作,再看编译器提示、批处理、缓存和虚拟窗口如何减少成本。每次讨论性能,都同时检查交互行为和状态是否仍然正确。
阅读前需要什么
需要第三章的依赖追踪与调度、第二章的组件实例,以及第四章的生命周期。普通 DOM 和日志实验沿用第一章环境;水合的实际测量在第八章建立服务端环境后回访。
这一章怎样连起来
VNode 描述待渲染结构,key 帮助识别节点身份;编译提示与批处理减少重复工作,缓存和虚拟窗口减少需要持续维护的内容。它们各有成立条件,因此性能测量必须和状态、交互及资源的正确性一起检查。
阅读顺序
普通小实验沿用第一章运行环境。明确标注为自动化回访的题目,在完成第九章测试环境后再做。
第 09 篇先阅读水合性能的分析问题;实际运行服务端与浏览器测量前,先完成第八章环境与水合,再回访实验。
读完后能做什么
用同一组列表数据比较一次优化前后的更新次数与交互延迟,同时检查选择状态、键盘操作和空结果。然后改变一个缓存依赖或列表位置,确认减少工作没有保留过期内容。测量条件与正确性结果都应能够说明。
先独立完成各篇练习,再对照本章答案。接着进入第八章|SSR 与 Nuxt。