React 源码剖析系列 - 不可思议的 react diff
摘要:简单点的重复利用已有的dom和其他REACT性能快的原理。 key的作用和虚拟节点 简单点的重复利用已有的dom和其他REACT性能快的原理。 key的作用和虚拟节点 目前,前端领域中 React 势头正盛,使用者众多却少有能够深入剖析内部实现机制和原理。 本系列文章希望通过剖析 React 源码,
阅读全文
path--diff
摘要:vdom--patch(一)我们讲了,整个Vue对象初始化并渲染到页面中的过程。 本篇文章我们主要来谈谈当页面绑定的数据修改后,是如何更新dom结构的, 即vdom的diff算法,网上讲解这部分内容的文章有很多,可以互相借鉴补充。 Vue和React在更新dom时,使用的算法相同,都是基于snabb
阅读全文
compile——生成ast
摘要:刘涛 生成ast的函数是src/compiler/parser/index.js文件中的parse函数, 从这里入手,我们一起来看看一段html字符串,是如何一步步转换成抽象语法树的。 这一部分会涉及到许许多多的正则匹配,知道每个正则有什么用途,会更加方便之后的分析。 ( 这些正则真是高, 以前想写
阅读全文
vue-compile概述
摘要:来源 刘涛 Vue的核心可以分为三个大块:数据处理和双向绑定、模板编译、虚拟dom。 前面我们对第一部分的主要内容双向绑定做了一个分析讲解,接下来我们说一说模板编译。 这一部分的内容比较多,也比较复杂。由于所涉及的情况太多了,我也不可能把每一种情况都覆盖到。 尽量做到既不啰嗦,又能分享更多的内容。前
阅读全文
anu - browser
摘要:import { oneObject, recyclables, typeNumber } from "./util"; //用于后端的元素节点 export function DOMElement(type) { this.nodeName = type; this.style = {}; this.children = []; } //如果仅仅通过引用 SVG 的命...
阅读全文