EXTJS开发经验分享：关键技巧与注意事项

"EXT开发过程中的心得" EXTJS是一种基于JavaScript的富客户端应用框架，用于构建功能丰富的Web应用程序。在EXTJS开发过程中，有几点重要心得值得分享： 1. **CSS与JavaScript的加载顺序**：在页面加载时，应当先加载CSS文件，以确保页面布局在JavaScript执行前已经正确设定，避免出现样式错乱。 2. **ext-base.js与ext-blank-image-url**：`ext-base.js`是EXTJS的基础库，其中`Ext.BLANK_IMAGE_URL`通常用来设置一个空白图片地址，用于处理某些情况下需要图片但又不想显示具体图片的情况。 3. **IE浏览器的兼容性处理**：在IE浏览器中，可能会遇到一些特定问题，例如，需要使用`Ext.onReady`来确保所有DOM元素加载完成后再执行JavaScript代码，而不是使用传统的`window.onload`，以避免延迟。 4. **IE的异步脚本加载**：IE浏览器对异步脚本加载的处理与其他浏览器不同，有时可能需要特别关注其加载顺序和执行时机。 5. **使用预加载器**：EXTJS提供预加载器功能，可以有效地管理组件的加载，防止内存泄漏和性能瓶颈。 6. **优化JSON序列化**：在处理JSON数据时，应确保数据格式的正确性，并合理使用JSON.stringify和JSON.parse，以提高数据交换效率。 7. **延迟初始化**：对于一些复杂组件，可以设置延迟初始化（lazyInit: false）以提升页面加载速度。 8. **加载顺序**：在引入EXTJS库文件时，应先加载`ext-base.js`，再加载`ext-all.js`，最后加载语言包，如`ext-lang-zh_CN.js`，确保正常运行并支持中文环境。 9. **状态管理**：通过`Ext.state.Manager.setProvider(new Ext.state.CookieProvider())`可以配置EXTJS使用Cookie来存储和恢复用户界面的状态。 10. **JavaScript的使用提示**：对于不支持JavaScript的浏览器，可以添加`<noscript>`标签显示提示信息，告知用户JavaScript的重要性。 11. **TabPanel的宽度问题**：在创建TabPanel时，需注意设置合适的TabPanel宽度以确保内容正确显示。 12. **Firefox的CSS兼容性**：EXTJS在Firefox下可能会遇到样式问题，可以使用特定的补丁文件如`ext-patch.css`进行修复。 13. **引入EXTJS库文件**：在HTML中，EXTJS库文件应根据实际项目路径正确引用，例如使用`<%=contextPath%>`动态获取上下文路径。 14. **ComboBox的使用**：创建ComboBox时，要指定`displayField`、`valueField`、`triggerAction`、`width`等属性，以实现本地数据源的下拉选择功能。 以上心得总结了EXTJS开发中的一些常见问题和解决方法，对于提升EXTJS应用的性能和用户体验具有指导意义。在实际开发中，还需要结合具体需求和EXTJS的API文档进行深入学习和实践。