"这篇资料是关于学习ExtJs 4.20版本的笔记，主要涵盖了该框架的基础知识和使用体验。作者在初学阶段记录了关于ExtJs的目录结构、API文档、示例、包管理、资源文件以及源码等方面的信息。资料中还提供了在网页中引入ExtJs库的基本步骤，包括设置charset、引用CSS和JavaScript文件，以及调整语言环境为中文。此外，提到了不同版本的ExtJs核心文件，如ext-all.js、ext-all-debug.js、ext-all-dev.js、ext.js等，以及它们在开发和调试中的作用。最后，举例介绍了如何在页面中使用Ext.onReady方法来初始化ExtJs应用。"
在ExtJs 4.20的学习过程中，首先你需要了解的是这个强大的JavaScript框架是如何组织其文件结构的。`build`目录用于构建定制化的ExtJs库，`docs`包含了API文档，帮助开发者查阅和理解各种组件和类的用法。`examples`目录下有丰富的实例，能够帮助你快速上手和掌握ExtJs的各种功能。`package`目录则是管理和组织扩展包的地方，`resources`则包含所有用户界面相关的资源，如CSS样式表和图像文件。`source`目录存储了框架的源代码，这对于深入理解其工作原理非常有用。
`locale`目录是用来处理多语言支持的，你可以在这里找到不同语言的翻译文件，例如`ext-lang-zh_CN.js`用于设置中文环境。在HTML文件中，通过引入`ext-all.css`和`ext-all.js`，并根据需要选择语言文件，可以将ExtJs集成到你的网页中。对于开发和调试，`ext-all-debug.js`和`ext-all-dev.js`提供了更多的调试信息，而`ext.js`和`ext-debug.js`则是精简版的核心库，适用于生产环境。
`Ext.onReady`是ExtJs中一个关键的方法，它会在DOM加载完成后执行，通常用来启动应用程序或初始化组件。在提供的代码示例中，可以看到如何定义一个函数并在`Ext.onReady`中调用，这确保了在使用ExtJs进行任何操作之前，DOM已经完全准备就绪。
这篇学习笔记覆盖了ExtJs 4.20的基础知识，对于初学者来说是一份很好的入门参考资料，它不仅讲解了框架的架构和使用，还通过实例演示了如何在实际项目中应用ExtJs。
我的内容管理
展开
