SF
有赞美业前端团队
有赞美业前端团队
注册登录
关注博客
注册登录
主页
关于
RSS
你不知道的Virtual DOM(六):事件处理&异步更新
Dickens
2018-09-09
阅读 6 分钟
7.7k
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解Virtual DOM的创建过程,并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的Virtual DOM。敲单词...
你不知道的Virtual DOM(五):自定义组件
Dickens
2018-09-03
阅读 5 分钟
8.4k
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解Virtual DOM的创建过程,并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的Virtual DOM。敲单词...
你不知道的Virtual DOM(四):key的作用
Dickens
2018-08-29
阅读 7 分钟
10.1k
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解Virtual DOM的创建过程,并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的Virtual DOM。敲单词...
你不知道的Virtual DOM(三):Virtual Dom更新优化
Dickens
2018-08-29
阅读 7 分钟
10.7k
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解Virtual DOM的创建过程,并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的Virtual DOM。敲单词...
你不知道的Virtual DOM(二):Virtual Dom的更新
Dickens
2018-08-25
阅读 8 分钟
14.6k
目前最流行的两大前端框架,React 和 Vue,都不约而同的借助 Virtual DOM 技术提高页面的渲染效率。那么,什么是 Virtual DOM ?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解 Virtual DOM 的创建过程,并实现一个简单的 Diff 算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的 Virtual D...
你不知道的Virtual DOM(一):Virtual Dom介绍
Dickens
2018-08-23
阅读 5 分钟
42.6k
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解Virtual DOM的创建过程,并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的Virtual DOM。敲单词...
实现一个mvvm
keller35
2018-07-29
阅读 4 分钟
6.8k
最近在团队内做了一次vue原理分享,现场手写了一个乞丐版mvvm,这里记录一下这个mvvm实现的过程。 源码:[链接] 这个mvvm是基于发布订阅模式实现(也是vue本身的实现原理),最终达到的效果如下: 使用方式也跟vue一样: {代码...} 实现很简单: {代码...} 原理: 最根本的原理很简单,无非是基于发布订阅的消息通知模式...
组件库构建过程
keller35
2018-06-12
阅读 6 分钟
7.4k
最近在项目内部创建了一个vue组件库,希望通过组件库的形式,统一项目中组件的逻辑和样式,让代码的复用性更强。 这篇文章主要是梳理组件库的整个结构和构建过程。 结构 首先在这里介绍一下组件库的代码结构,上面是整体代码目录结构,每个目录的作用如下: packages:组件源码位置,每个组件作为一个子目录;同时提供pa...
【译】JavaScript 框架的探索与变迁(上)
JerryC
2017-11-01
阅读 3 分钟
3.5k
近几年可谓是 JavaScript 的大爆炸纪元,各种框架类库层出不穷,它们给前端带来一个又一个的新思想。从以前我们用的 jQuery 直接操作 DOM,到 BackboneJS、Dojo 提供监听器的形式,在到 Ember.js、AngularJS 数据绑定的理念,再到现在的 React、Vue 虚拟 DOM 的思想。都是在当前 Web 应用日益复杂的时代,对于如何处理「...