ExtJs学习(一)~~ 简述概念

时间:2024-10-21 07:15:41

一、学习经历

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

/xiaozhegaa/article/details/82806835

二、ExtJs概念

1、什么是ExtJs? What

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

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

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

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

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

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

3、怎么使用ExtJs? How

给大家推荐的学习方法:

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

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

官方文档地址:/

Ext 版本的中文文档:/ext4api/#!/api

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

左边是各种组件

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

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

App:针对整个项目组件

button:针对按钮组件

char:图表组件

container:容器组件

data:数据源组件

form:表单组件

grid:表格组件

layout:布局组件

dialag:弹窗组件

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

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

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