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组件来举例子:
-
看这两个组件,感觉还是比较简答把!基本你看视频,他也是拿一个组件的各种属性讲解,很难记住,还不如看手册
相关阅读
extjs的apply,applyIf和merge用法及原理剖析
extjs的apply,applyIf和merge都用来操作2个对象并生成新对象,在实现结果上是有区别的,下面来看下他们的区别:先定义2个对象:var obj1