前端组件化(未完)

大家都知道DRY (Don’t Repeat Yourself)，像 Angular2 一样 Focus on Components , 还有React, Vue.js等，前端组件化开发已经是一个很老的话题了，只是在前端领域，这个和用户最直接交互的舞台，要实现视觉和代码的完全组件化，像生产车间一样组装然后交给用户，并不是很轻松的一件事情。但做好了，绝对是提高前端工程化和生产力的有效手段。先分享几篇我收集的相关文章，觉得可以借鉴思考…

参考阅读:

• Web应用的组件化（一）基本思路
  备注: 文章思路清晰，应该可以一定程度上说服大家认可组件化的前端工程

• Web 研发模式演变
  备注：部分内容同上篇，未细看

• 这是前端最好的时代——论前端的“三化”建设
  备注：自动化，服务化(提到了组件化)，实时化

• 前端模板的原理与实现

• 大型JavaScript应用程序架构模式 (英文原版)
  备注：module, facade和mediator设计模式 (“发布/订阅”感觉很赞)

其他：

备忘一两个非常简单的例子(与组件化关系一丢丢):

String.prototype.tplFormat = function (obj) {
    if (arguments.length === 0) return this;
    var s = this;
    for (var i in obj){
      s = s.replace(new RegExp("\\{" + i + "\\}", "g"), obj[i]);
    }
    return s;
};

var msg = '<span>{message}</span>';
msg.tplFormat({msasage: 'Hello'}); //<span>Hello</span>

underscore 或 lodash 都有 _.template:

var compiled = _.template("hello: <%= name %>");
compiled({name: 'colin'}); //"hello: colin"