前端mvvm框架底层学习(八、双向绑定加入发布订阅模式)

前言

上一篇《前端mvvm框架底层学习(七、双向绑定优化)》介绍了我们如何解决了双向绑定中的局部更新的问题,或者解决更小颗粒度更新的问题,但代码比较混乱,所有的Dom操作及数据绑定操作都耦合到了一起。这里我们来学习一下Vue是如何结合合经典的发布/订阅模式进行双向绑定优化的。 继续阅读“前端mvvm框架底层学习(八、双向绑定加入发布订阅模式)”

Vue中使用渲染函数render实现无限节点的树

前言

我们在Vue的官方文档其中一节渲染函数 & JSX中有这么一句话:『Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。』,在实际项目中还真的遇到过一些使用模板解决不了的问题,如要生成一棵无限的Dom树,或者生成无限层级的菜单等情况。 继续阅读“Vue中使用渲染函数render实现无限节点的树”

Vue是如何进行模板编译的?(三)

前言

上一节先把比较难以理解的一些正则先给简单介绍了,这一节原本是想来把可个Htmlparser的源码刨一下,但因为作者尤大大也是参考了http://erik.eae.net/simplehtmlparser/simplehtmlparser.js这个simplehtmlparser来改出来的,我们何不以simplehtmlparser来入手,自己DIY,看能玩出什么花样,其实在写此文章前,我已经按自己的思路把simplehtmlparser简单改了一下, 继续阅读“Vue是如何进行模板编译的?(三)”

Vue是如何进行模板编译的?(二)

前言

上一节笼统介绍了Vue进行模板编译的过程,但其实其背后的复杂度绝对是超呼想象,要当其为一个庞大的工程来处理。众所周知,归根结底,Vue项目也是一html5页面,要对其进行模板编译,也就时相当于去把这个页面所有的内容都给爬下来对其中的标签、属性等等进行一步步取值处理。下面,就一步步来欣赏其中的精彩: 继续阅读“Vue是如何进行模板编译的?(二)”

对大型综合管理类平台前端架构的思考

背景

谈到后台管理平台,很多人用过林林种种的各种各样的后台管理平台,前端还没兴起的时候,后台管理平台一直是后端一锅端的。各种开源的后台CMS类的管理平台,不管你是基于何种后端语言的,总可以找到不少开源的管理平台类的代码,但版面设计风格是比较死板和带着强烈的第二次工业革命的感觉。 继续阅读“对大型综合管理类平台前端架构的思考”