如何制作基於組件的單頁Web應用程序？

Question

這可能是一個非常模糊的問題。

假設我有一個單頁Web應用程序，它使用AJAX與服務器中的REST服務進行通信。 它由一個整體HTML和一個整體CSS文件組成，其中包括應用程序應在屏幕上顯示的所有表單，對話框和其他GUI元素。

現在，我想將其分解為多個組件（例如， 登錄表單 ， 注冊表單 ， 錯誤對話框等）。 我猜每個組件都應該包含自己的HTML ， CSS和JavaScript文件。 此外，應該有某種機制來加載所有這些組件並將它們放在一起以顯示在頁面中。

建議采用哪些方法/模式來實現這一目標？

Answer 1

我建議您通過查看Todo MVC項目來開始研究構建單頁js應用程序。

https://github.com/addyosmani/todomvc

從上面的URL

為了幫助解決此問題，我們創建了TodoMVC-一個項目，該項目提供了在當今大多數流行的JavaScript MV *框架中使用MV *概念實現的相同Todo應用程序。

因此，這將顯示同一項目是如何使用不同的庫構建的，您可以嘗試一個或多個庫，並查看哪種方法最適合您。