Ext.JS 扫盲基础篇
搜集大佬针对一些框架的学习建议
1.从ExtJs的视图开始学习。
如:窗体,表单,树等等。先搞些所见即所得的东西,用ExtJs写出来的东西就是很炫,把自己学习的兴趣调动起来,在此期间要学会怎么调试js。
2.学习使用API。
学会怎么查询及使用大牛提供的接口解决常见的问题(一般我们用到的效果,大牛们在做框架的时候都有想到)。
3.把ExtJs的前端可视化的组件与后台连接,进行交互。
我们在做各类系统的时候都要跟数据库打交道,在这个阶段主要把各个组件与数据库的交互写清楚。
4.原理性的东西。
如:ExtJs的继承机制,事件等等。
5.开发实例。
1.什么是Ext JS
Ext JS是一个流行的JavaScript框架,它为使用跨浏览器功能构建Web应用程序提供了丰富的UI。 Ext JS基本上用于创建桌面应用程序它支持所有现代浏览器,如IE6 +,FF,Chrome,safari 6+ 等。而sencha,sencha touch的另一个产品用于移动应用程序。
Ext JS基于MVC / MVVM架构。 最新版本的Ext JS 6是一个单一的平台,可以用于桌面和移动应用程序,而不需要为不同的平台提供不同的代码。
特性,有点,限制https://m.w3cschool.cn/extjs/extjs_overview.html
2.CDN设置
CDN是内容交付网络,您不需要下载Ext JS库文件,您可以直接添加ExtJS的CDN链接到您的程序,如下所示:
3.Ext JS遵循MVC / MVVM架构。
MVC - 模型视图控制器体系结构(版本4)
MVVM - 模型视图Viewmodel(版本5)
4.在Ext JS继承可以使用两种方法 。
Ext.extend:
Ext.define(studentApp.view.StudentDetailsGrid, {
extend : 'Ext.grid.GridPanel',
...
});
这里我们的自定义类StudentDetailsGrid使用Ext JS类GridPanel的基本功能。
使用Mixins:
Mixins是在没有扩展的情况下在类B中使用类A的不同方式。
mixins : {
commons : 'DepartmentApp.utils.DepartmentUtils'
},
Mixins我们添加在控制器中,我们声明所有其他类,如存储,视图等。在这种方式,我们可以调用DepartmentUtils类,并在控制器或在这个应用程序中使用其功能。
Mixins是什么:https://www.zhihu.com/question/20778853