admin 发布于 12月19, 2016

实现一个类 Vue 的 MVVM 框架

Vue 一个 MVVM 框架、一个响应式的组件系统,通过把页面抽象成一个个组件来增加复用性、降低复杂性

主要特色就是数据操纵视图变化,一旦数据变化自动更新所有关联组件~

阅读全文 »

admin 发布于 11月06, 2016

React系列之 Redux 架构模式

没想到这篇文章这么晚才出,最近发生了太多的事情,已致于心态全无,最终也离开了现在的公司,没想到这么狼狈

割断了一切可能也是一个新的开始,有太多的话可能也没机会,愿一切都好

阅读全文 »

admin 发布于 09月21, 2016

React系列之 Flux架构模式

由于 React 只涉及 UI 层的处理,所以构建大型应用应该搭配一个框架模式才能使后期维护成本相对较小~

Flux 正是 FB 官方给出的应用架构,他推崇一种单向的数据流动模式,看下图感受下

阅读全文 »

admin 发布于 09月15, 2016

React系列之 Immutable

什么是 Immutable Data ?

Immutable Data 是指一旦被创建就不可以被改变的数据,通过使用不可变数据可以让我们很方便的去处理数据的状态、变化检测等问题,而且让我们的程序变得更加的可预见

阅读全文 »

admin 发布于 09月12, 2016

React系列之 React入门

React 是一个 JS 库,主要是通过操作数据的方式去操纵 DOM,为什么要重造轮子呢,因为 FB 觉的目前市面上的 MV* 框架对于创建大型应用程序不够直观,不能满足需求,所以诞生了 React。

React 现在官方的介绍是 Declarative、Component-Based、Learn Once, Write Anywhere,其实开始推出时主要的特色是 Virtual DOM,因为 DOM 操作总是很慢的,而 JS 的性能日趋向上,所以 React 内部用 JS 维护一颗 DOM 树,每次数据变了从新生成一颗树与之前的做对比,把实际变化的地方应用到真实的 DOM 上。其实说它性能高,只不过是用 JS 的方式计算出最小的 DOM 操作,所以性能就上来了。

阅读全文 »

admin 发布于 01月13, 2016

再看webpack

回过头来看webpack,已经很好的发展成一个平台化的工具了,赶超了类似工具Browserify,github 1w+ star,这也证明了它的优势

简单的概括下,webpack就是一个模块加载器,在它的眼里一切皆模块, 可以很方便的加载各种资源,资源可以通过各种loader使用相关扩展语言,最终打包到一个模块里

阅读全文 »