分类：前端架构设计

Something About Design Pattern In Javascript

忽然，就想用英语来写写技术相关的东西哈：），水平有限，不过还得硬写（模仿老外也行），不写口语铁定退化。

The article is divided into several sections:
1.The Factory Design Pattern in Javascript
2.Editor’s Commands
3.Protect Your Class’s Properties or Methods
4.How To Use Super in Javascript / Typescript
5.In a Class, How To Add a Clone Method without using “New” keyword
6.How To Use static in Javascript / Typescript
继续阅读“Something About Design Pattern In Javascript”

Vue 中实现动态增减输入框 / 选择器等表单输入元素

前言

在做前端开发过程中，我们经常会遇到这样的需求：要求动态增减输入框、下拉选择等输入元素（如下图）。 继续阅读“Vue 中实现动态增减输入框 / 选择器等表单输入元素”

前端 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 类的管理平台，不管你是基于何种后端语言的，总可以找到不少开源的管理平台类的代码，但版面设计风格是比较死板和带着强烈的第二次工业革命的感觉。 继续阅读“对大型综合管理类平台前端架构的思考”