templates - 大型可扩展 Worklight 企业应用程序的最佳实践和工具

Question

我正在尝试优化我公司的应用程序。此时的 Tha 架构由应用程序的不同部分（例如管理账单、管理食堂、管理活动等）的不同文件夹（在公共文件夹内）组成。每个 js 和 css 都包含在应用程序的第一页（login.html）中，因为我使用的是 jQuery Mobile 的简单页面模板。

现在我正在考虑添加一些其他组件以使应用程序更易于维护并可能加快速度。

你有什么想法：

• RequireJS 划分模块中的每个部分，因此我只能在运行时加载特定模块的 javascript，而不是在 login.html 中加载
• 用于 CSS 文件的内联 @imports 以生成单个复合 CSS
• uglify.js 最小化文件大小
• Handlebars.js 实现html片段可复用

您认为通过添加新部分将变得更大的应用程序是一种好的工作方式吗？你想到其他工具了吗？

谢谢

Answer 1

这是一个非常广泛的问题。我认为您走在正确的轨道上...我将列出一些可能值得尝试的库：

• Require.js - 将使您能够拥有“模块”并动态确定和加载依赖项。或者，有些人更喜欢诸如Revealing Module Pattern、jQuery Plugin Style或Common JS style modules 之类的模式。对于它的价值，我推荐 Require.js。

• Bower是一个包管理器，你可以用它来bower install [package]. 他们在这里有很多包，你也可以将它链接到你自己的 repo。这可能有助于管理依赖关系。

• Uglify.js和Google Closure Compiler都适用于缩小代码。请记住，一些缩小配置（例如高级模式）可能会破坏您的代码。针对源代码的缩小版本运行测试。

• QUnit非常适合进行 JavaScript 单元测试。还有许多其他替代品，例如Jasmine，这是Cordova家伙使用的。

• Lodash是 underscore.js 的另一个（更快）实现，它将提供许多实用方法来处理数组、对象、函数等。它还包括模板支持。作者在这里讲的很好。

• 有一个 MV* JavaScript 框架可以提供比jQuery（DOM+AJAX+Animations）或jQuery Mobile（主要是 UI）更多的帮助，例如：Dojo、AngularJS、Backbone和Ember.js。

• 对于 UI，您可能需要查看Adob​​e 的 topcoat 存储库和网站。还有Twitter Bootstrap和Foundation，它们允许您进行开箱即用的响应式设计。如果您使用 jQuery Mobile，我个人喜欢这个Flat 主题。

• JSDoc和YUIDoc是记录 JavaScript 代码的好选择。

我不知道有多少这些工具将在 Worklight 应用程序中进行交互。应该没问题，因为 Worklight 不会强加您必须使用的特定 JavaScript 库集。但是，我个人并没有在 Worklight Applications 中尝试过其中的大部分。