[翻譯] 前端 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 可以幫助自動化開發、測試、部署過程中的各個環節。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM