[翻译] 前端 JavaScript 架构(完结)

[翻译] 前端 JavaScript 架构(完结)

[置顶][翻译] 前端 JavaScript 架构(完结)

  • 立即调用的函数表达式 
    Immediately-invoked Function Expression。保护代码免受其他代码的干扰,并且通过封装的方式组织你的代码。
  • 事件 & 消息 
    Events & Messaging。在 Web 应用中可以使用事件和消息实现组件通信。事件允许一个组件同自身通信,消息则允许一个组件以非硬编码的方式监听其他组件。
  • 模块化 & 依赖管理 & 性能优化 
    RequireJS。Web 前端应用可以快速变得相当复杂。理想的做法是提供某种结构和依赖关系管理,以及用一种简单的方式优化最终结果。
  • 应用分层 & 解耦合 
    Model & Collection & View。Web 前端应用可以快速变得相当复杂。在你知道这点之前,如果你不小心就会导致关系混乱。值得庆幸的是,Backbone.js 提供了组件来帮助你把应用分割为可用的小模块,并且每个小模块各司其职。。
  • 代码质量 
    Coding Standard, Linting, Analysis。前端 Web 应用可以很快变得相当复杂。如果开发人员不能达成共识,事情可能马上土崩瓦解,特别是在一个大型项目中。形成统一的代码标准和使用一些工具来避免问题,才能真正有助于项目成功。
  • 模拟请求 & 模拟数据 
    Mockjax & mockJSON。前端开发人员可以借助一些技术和库,从而独立于后端的进度进行开发和构建原型。模拟静态数据还可以帮助构建单元测试。
  • 模板 - 分离展现和逻辑 
    Templating。在代码中混入标记会导致一些让人讨厌的代码,这样的代码繁琐、单调,并且难以维护。像 Underscore 和 Handlebars 这样的库提供了一种清晰的方式,将展现描述从逻辑中分离出来。你可以自由选择使用什么库,但是我鼓励你多进行一些比较,找到最适合你的库。
  • 模式 
    Patterns。成熟的设计模式和有限状态机。
  • 自动化 
    Automation。拥抱 Grunt、Bower 和 Yeoman 可以帮助自动化开发、测试、部署过程中的各个环节。

 

 
posted @ 2013-06-09 13:06  深度昏迷  阅读(612)  评论(1编辑  收藏  举报