2016年05月_yczz

11月 09月 08月 07月 06月 05月 03月 02月 01月

转载跟 Web Components 打个啵

What are Web ComponentsWeb Components 是 W3C 定义的新标准，目前还在草案阶段。Why are they important前端组件化bootstrap // 初始化 $('#myModal').modal({ keyboard: false }); // 显示 $(

2016-05-30 16:05:26 846

转载 vdom实现

1 简介1-1 传统模板引擎1-2 vdom2 模板引擎和vdome2-1 模板引擎简介2-2 vdom3 vdom-templat的实现思路4 编译原理流程5 模板的文法定义6 词法分析 lexer7 语法解析parser8 代码生成9 diff和patch封装参考1 简介1-1 传统模板引擎传统模板引擎编译生成HTML字符串。通常在后台脚本语

2016-05-27 14:34:09 5431

转载利用 JavaScript 数据绑定实现一个简单的 MVVM 库

MVVM 是 Web 前端一种非常流行的开发模式，利用 MVVM 可以使我们的代码更专注于处理业务逻辑而不是去关心 DOM 操作。目前著名的 MVVM 框架有 vue, avalon , angular 等，这些框架各有千秋，但是实现的思想大致上是相同的：数据绑定 + 视图刷新。出于好奇和一颗愿意折腾的心，我自己也沿着这个方向写了一个最简单的 MVVM 库 ( mvvm.js )，总共 2000

2016-05-27 14:31:07 2429

转载 React Virtual DOM、Ember Glimmer和Incremental DOM技术哪家强

原文链接React Virtual DOM vs Incremental DOM vs Ember’s Glimmer: Fight TooNaiveMan 翻译于2015/12/3本文将探索3种构建动态DOM的技术，并通过一些基准测试对比3种技术的性能快慢，最后我会给出在项目中哪种技术更加适合以及为什么。介绍现在已经有许多DOM操作的框架和类库。在这些类库之中，专注于性能

2016-05-25 00:30:18 896

转载 React源码剖析系列－不可思议的react diff

目前，前端领域中 React 势头正盛，使用者众多却少有能够深入剖析内部实现机制和原理。本系列文章希望通过剖析 React 源码，理解其内部的实现原理，知其然更要知其所以然。React diff 作为 Virtual DOM 的加速器，其算法上的改进优化是 React 整个界面渲染的基础，以及性能提高的保障，同时也是 React 源码中最神秘、最不可思议的部分，本文从源码入手，深入剖析 R

2016-05-14 23:33:21 1784 1

转载 Javascript的DOM操作 - 你真的了解吗?

摘要想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读,同时加入性能上的一些问题. 前言在前端开发的过程中,javascript极为重要的一个功能就是对DOM对象的操作,无论增删改查在前端页面操作这一范围内都是比较消耗性能的.如何高效率的,便捷的操作DOM,这就是本文要讲述的.希望看完

2016-05-11 18:02:43 5595 1

转载深度剖析：如何实现一个 Virtual DOM 算法

作者：戴嘉华转载请注明出处并保留原文链接（ https://github.com/livoras/blog/issues/13 ）和作者信息。目录：1 前言2 对前端应用状态管理思考3 Virtual DOM 算法4 算法实现4.1 步骤一：用JS对象模拟DOM树4.2 步骤二：比较两棵虚拟DOM树的差异4.3 步骤三：把

2016-05-01 22:46:37 670

转载全面理解虚拟DOM，实现虚拟DOM

最近一两年前端最火的技术莫过于ReactJS，即便你没用过也该听过，ReactJS由业界顶尖的互联网公司facebook提出，其本身有很多先进的设计思路，比如页面UI组件化、虚拟DOM等。本文将带你解开虚拟DOM的神秘面纱，不仅要理解其原理，而且要实现一个基本可用的虚拟DOM。1.为什么需要虚拟DOMDOM是很慢的，其元素非常庞大，页面的性能问题鲜有由JS引起的，大部分都是由DOM

2016-05-01 22:44:05 19392 5