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

Question

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

现在我正在考虑添加一些其他组件，以使应用程序更容易保持并可能加快一点。

您如何看待：

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

对于通过添加新部分而变得更好的应用程序，您认为这是一种好的工作方式吗？ 你还想到其他工具吗？

谢谢

Answer 1

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

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

• Bower是一个包管理器，您可以将其用于bower install [package]。他们有很多软件包here，您也可以将其链接到your own repo。这可能有助于管理依赖性。

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

• QUnit适合进行JavaScript单元测试。还有许多其他选择，例如Jasmine，这是Cordova人使用的。

• Lodash是underscore.js的另一个（更快）实现，它将提供许多实用方法来处理机智数组，对象，函数等。它还includes templating support。作者here有一个很好的谈话。

• 有一个MV * JavaScript框架可以帮助超过jQuery（DOM + AJAX +动画）或jQuery Mobile（主要是UI），例如：Dojo，{{ 3}}，AngularJS和Backbone。

• 对于用户界面，您可能需要结帐Ember.js和Adobe's topcoat repository。还有website和Twitter Bootstrap，您可以开箱即用Foundation。如果你在jQuery Mobile上设置我个人喜欢这个responsive design。

• Flat theme和JSDoc是记录JavaScript代码的不错选择。

我不知道有多少工具会在Worklight应用程序中进行交互。它应该没问题，因为Worklight不会强制使用您必须使用的某些JavaScript库。但是，我没有在Worklight应用程序中亲自尝试过大部分内容。