全书结构,共6篇,每篇3-

215 阅读2分钟

本书是Vue.js团队成员之一“霍春阳”所著,作者还有Vue3源码解读,为Vue3修补了大量补丁,对技术专注又投入。作者高度参与了Vue3建设工作,对技术细节的理解可靠,对Vue高层设计思想的理解也非常精准。本书致力于基于Vue设计思想,展开对Vue各模块的介绍和理解。综上,此书值得细细品读。 以下,我将在阅读过程中对书进行基础拆分,便于本文读者高效的阅读或复读。

一. 全书结构,分6篇

  1. 框架设计概览:先全局分析框架的选择、细节建设,最后全局介绍了设计思路、目前Vue3各模块之间的协作。(类似一个项目团队的建设过程,先结合项目特点确定组织架构,然后建设团队,每个工种的人员确定,最后全面介绍为什么选择这些人加入团队,以及团队如何协作)
  2. 响应系统:响应是Vue面世时的最大亮点,而Vue3响应的实现也是3和2的最大区别之一,面试常问。本书先全局介绍Vue3如何从0到1的实现响应———()—————,然后细节介绍实现过程中的重要技术点和难点。
  3. 渲染器:数据层变化-响应,之后就要“渲染”到页面层,否则用户看不到变化,白响应了。本篇先介绍了响应系统和渲染器是如何协作的(类似项目团队中不同工种之间的配合,比如前端和后台要互相响应配合),详细介绍了渲染器的基础信息:名词和概念、自定义如何实现。然后介绍了渲染器的实现过程中的技术重点:挂载和更新。最后介绍了3种算法工作原理,包括:简单Diff、双端Diff、快速Diff。
  4. 组件化:也是Vue面世时最大亮点。1.实现原理、组件的状态。2.异步组件和函数组件。3.Vue内建的3个重点组件:KeepAlive、Teleport、Transtion。
  5. 编译器:使用Vue开发是全js代码,如何转换成浏览器可识别的HTML等内容?就需要编译器了。1.Vue的模板编译器工作流程,parser、AST,然后输出了具体的生成渲染函数代码。2.HTML的解析器。3.优化:Vue3编译器的优化部分。
  6. 服务端渲染:Vue同构渲染的原理。先介绍了CSR、SSR及同构渲染的优缺点。然后探讨了Vue服务端渲染+客户端激活的原理。最后强调了编写同构代码的注意事项。