Vue 动画性能优化

在使用 JS 来实现动画的场景下,需要频繁的操作 DOM,如果使用 Vue 的数据响应式更新去做,会比直接使用原生 JS 操作 (element.style.transform) 更加耗时。因为 Vue 在数据更新后,需要更新自身维护的虚拟 DOM 节点,对新旧节点进行对比,再更新视图。使用 Vue 操作动画每轮 requestAnimationFrame 都会去对比新旧节点,更新组件信息,消耗5...

10 个月前 前端 Vue

在 Vue 里使用高阶组件

高阶组件的特点和高阶函数类似,高阶函数接受一个/多个函数作为参数,返回另一个函数,高阶组件则是组件作为参数,返回另外一个组件。只要满足其中2个条件之一即可。高阶组件在一些场景下可以对组件进行复用,增强组件功能,控制渲染的内容。在 Vue 里创建高阶组件:场景1 页面鉴权场景2 复用组件总结Vue 里使用 HOC 没有 React 里用得那么灵活,React 大部分时候是写函数,和高阶组件的契合度高...

11 个月前 前端 Vue

Vue 2.0 源码浅析:加载和实例化过程

分析加载的时候都执行了什么方法以及 new 一个 vue 实例从定义到渲染页面经过了哪些流程。加载过程静态方法initGlobalAPI(Vue)initUse(Vue)initMixin(Vue)initExtend(Vue)initAssetRegisters(Vue)原型方法initMixin(Vue)stateMixin(Vue)eventsMixin(Vue)lifecycleMixin...