javascript - Ext js 编码标准/最佳实践

标签 javascript extjs extjs3

谁能分享ext js编码标准?拥有两个版本的 js 文件是否足够值得 - 一个在开发期间,另一个压缩版本用于生产环境?

也有人可以建议我们可以拥有的 JS 文件的数量。我读了一些 js 文件被串行下载的地方,因此避免为了可读性而添加新文件。而是将内容包含在最少数量的文件中。这是真的吗?

最佳答案

是的.. 你应该有 2 个版本的 JS.. 一个是应该在开发期间使用的调试版本,另一个是应该用于生产环境的文件的缩小版本。 应该使用缩小版本的原因是缩小版本的文件大小比调试版本小得多,因此在客户端下载速度更快。也可以尝试混淆。这可以进一步减小大小,但有时可能会引入一些错误,因为混淆很难实现。 YUI Compressor 在这方面做得很好。您的 JS 越小,您的网站准备就绪的速度就越快。

当您的 JS 包含在页面的 head 中时,它们将被连续下载。因此,为避免这种情况,请将它们放在页面的 body 部分。这允许多个连接,因此您可以同时下载多个文件。查看this更多此类提示的页面。

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

关于javascript - Ext js 编码标准/最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7132453/

相关文章:

javascript - 使用 SPservice 创建 slider

javascript - 如何对字符串的最后 x 个字符执行数学计算并动态更新文本框?

javascript - 将类方法中的值作为参数传递给同一类中的另一个方法 - JS

javascript - ExtJs 与 Ext GWT 与 SmartGWT

javascript - 在 Chrome 扩展中使用 JavaScript

javascript - ExtJS,FormPanel show() 函数问题

javascript - javascript或扩展java脚本中的可编辑和只读之间有什么相似之处和区别?

javascript - 在 AngularJS Controller 中获取带有 moment-timezone 的时区名称列表

javascript - 识别 Ext.Component、Ext.Element 和 HTMLElement

javascript - Ext.getCmp ('panel' ) 给出 this.el 为空或不是对象