Ext js编码标准/最佳实践

Question

任何人都可以共享ext js编码标准吗？有两个版本的js文件是值得的 - 一个在开发期间，另一个压缩版本用于生产环境？

任何人都可以建议我们可以拥有的JS文件数量。我读了一些js文件串行下载的地方，因此为了便于阅读，避免添加新文件。而是将内容放在最小数量的文件中。这是真的吗？

Answer 1

是..你应该有两个版本的JS ..一个是应该在开发过程中使用的调试版本，以及应该用于生产环境的文件的缩小版本。 应该使用缩小版本的原因是缩小版本的文件大小比调试版本小得多，因此在客户端更快地下载。尝试混淆..这会进一步减小大小，但有时可能会引入一些错误，因为混淆很难实现。 YUI Compressor做得很好。您的JS的规模越小，您的网站就可以越快地使用。

当您的JS包含在您网页的head中时，它们会以串行方式下载。为避免这种情况，请将它们放在页面的body部分内。这允许多个连接，因此您可以同时下载多个文件。查看this页面了解更多此类提示。

对于ExtJs，尽可能多地编写自定义组件。扩展内置类以满足您的需求。 Ext JS包中包含几个可供下载的示例。如果您需要进一步的帮助，请查看extjs / example / ux文件夹，以获取随Ext JS发行版一起提供的Ext JS批准的自定义组件。 避免在组件中使用id ..而是尝试使用itemId或ref来访问组件。

Answer 2

查看复杂官方示例的架构。 最好的方法 - 根据内置编写自己的组件。 对于ExtJS4，新的MVC架构在官方API文档中有详细描述。

两个版本的.js（调试和生产）应该可供选择。

Answer 3

鉴于你要问所有关于Ext JS 3的内容，我强烈建议切换到Ext JS 4，其中组合和压缩所有JavaScript文件将变得更加容易，因为它有一个特殊的工具。鉴于您现在要问这个问题，转换的JavaScript文件不会太多。

Answer 4

还尝试为ext-all.js构建自定义版本。它通过减小文件大小节省了大量的下载时间。我相信你不会将整个文件用于你的页面。

我还建议您实现主要概念，以便在登录页面本身下载所有JS / CSS文件。这将使剩余页面加载更快。

关于串口下载的问题，是的。每个js下载都是一个HTTP请求，它是串行发生的。因此，如果在页面加载时不是真的需要，请尝试在主体中下载JS文件。