在更大的项目上处理javascript的方法?

Ind*_*ial 13 javascript model-view-controller jquery modularity

在几年前发现jQuery之后,我意识到在不编写代码书的情况下真正制作交互式和用户友好型网站是多么容易.随着项目规模的扩大,执行任何调试或实施变更或新功能所需的时间也会增加.

从阅读各种博客并保持更新,我已经阅读了类似于Backbone.jsJavascriptMVC的库,这两者听起来都是很好的选择,以使代码更加模块化和分离.

然而,由于远离Javascript或jQuery专家,我并不适合在项目中说明什么是一个好的基石,在这个项目中,可维护性,调试和开发的未来易用性是优先考虑的.

所以考虑到这一点 - 在开始一个Javascript和jQuery代表用户体验和数据呈现给用户的项目时,常识是什么?

非常感谢

Sha*_*kai 3

Backbone.js 和 JavascriptMVC 都是使用框架以合理的方式组织大型项目的绝佳示例(SproutCoreCappuccino也很好)。我绝对建议您选择一种标准方法来处理来自服务器的数据、处理来自 DOM 的事件和来自服务器的响应以及视图创建。否则,这可能是一场维护噩梦。

除了 MVC 框架之外,您可能还应该为这些问题选择一个解决方案:

  • 依赖管理:如何以正确的顺序编译和加载 javascript 文件?我的建议是RequireJS
  • 测试:测试 UI 代码从来都不是一件容易的事,但是 jQuery 的人已经做了一段时间了,他们的测试工具QUnit有很好的文档记录/测试。
  • 缩小:在部署到生产环境之前,您需要缩小代码,RequireJS 内置了此功能,但如果您想获得疯狂的小源代码,您也可以使用闭包编译器。
  • 构建系统:所有这些工具都很棒,但您应该将它们全部集中在一个主构建系统中,以便您可以在命令行上运行简单的命令并调试或生产应用程序。使用的具体工具取决于您选择的语言 - Ruby => Rake、 Python -> 自己编写、NodeJS作为构建工具(我最喜欢这个选项) -> Jake

除此之外,请注意是否有某些东西感觉笨重或缓慢(无论是工具还是框架)并进行重构。