Ext.JS_给小白KK的名词解释篇_extend的名词-CSDN博客

本文链接：https://blog.csdn.net/qq_36914923/article/details/89741922

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链接到您的程序，如下所示:

<html>
   <head>
      <link href="https://cdn.bootcss.com/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet">
      <script src="https://cdn.bootcss.com/extjs/6.0.0/ext-all.js"></script>
      <script type ="text/javascript" src = "app.js" > </script> 
   </head>
</html>

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