虚拟dom
5篇文章 · 0订阅
  • Vue源码剖析——render、patch、updata、vnode
    如有错误，希望各位留言指点，乐意之极。 在Vue源码里，尤大采用了Flow作为静态类型检查，Flow是facebook出品的静态类型检查工具。 众所周知，JavaScript是弱类型的语言。 所谓弱类型指的是定义变量时，不需要什么类型，在程序运行过程中会自动判断类型，如果一个语…
    Vue.js 前端 编译器
    Vue源码剖析——render、patch、updata、vnode
  • 带你搞懂Vue虚拟Dom和diff算法
    使用过Vue和React的小伙伴肯定对虚拟Dom和diff算法很熟悉，它扮演着很重要的角色。由于小编接触Vue比较多，React只是浅学，所以本篇主要针对Vue来展开介绍，带你一步一步搞懂它。 虚拟DOM（Virtual Dom），也就是我们常说的虚拟节点，是用JS对象来模拟真…
    Vue.js
    带你搞懂Vue虚拟Dom和diff算法
  • 聊聊vue2.5的patch过程（diff算法）
    Vue2.0开始，引入了Virtual Dom，了解diff过程可以让我们更高效的使用框架，必要时可以进行手工优化，本文针对的是Vue2.5.7版本中的Virtual Dom进行分析，力求以图文并茂的方式来分析diff的过程。 PS: 如有不对之处，还望指正。 我们知道，浏览器…
    Vue.js
  • Vue之虚拟DOM(vdom)
    在开始虚拟DOM之前，让我们先来了解一下真实的DOM以及浏览器是怎么进行解析的。浏览器渲染引擎工作流程大致分为以下四类：创建DOM树 -> 生成render树 -> 布局render树 -> 绘制render树 创建DOM树：解析HTML生成DOM树 - 渲染引擎首先解析HTM…
    Vue.js
    Vue之虚拟DOM(vdom)
  • vue-虚拟dom
    要明白diff算法，还是要从dom说起。 是网页用来表示文档中对象的标准模型，是针对HTML和XML的API。 渲染引擎：主要负责将请求的布局文件、样式文件进行解析渲染，呈现出web页面。 网络：进行HTTP请求调用。 js解释器：负责解析并执行JavaScript语言。 1.…
    JavaScript