手写Vue.js2.0源码

图书标准信息

• 作者 王佳琪 编著
• 出版社 北京航空航天大学出版社
• 出版时间 2023-09
• 版次 1
• ISBN 9787512441170
• 定价 138.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 548页

【内容简介】

我猜您看到这本书的第一反应或许是:Vue3都出了这么久了,我还用看 Vue2的源码分析? 直接学 Vue3 不好吗? 对于这个问题,我的答案就是:如果您现在正在使用 Vue2及其生态作为项目开发的技术栈,并且已 经用了很长一段时间,未来短期内也不一定会有可以使用 Vue3的新项目,那么我建议您一定要好好学学 Vue2。这本书无论是对您现在工作中的帮助,还是对可能会学习 Vue3的帮助,都是立竿见影的。 但是,如果您现在已经在项目中应用了 Vue3,那么其实这本书也有很好的启示作用。 简单来说,就是您正在用什么就去学什么,这句话或许能给在技术海洋里感到迷茫的您一点点方向和光明。

【目录】

目录

第1章 基本响应式原理 

1.1 基本开发环境搭建 

1.2 JavaScript高阶技法 

1.2.1 call、bind、apply太难了 

1.2.2 defineProperty 

1.2.3 Object.create了什么 

1.2.4 new 了个什么 

1.2.5 this到底是谁 

1.3 initData:Vue初始化 

1.4 Observer———响应式原理的核心 

1.5 数组的响应———AOP的实际应用 

1.6 初始化代码浅析 

1.6.1 扁平化后的代码 

1.6.2 按“图”索“骥”———流程梳理 

1.7 源码的阅读方法———任何源码都可以这样看 

第2章 模板渲染原理 

2.1 $mount———挂载节点 

2.2 parseHTML———解析模板 

2.3 codegen———生成render 

2.4 initLifecycle———Mount? Mount! 

2.5 源码解读———你的实现,我的实现,其实都一样 

2.5.1 绑定静态方法 

2.5.2 $mount的执行线 

2.5.3 回 顾 

第3章 依赖收集原理 

3.1 另一个JavaScript高阶知识 

3.1.1 观察者模式与发布订阅模式 

3.1.2 没事走两步———什么是异步 

3.1.3 mergeConfig———怎么合并两个对象 

3.2 Watcher&Dep———依赖收集 

3.3 nextTick———异步更新原理 

3.4 Mixin———这难道不是 mergeConfig 

3.5 callHook———生命周期是这样执行的 

3.6 源码分析之我是抄的 

3.6.1 Vue2中的依赖收集 

3.6.2 异步更新源码 

3.6.3 原来你是这样的 Mixin 

3.6.4 生命周期钩子是不是这样调用的  

第4章 Watcher的其他场景 

4.1 手写computed实现 

4.2 watch的核心是 watcher 

4.3 响应式原理补充———数组的更新 

4.4 源码分析之不知道怎么编了 

4.4.1 原来是这样的响应式 

4.4.2 依赖收集不过是彼此铭记  

第5章 Diff算法 

5.1 前置代码整理 

5.2 简单 Diff算法 

5.2.1 “当前节点不同”的情况 

5.2.2 比对子节点的简单情况 

5.3 完整的 Diff算法 

5.3.1 优化列表常见操作 

5.3.2 为什么循环的时候设置的key不能用数组的下标 

5.3.3 乱序比对 

5.4 细节调整  

5.5 Diff算法的真正源码 

第6章 手写 Component 

6.1 Vue.extend的实现 

6.2 Vue.component的实现  

6.3 组件的虚拟节点  

6.4 组件的渲染  

6.5 组件渲染源码梳理 

6.5.1 Vue.extend源码  

6.5.2 Vue.component源码  

第7章 源码的其他实现 

7.1 生命周期源码分析 

7.1.1 生命周期的简单调试 

7.1.2 生命周期的价值 

7.2 Vue.$set源码分析 

7.3 component源码分析 

7.3.1 组件的更新 

7.3.2 异步组件与函数式组件 

7.3.3 props源码分析 

7.3.4 组件的事件绑定 

7.3.5 $children与$parent  

7.4 $ref源码分析 

7.5 provide和inject 

7.6 $attrs与$listeners  

7.7 v if与v for 

7.8 v model源码分析 

7.8.1 parse解析指令 

7.8.2 把指令的 AST 转换成render函数 

7.8.3 针对v model的complier处理 

7.9 自定义指令源码分析 

7.9.1 directive方法的注册 

7.9.2 解析自定义directive  

7.10 修饰符的实现原理 

7.10.1 特殊修饰符的特殊处理 

7.10.2 表单修饰符的处理 

7.10.3 sync修饰符是怎么实现的 

7.11 slot源码分析 

7.12 keep alive源码分析 

第8章 手写 VueRouter源码 

8.1 VueRouter使用简介及项目初始化 

8.1.1 路由模式 

8.1.2 路由组件  

8.2 给 Vue组件绑定路由信息 

8.3 实现路由的扁平化 

8.4 实现路由系统  

8.5 实现routerLink组件 

8.6 实现routerView 组件  

8.7 实现路由守卫 

8.8 缝缝补补history模式 

第9章 VueRouter源码分析 

9.1 寻找入口、安装并运行起来 

9.2 解析路由信息 

9.3 路由跳转流程 

9.4 路由组件 

第10章 手写 Vuex源码 

10.1 Vuex使用简介 

10.2 似曾相识的基本实现 

10.3 实现模块收集 

10.4 实现模块安装 

10.5 实现模块的命名空间 

10.6 实现模块的动态注册 

10.7 实现插件机制 

10.8 实现其他细节 

10.8.1 异步的actions  

10.8.2 严格模式 

10.8.3 辅助函数 

第11章 Vuex源码分析 

11.1 打包入口及结构 

11.2 模块的收集 

11.3 模块的安装 

第12章 Vue2中的SSR 

12.1 项目搭建 

12.2 打包客户端代码 

12.3 打包服务器端代码 

12.4 服务器渲染路由 

12.5 在服务器渲染中应用 Vuex  

参考文献