Ext js编码标准/最佳实践

Question

任何人都可以共享ext js编码标准吗？是否足够有两个版本的js文件 - 一个在开发过程中，另一个是生产环境的压缩版本？

也可以任何一个建议我们可以有的JS文件的数量。我读了一些js文件被串行下载的地方，因此为了可读性避免添加新文件。而不是在最少数量的文件中有内容。这是真的 ？

Answer 1

是的，你应该有2个版本的JS ..一个是应该在开发过程中使用的调试版本，以及应该用于生产环境的文件的缩小版本。 应该使用缩小版本的原因是缩小版本的文件大小远小于调试版本，因此在客户端的下载速度更快。尝试混淆......也会进一步缩小尺寸，但有时会引入一些错误，因为混淆很难实现。 YUI压缩机做得很好。 JSes的尺寸越小，您的网站就可以更快地使用。

当您的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的自定义版本。它通过减小文件大小节省了大量的下载时间。我相信你不会将整个文件用于你的页面。

我也建议你实现主要的cahce概念，以便所有的JS/CSS文件都在登录页面上下载。这将使剩余页面加载更快。

而对于您的序列下载问题，是的。每个js下载都是一个HTTP请求，它会连续发生。因此，如果在页面加载时不需要JS文件，请尝试将JS文件下载到主体中。