- 博客(3)
- 收藏
- 关注
原创 什么是虚拟DOM?
作者:浪里行舟Fundebug经授权转载,版权归原作者所有。前言Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍,并大大降低了内存消耗。那么,什么是Virtual DOM?为什么需要Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?这是本文所要探讨的问题。模板转换成视图的过程在正式介绍 Virtual Dom之前,我们有必要先了解下模板转换成视图的过程整个过程(如下图):Vue.js通过编译将template 模板转换成渲染函数
2021-02-24 20:18:47 227
原创 Vue过渡与动画总结
Vue过渡与动画总结Vue过渡和动画的要点就是在恰当的时机添加或删除 CSS 类名,我们需要定义其在不同的时间段的状态,在进入或离开的过程中,会有 6 个 class 切换:v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。v-enter-active:定义进入过渡生效时的状态。在整个进入过渡的阶段中应用,在元素被插入之前生效,在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间,延迟和曲线函数。v-enter-to:在元素被插入之后下一帧生效
2021-02-24 11:34:27 530
转载 vue的响应式原理
详解Vue响应式原理摘要: 搞懂Vue响应式原理!作者:浪里行舟原文:深入浅出Vue响应式原理Fundebug经授权转载,版权归原作者所有。前言Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以避开一些常见的问题。----官方文档本文将针对响应式原理做一个详细介绍,并且带你实现一个基础版的响应式系统。本文的代码请猛戳Github博客什么是响
2021-02-21 13:05:57 463
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人