![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vuejs
文章平均质量分 79
Kid thePhantom Thief
专注于大前端技术开发(前端与客户端以及底层C )近两年偏向于前端渲染引擎、游戏引擎应用及源码研究
展开
-
Vue3与2是如何监测数组变化的
前言Vue3.x已经发布一段时间了,更新内容也是比较多的,但是比较让我感兴趣的还是如何对Vue2无法直接监测数组变化的优化,今天抽时间来简单看一下实现原理。一、Vue2为什么不能监测数组的变化首先从表象上来看,Vue2对数组的响应式实现是有些不足的:无法监测数组的新增无法监测用索引改变数组的操作先来简单分析下为什么会存在上述问题:我们知道Vue2是通过Object.defineProperty方法来进行数据监测的,但是这个方法是无法监测到数据的变化吗?其实并不是,我们来看下下面的例子:.原创 2021-02-22 18:30:19 · 2482 阅读 · 0 评论 -
初探Vite
Next Generation Frontend Tooling概述最近Vite可能算是比较火的一个话题,尤其是随着2.0版本的正式发布之后,各个公众号都在头部推荐,似乎是可以给前端童鞋开发效率带来巨大变革的样子,因此今天抽时间撸一遍看看,毕竟还是要紧跟时代潮流的。Why Vite官方文档开头第一部分就是介绍为什么要有Vite这个工具,其实这也是大家关心的点,前端构建编译工具经过几年的发展从最开始的gulp、grunt一直到现在的webpack,看起来现在已经是webpack一家独大的局面了,..原创 2021-02-20 17:29:48 · 1559 阅读 · 4 评论 -
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 评论