如何開發組件化、模塊化的 web 應用 ？

現在的Web應用開發的趨勢應該是組件化模塊化開發，優勢明顯。但是我對這種開發方式沒有深入的了解過，總是一知半解的。

市面上有沒有比較詳細的講解前端組件化開發的書？（之所以希望是書本是因為我想在上班空閑時間裡可以看，我平時上班空閑時間還是很多的，但是只能看書不能接觸電腦）。

或者有沒有 相關的開源項目可供學習，主要是js方面。

---

我以前寫過兩篇東西，供參考：

Web應用的組件化（一）——基本思路 · Issue #6 · xufei/blog · GitHub

Web應用的組件化（二）——管控平台 · Issue #7 · xufei/blog · GitHub

第一篇大致講架構層面的一些考慮，第二篇講工程層面的一些考慮，現在回頭看看，發現都不夠細緻，而且這個系列本來還有幾篇別的方面的，坑也忘了填。

過一陣詳細寫點吧。

如果是學習的話，大致的點是從模塊化入手，然後看JS設計模式，然後看兩三個前端MV＊框架，對比它們的一些實現細節，然後從實踐過程中再考慮當項目增大的時候，工程角度有些什麼要解決的問題。相信能有所感悟。

---

談概念太抽象，對大多數人起不到具體的引導作用。我出過一套視頻教程，給彈窗組件為例，很具體的，一步一步地講解了如何開發web組件，你可以看看，是否是你需要的。阿當大話西遊之WEB組件

---

題主可以嘗試一下 Transformers 框架，可以讓你真正以搭積木的形式開發應用。

CodeIgniter/Transformers · GitHub

---

WEB的模塊化與組件化處於戰國時期，解決思路多種多樣：

模塊化單是載入就有 AMD, CMD, Browserify 之類的多種方案，更別說具體的模塊化方案了；

組件化現在倒是 WebComponents 想一統江湖，實際使用上jQuery Plugin, JS View Class風格, Angular的 Directive風格等等也是多種多樣，然後UI渲染也分DOM樹構造、字元串模板、數據綁定等多種方式，更別說很多其它的我知道或不知道的方向大分支或是更多細小的分支做法了。

這種混亂與自由也同時是WEB的可愛與可恨之處。至於你說靠幾本書來學這些東西……我真覺得比較難。

---

具體項目 做下去的時候，碰到具體業務邏輯能成功解耦的案例 太少了。。。太少了，，特別是在中國。。。純架構角度來講，好的模塊化的東西有很多很多了。。。 @徐飛 文章很好啊。

---

看看：RequireJSSea.js - A Module Loader for the Webmtjs/mt · GitHub

---

可以從Angularjs入手

---

推薦閱讀：