![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
源码
Kid thePhantom Thief
专注于大前端技术开发(前端与客户端以及底层C )近两年偏向于前端渲染引擎、游戏引擎应用及源码研究
展开
-
Vue初始化源码解析
本文主要来描述下Vue的整体创建流程,可以熟悉下Vue的初始化的过程,帮助大家明白当我们在运行new Vue()的时候发生了什么。 首先来看下Vue初始时的方法: import { initMixin } from './init' import { stateMixin } from './state' import { renderMixin } from './render' import { eventsMixin } from './events' import { lifecycleMixin原创 2020-07-10 19:18:10 · 216 阅读 · 0 评论 -
Vue 虚拟节点及diff算法详解
Vue进入2.0以来在其内部加入了虚拟dom的实现,减少了dom的操作,极大提高了性能,同时其diff算法的时间复杂度为O(n),性能很高。 虚拟dom 首先我们来看下什么是虚拟DOM(virtual DOM ),虚拟DOM就是提通过js生成一个dom对象,之后通过diff算法比较之后生成patch,即补丁,之后虚拟dom通过补丁更新,再渲染成真实DOM显示出来,可以看到只涉及到了一次DOM操作,效率、性能无疑很高。 具体实现步骤: 初始化时创建虚拟dom树 将虚拟dom render成实体dom,显示出原创 2020-07-09 21:47:24 · 1505 阅读 · 0 评论