Vue.js设计与实现-霍春阳 著
- 书名： Vue.js设计与实现
- 作者： 霍春阳 著
- 简介： 本书基于Vue.js 3，从规范出发，以源码为基础，并结合大量直观的配图，循序渐进地讲解Vue.js中各个功能模块的实现，细致剖析框架设计原理。全书共18章，分为六篇，主要内容包括：框架设计概览、响应系统、渲染器、组件化、编译器和服务端渲染等。通过阅读本书，对Vue.js 2/3具有上手经验的开发人员能够进一步理解Vue.js框架的实现细节，没有Vue.js使用经验但对框架设计感兴趣的前端开发人员，能够快速掌握Vue.js的设计原理。
- 出版时间 2022-01-01 00:00:00
- ISBN： 9787115583864
- 分类： 计算机-软件学习
- 出版社： 人民邮电出版社
高亮划线
第2章 框架设计的核心要素
-
📌 Tree-Shaking 指的就是消除那些永远不会被执行的代码，也就是排除 dead code，现在无论是 rollup.js 还是 webpack，都支持 Tree-Shaking。 ^7-5668-5760
- ⏱ 2023-06-21 12:40:55
-
📌 res 的类型是字符字面量 'str' 而不是 any 了，这说明我们的代码生效了。 ^7-18798-18840
- ⏱ 2023-06-25 16:35:03
第3章 Vue.js 3 的设计思路
-
📌 使用模板和 JavaScript 对象描述 UI 有何不同呢？答案是：使用 JavaScript 对象描述 UI 更加灵活。 ^8-2306-2368
- ⏱ 2023-06-25 16:44:47
-
📌 。而使用 JavaScript 对象来描述 UI 的方式，其实就是所谓的虚拟 DOM。 ^8-3009-3052
- ⏱ 2023-06-25 16:44:45
-
📌 解释一下什么是组件的渲染函数。一个组件要渲染的内容是通过渲染函数来描述的，也就是上面代码中的 render 函数，Vue.js 会根据组件的 render 函数的返回值拿到虚拟 DOM，然后就可以把组件的内容渲染出来了。 ^8-3737-3873
- ⏱ 2023-06-25 16:44:43
-
📌 现在我们已经了解了什么是虚拟 DOM，它其实就是用 JavaScript 对象来描述真实的 DOM 结构 ^8-3966-4018
- ⏱ 2023-06-25 16:44:38
-
📌 所以，无论是使用模板还是直接手写渲染函数，对于一个组件来说，它要渲染的内容最终都是通过渲染函数产生的，然后渲染器再把渲染函数返回的虚拟 DOM 渲染为真实 DOM，这就是模板的工作原理，也是 Vue.js 渲染页面的流程。 ^8-13302-13439
- ⏱ 2023-06-25 19:20:55
第4章 响应系统的作用与实现
- 📌 04 effect(function effectFn() {
05 document.body.innerText = obj.ok ? obj.text : 'not'
06 })obj.ok 的初始值为 true，当我们将其修改为 false 后：01 obj.ok = false这会触发更新，即副作用函数会重新执行。 ^10-15244
- ⏱ 2023-06-25 20:09:12