- 博客(7)
- 收藏
- 关注
RSS订阅
原创 Vue源码解析第二篇 虚拟DOM
虚拟 DOM 篇学习什么是虚拟 DOM，以及Vue中的DOM-Diff原理虚拟DOM简介1、什么是虚拟DOM虚拟DOM，就是用一个JS对象来描述一个DOM节点。如：<div class="example" id="content"> aaaa</div>var domVer = { tag:'div', attrs:{ class:'example', id:'content' }, text:'aaaa', children:[] //子元素
2021-03-09 16:16:55
189
2
原创 Vue源码解析第一篇 Vue双向绑定原理
Vue 学习路线1、变化侦测篇学习Vue中如何实现数据的响应式系统，从而达到数据驱动视图。数据驱动视图：简单来说就是数据变化引起视图变化。变化侦测：就是追踪状态，或者说是数据的变化，一旦发生变化，就去更新视图。angular中，一旦发生了可能引起数据变化的时候就会自根向下，进行检查（树的深度遍历，脏检查）。脏检查：存储所有变量的值，当可能有变量变化需要检查时，就将所有变量的旧值跟新值进行比较，不相等就说明检测到变化，需要更新对应的视图。React中，通过对比虚拟DOM来实现变化侦测。Vue中
2021-03-03 16:15:53
236
原创 vue源码解析第三篇 模板编译
前言：上一篇虚拟DOM中讲到一个必不可少的条件VNode，VNode是从哪里来的呢？这就是本篇文章讲的重点。把用户写的模板进行编译，就会产生VNode。什么是模板编译？我们把 template 标签中类似于原生html的内容称之为模板。vue会把用户在template标签中写的类似于原生html的内容进行编译，把原生html的内容找出来，再把非原生html找出来，经过一系列的逻辑处理生成渲染函数，也就是render函数的这一段过程称之为模板编译过程。简单来说模板编译过程就是把用户写的模板经过一系
2021-03-29 15:46:56
204
原创 AST 抽象语法树
学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如：1、 技术笔记 2 遍2、CSDN 技术博客 3 篇
2021-03-22 18:25:36
651
原创 异步编程的六种方法
异步编程的六种方法前言异步编程：非阻塞模式。异步是指进程不需要一直等下去，而是继续执行下面的操作，不用管其他进程的状态。当有信息返回时，系统会通知进程进行处理，这样可以提高执行的效率。异步编程的六种方法如下：一、回调函数这是异步编程最基本的方法。假如有两个函数f1和f2。，后者等待前者的执行结果。如果f1是一个很耗时的任务，可以考虑改写f1，把f2写成f1的回调函数。 function f1(callback){ setTimeout(function () { //
2021-02-22 15:32:06
5071
转载 Vue模板转换成视图的过程
Vue模板转换成视图的过程1.vue.js通过编译将templete模板转换成渲染函数（render），执行渲染函数就可以得到一个虚拟节点树。2.在对Model进行操作的时候，会触发对应Dep中的Watcher对象。Watcher对象会调用对应的update来修改视图，这个过程主要是将新旧虚拟节点进行差异对比，然后根据对比结果进行DOM操作来更新视图。简单来说，在Vue的底层实现上，Vue将模板编译成虚拟Dom渲染函数。结合Vue自带的响应系统，在状态改变时，Vue能够智能的计算出重新渲染组件的最小代价
2020-10-22 18:03:19
446
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人