前端 JavaScript 架构

15 April 2013

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

前端 JavaScript 架构 之愤怒的小鸟系列

前端 JavaScript 架构之愤怒的小鸟系列