ExtJs学习（一）~~ 简述概念

一、学习经历

如果想看我的学习心得、项目截图、写ExtJs专栏的目的，可以看一下以下这篇文章：

https://blog.csdn.net/xiaozhegaa/article/details/82806835

二、ExtJs概念

1、什么是ExtJs？ What

ExtJS是一个Ajax框架，是一个用JavaScript写的，用于在客户端创建丰富多彩的web应用程序界面。

说白了，就是基于JavaScript开发的组件库，这个组件库提供非常多的组件，我们直接使用这些组件就可以搭建出丰富多彩的应用程序界面。

2、为什么要用ExtJs? 优点缺点 Why

优点：浏览器兼容好、提供精美的UI组件、不再需要我们去写Css样式即可开发出精美的页面。

缺点：有点重量级、加载速度慢、收费是很致命的，在ExtJS6.X中，没有免费使用的社区版，都是要收费，这点非常致命。文档是英文的，虽然ExtJs4.x有中文翻译，有时候还得参考英文文档理解，有点致命。

上面大概记住即可，以后问到，能转化成自己的语言简单描述出来即可。在我的博客中，大部分概念的都是尽量转化成容易理解的语言，让大家更好理解，个人描述不是很准确，请见谅。如果想看官方的，自己百度一下：“ExtJs的优缺点”，就会出现一大篇文章。

3、怎么使用ExtJs? How

给大家推荐的学习方法：

对于ExtJs的国内视频都比较简单，介绍常规组件的使用方式，稍微有点开发经验的都可以跳过，不建议观看。那如果刚入门的程序员，或者是专门做前端的，实在是理解不了这种组件的写法的话，还是可以去看看视频。

我这里非常推荐查看官网文档：

官方文档地址：http://extjs.org.cn/

Ext 4.x版本的中文文档：http://extjs-doc-cn.github.io/ext4api/#!/api

稍微解读一下api (专门给 零基础的小白)

左边是各种组件

右上角是组件搜索框，直接可以在这个搜索框里面查找所有的组件。因为它是一个基于Ajax单页面系统，非常方面

其实左边组件，从名字来说，非常好的理解。举个例子来说：

App：针对整个项目组件

button:针对按钮组件

char：图表组件

container：容器组件

data：数据源组件

form：表单组件

grid：表格组件

layout：布局组件

dialag：弹窗组件

............................

你需要使用到什么组件，通过全局搜索，或者在分类中直接查找就好了。。这里拿最关心的form组件来举例子：

• 看这两个组件，感觉还是比较简答把！基本你看视频，他也是拿一个组件的各种属性讲解，很难记住，还不如看手册