如何制作基于组件的单页网页应用程序？

Question

这可能是一个非常模糊的问题。

假设我有一个单页的Web应用程序，它使用AJAX与服务器中的REST服务进行通信。它由一个整体式HTML和一个单片式CSS文件组成，其中包括应用程序应在屏幕上显示的所有窗体，对话框和其他GUI元素。

现在我想它分解为组分（例如登录表单，注册表单，错误对话框，等等）。我想每个组件都应该包含自己的HTML，CSS和JavaScript文件。此外，应该有一些机制来加载所有这些组件并将它们放在一起显示在页面中。

什么是推荐的方法/模式来实现呢？

Answer 1

我建议开始您的研究，通过查看Todo MVC项目来构建单页js应用程序。在 最流行的JavaScript的一个项目，该项目 提供相同的Todo应用程序中使用的MV *概念实现的 -

https://github.com/addyosmani/todomvc

从上面

URL来帮助解决这个问题，我们创建TodoMVC今天的MV *框架。

因此，这将显示如何使用不同的库创建相同的项目，并且您可以尝试一个或多个输出并查看哪些最适合您。