[翻译] 前端 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 可以帮助自动化开发、测试、部署过程中的各个环节。