jiangkun-vue-resources--思路梳理

jiangkun-vue-resources–思路梳理–First

video01

live server

vue简单使用及使用流程-为手写提供思路

vue.js替换页面模板

手写替换页面模板

手写替换页面模板的问题

video02

上-代码整合（构造函数）

中-插值数据的多层处理
函数颗粒化

下-处理虚拟DOM
两个小算法: 将真实的dom转化为虚拟dom;将虚拟dom转化为真实的dom;

video 03

1. 虚拟dom转化为真实的dom
2. 3个概念的介绍‘’
3. vue源码大致过程，那一步最消耗性能，并举例说明
4. 对比vue源码，朝着性能小号最小化方法走

video 04

上-根据vue源码结构，搭建现有的结构，提供思路 + 函数柯里化及其作用
下-vue渲染原理及模型

video 05

遗留问题解决

video 06

课程回顾，引入update函数

响应式原理：

(1)object.definedproperty的使用及原理

(2)处理安全问题的闭包

video 07

(1)将对象转化为响应式

(2)对象响应式化

(3)扩展函数功能

(4)拦截数组的方法

(5)接下来要解决的是—直接给数组重新赋值也要是响应式的

video 08

（1） 完成对象直接赋值响应式化

（2）代理方法

（3）事件模型

（4）vue中的observe，wachter，dep之间的关系

video 09

代理方法详解

video 10

代理的解释

代理proxy方法的封装

video 11

（1）发布订阅者模式
（2）事件模型：绑定，解绑，触发
（3）事件的注册与发射
（4）基础与复杂数据类型的比较
（5）vue模型

video 12

（1）改写observe
缺陷：
–无法处理数组
–响应式无法在中间集成watcher处理
–我们实现的reactify需要和实例紧紧的绑定在一起，分离（解耦）
（2）处理提出的问题–observe还没有对单独的数组元素做处理

video13

引入watcher

video14

依赖收集，派发更新（全局watcher,局部watcher）

video15

依赖手收集，派发更新
dep,属性及watcher之间的关系

video16

(1) vue源码中各个文件夹的作用
（2）vue初始化流程
16节主要讲解了share文件夹中工具类的部分

video17

vue初始化流程中初始化的内容及各个吃初始化模块的详情

video18

主要包括以下几个内容
1.observer
2.watch 和 computed
3.简单的说明一下patch
进度：
observer文件夹中各个文件的作用
array文件夹介绍完成
dep.js
index.js
traverse.js

video19

vue初始化流程watcher及computed介绍
patch算法介绍

jiangkun-vue-resources–思路梳理–Sec

video01

1.vue与模板-使用步骤
2.数据驱动模型-执行流程
3.简单的模板渲染
4.虚拟DOM
（1）vue与模板的使用流程
（2）正则replace
（3）dom操作
（4）递归
（5）nodeType的类型：3-文本节点，1-元素

video02

1.思路分析-画图
2.代码整合-函数封装
3.处理差值多层级问题
4.函数柯里化
5.将dom转化为虚拟dom
6.将虚拟dom转化为真实dom

video03

1.将虚拟dom转化为真实dom实现
2.函数柯里化，偏函数，高阶函数的概念
3.函数柯里化的两个实例

video04

1.仿照vue源码的写法
2.mount,ast,render(update),vnode,node
3.实现虚拟dom与数据结合，生成带坑的vnode
4.接下来将带坑vnode解析为node并替换到页面中去

video05

问题解决：
1.函数柯里化循环问题
2.mount.call(this)

video06

本章节主要内容
1.上一节回顾总结
2.update函数实现

1.上一节回顾总结
（1）获取dom,getvnode,complier,替换到页面中
（2）render函数写法不一样的原因
2.响应式原理
对象响应式化
3.使用闭包解决对象响应式化参数不安全的问题（简单数据类型）

video07

1.复杂数据类型（多层级包括对象和数据响应式化的处理）
对象使用递归
数组中处理（push,pop,shift,unshift,reverse,sort,splice）—进行中
2.拓展函数功能
3.拦截数组的方法
4.对象直接赋值响应式化

video08

1.解决07遗留问题–对象直接赋值响应式化
缺陷：数组本身不是响应式化，数组成员是响应式化的
2.代理方法（app.name,app._data.name）
3.事件模型（node:event 模块）
4.vue中observer与watcher和Dep

video09

1.代理详解

video10

1.解释proxy
2.proxy封装（data,property,组件属性）

video11

1.发布订阅模式
2.事件模型
on,off,emit
3.值与引用类型的区别
4.发布订阅模式原理分析

video12

1.改写observe
缺陷处理：
-无法处理数组
-响应式无法在中间集成watcher处理
-我们实现的rectify需要和实例紧紧绑定在一起（解耦）
2.引入watcher
3.obsever改写完成
4.this指向错误问题查找

video13

1.模型
2.关于this问题
3.watcher核心方法介绍

video14

1.依赖收集派发更新
2.依赖收集的意义
3.依赖收集意义demo(父子组件更新)
4.下一步是代码实现

video15

1.依赖收集相互引用，派发更新机制
2.画图梳理 属性，dep,watcher之间的关系

video16

1.各个文件夹的作用
2.vue的初始化流程
3.工具函数介绍

video17

1.util 工具文件
2.vue初始化流程
3.observe在vue中的实现

video18

1.observer
2.watch 和 computed
3.简单的说明一下patch