• 1. 《Easy-Ext》 第七讲 Ext基础架构_总结(四)讲师:白鹤翔
  • 2. Easy-Ext 我们已经对于Ext的基础架构有一个更深刻的认识,再也不是初学的小菜鸟了。那么我们应该做一个总结,为了我们以后学习Ext的UI组件,为了我们的web开发大业提供强有力的支持!!!
  • 3. Easy-Ext Ext系统基础架构我把他分为了6部分: 第一:类的创建define、类的实例化create,这其中根据你的配置经过了复杂的处理。 首先,所有的用define创建的类 都经过这个流程:用classname处理器解析你定义的类名,然后经过loader处理器实现动态加载功能,然后走extend处理器,默认继承自Ext.Base,这是一个根基类。如果你写了extend这个配置,那么就继承你配置的类。这三个处理器是必须走的!! 然后根据我们的配置去走其他的处理器:期间经过statics、inheritableStatics、config、mixins、xtyle、alias、singleton、alternateClassName、use这些处理器,相信你已经非常熟悉,最后调用Ext.ClassManger把当前定义的类交给Ext管理起来,方便我们使用。
  • 4. Easy-Ext 第二:我们学习了Ext.js和Ext-more.js这两个文件。这是Ext的基础文件!!是你必须要了解的,里面有一些最核心的工具函数,Ext的底层使用的非常频繁。 第三:我们学习了Ext对原生的javascript对象进行的扩展,包括7个扩展类:Ext.Object、Ext.Number、Ext.String、Ext.Array、Ext.Function Ext.Date、Ext.Error 第四:我们学习了如何动态加载js文件。这是4.x版本的一大亮点,以后我们做前台MVC架构时,会作为关键去使用。他使我们的架构变得更完美,可以根据需求动态加载你想要的组件或js文件。减轻了应用的压力。 第五:我们学了Ext对原生javascript-DOM的一系列封装。一共就是三个类:Ext.Element、Ext.DomHelper、Ext.DomQuery 第六:我们学习了Ext的事件机制。他分为2部分:原生事件和自定义事件,通过Ext.util.Observable进行自定义事件处理,通过Ext.EventManger进行原生事件处理且屏蔽了浏览器差异。这2套机制提供了统一的调用接口,也就是on、un方法!
  • 5. Easy-Ext 嗯,到这里,相信你对Ext的基础架构已经算熟练掌握了,那么Ext主要就是通过这些知识点,去进行后续开发的,我们今后学的UI组件其实也无非就是在这套基础架构之上而产生的,有了一个好的开始,相信你会有一个不错的ExtJS之旅!!!
  • 6. Easy-Ext