单页JavaScript web应用程序的体系结构？
如何在客户端构建一个复杂的单页面JS web应用程序？具体地说，我很好奇如何根据模型对象、UI组件、任何控制器和处理服务器持久性的对象来整洁地构造应用程序。
一开始，MVC看起来很合适。但是，由于UI组件嵌套在不同的深度(每个组件都有自己的方式作用于模型数据/反应模型数据，并且每个组件都生成自己可能直接处理也可能不直接处理的事件)，MVC似乎不能被干净地应用。(但如果不是这样，请纠正我。)
--
(This question给出了两个使用ajax的建议，显然，除了最琐碎的一页应用程序之外，任何其他应用程序都需要使用ajax。)
回答 14
Stack Overflow用户
发布于 2010-06-16 22:18:43
PureMVC/JS的MVC架构是国际海事组织中最优雅的架构。我从中学到了很多。我还发现Nicholas Zakas的Scalable JavaScript Application Architecture对研究客户端架构选项很有帮助。
另外两个技巧
- 我发现在单页web应用程序中，视图、焦点和输入管理是需要特别注意的领域。
我还发现，抽象JS库很有帮助，可以随时更改您使用的内容，或者在需要时进行混合和匹配。
Stack Overflow用户
发布于 2012-08-15 22:51:19
Nicholas Zakas由Dean分享的演示文稿是一个非常好的起点。有一段时间，我也在努力回答同样的问题。在做了几个大规模的Javascript产品之后，我想把这些经验分享作为一个参考架构，以防有人需要它。看一看：
http://boilerplatejs.org/
它解决了常见的Javascript开发问题，例如：
- Solution structuring
- Creating复杂模块层次结构
- 自包含UI组件
- 基于事件的模块间通信
- 路由、历史记录、书签
<代码>H112单元测试
- Localization <代码>H215<代码>H116文档生成<代码>H217<代码>F218
等。
Stack Overflow用户
发布于 2010-06-16 21:12:48
我构建应用程序的方式：
- ExtJS框架，单页面应用程序，在单独的JS文件中定义的每个组件，加载的on-demand
- Every组件联系它自己的专用web服务(有时不止一个)，将数据提取到ExtJS存储区或特殊用途的数据结构
- 渲染使用标准ExtJS组件，因此我可以将存储区绑定到网格，从记录加载表单，...
只需选择javascript框架，并遵循其最佳实践即可。我最喜欢的是ExtJS和GWT，但是YMMV。
不要为此推出您自己的解决方案。复制现代javascript框架所需的工作量太大了。适应现有的东西总是比从头开始构建要快得多。
https://stackoverflow.com/questions/3050869
复制相似问题
腾讯云开发者
