
Vue
鹏鱼雁
这个作者很懒,什么都没留下…
展开
-
Vue的深入理解
1、spa(单页面)应用参考文献Vue单页面应用单页应用和多页应用:超级详细,超级好的一篇文章说白就是无刷新,整个webapp就一个html文件,里面的各个功能页面是javascript通过hash,或者history api来进行路由,并通过ajax拉取数据来实现响应功能。因为整个webapp就一个html,所以叫单页面!通俗点来讲,在应用整个使用流程里浏览器由始至终没有刷新,所有的数...原创 2020-04-13 23:06:56 · 1384 阅读 · 1 评论 -
VDOM(虚拟dom、diff算法)和key
参考文献Virtual Dom库snabbdom代码解析vue核心之虚拟DOM(vdom)详解vue的diff算法一、背景定义JS操作真实DOM的代价!用我们传统的开发模式,原生JS或JQ操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中,我需要更新10个DOM节点,浏览器收到第一个DOM请求后并不知道还有9次更新操作,因此会马上执行流程,最终执行10次。例如,...原创 2020-04-13 23:07:24 · 893 阅读 · 1 评论 -
Vue实现nextTick
参考文献vue nextTick深入理解-vue性能优化、DOM更新时机、事件循环机制全面解析Vue.nextTick实现原理这一次,彻底弄懂 JavaScript 执行机制一、定义[nextTick、事件循环]nextTick的由来:由于Vue的数据驱动视图更新是异步的,即修改数据的当下,视图不会立即更新,而是等同一事件循环中的所有数据变化完成之后,再统一进行视图更新。这样做的目的是...原创 2019-11-19 12:49:38 · 353 阅读 · 0 评论 -
浅谈Vue的响应式原理(对比2.0和3.0)
参考文献Vue 数据响应式原理深入理解Vue响应式原理前言Vue.js 的核心包括一套“响应式系统”。“响应式”,是指当数据改变后,Vue 会通知到使用该数据的代码。例如,视图渲染中使用了数据,数据改变后,视图也会自动更新。举个简单的例子,对于模板:<div id="root">{{ name }}</div>创建一个 Vue 组件:var vm = ne...原创 2020-04-13 23:08:00 · 631 阅读 · 0 评论