随着前端技术的飞速攀升,我们的工作业务不仅仅只局限于页面布局以及一些简单的代码,为了满足客户的需求,给客户一个更好的体验,我们在前端的性能方面也有了一个质的提升,下面带大家来学习一个前端的性能优化之一:函数的防抖和节流
相比于其他库,Vue.js 提供了更加简洁、更易于理解的 API,使得我们能够快速上手,一经推出,便迅速走红。现在 Vue.js 更是火得一塌糊涂,github star 数更是超越 React。既然 Vue 如此火,我们是不是很有必要了解一下 Vue.js 背后的实现原理。
Vue 的源码结构比较绕, 同时使用了大量的面向对象的高级技巧. 重写方法, 扩展方法, 多态等应用. 从 Vue 实例的加载过程就可以看出来. 这一节重点看看 Vue 的源码加载流程是什么。
我们要简单介绍一下 flow 的使用, 一方面可以提升平时开发效率, 另一方面为了看明白 Vue 的源码也很有必要
我们以前实现过一个简单的响应式逻辑, 但是比起 Vue 的实现那简直就是小孩子的玩具, 在Vue 中, 使用了observer, watcher, 和 dep 三种对象来实现响应式. 而响应式的属性是具有嵌套特征的复杂对象. 这里涉及到设计模式, 递归与算法等, 可谓是代码的技巧精华所在。
vue 的响应式系统依赖于三个重要的类:Dep 类、Watcher 类、Observer 类,然后使用发布订阅模式的思想将他们揉合在一起
观察者模式(Observer pattern),和发布订阅模式(Publish–subscribe pattern)到底是什么呢?
今天,我们就来一步步解析vue.js响应式的原理,并且来实现一个简单的demo。
虚拟DOM概念随着React的诞生而诞生,由facebook提出,其卓越的性能很快得到广大开发者的认可;继React以后Vue2.0也在其核心引入了虚拟DOM的概念,本文将深入Vue源码,来介绍虚拟DOM的主要实现原理。
在之前的文章中带大家讲过函数的防抖和节流。讲到 防抖与节流,我们可以顺带探秘下 重绘与回流。