Sencha ExtJS简介及5.x新特性

我们开发人员(前端/后端)刚刚接触ExtJS这样的新技术的时候,总会面临一个开始入门的头疼问题,相比较而言,ExtJS是笨重的,且入门花费时间较其它前端框架(楼主只简单用过JQuery/easyUI/ bootstrap/vue这些,Angular和react没有详细对比过,没有发言权)会久一些,既然又笨重,又比较难以入门,我们为什么还要选择它呢?

对,很多人肯定是被绑架来的,其实来这里的大部分同学,肯定是说,项目中就用到了,所以就选择它,想换其它的怕领导不同意!嗯,初次接触这个,楼主也是一样的,项目里固有的框架,然后又需要开发和维护,所以不得不使用。但是仔细想一下,除了被绑架,难道最初搭建项目框架的人就没有什么其它考虑吗。显然,ExtJS在其它方面有它的优势。

ExtJS是一个创建富客户端(富互联网应用即RIAS Rich Internet Applications)应用的先进框架,也是单页面应用SAP(Single Application Page)的首选。

ExtJS封装了一系列的组件(form/grid/tree/window/button/toolbar等)可满足浏览器的兼容性及丰富的样式修改接口。ExtJS5还新增MVVM模式,对数据模型及数据绑定做了进一步完善,不得不说只要简单了解了HTML和JS就可以入手ExtJS并且可以做出一套完善的管理系统!仅凭这一点就吸引了千万的开发者投入在这个坑里,为之加班熬夜…

那么,怎么判定你的项目是否适合使用ExtJS呢?很简单,假如你是新的项目立项,那么你需要对如下条件简单判定,1.是否是偏富客户端的网络应用 2.网络对数据的支撑是否有流限制,ExtJS偏重,一个应用打包之后通常js文件可达到2-3M 3.项目参与人员是否有ExtJS开发基础。假如是已有项目,且你是新手,但是对当前的ExtJS框架不满意,想升级版本或者简直想重构换另一个框架,那么这种情况下,还是建议先保留,未知领域的风险实在不是换一个框架就能解决的,还是在这个坑里多待一待,等业务及技术都熟记于心之后,才有机会去重构…

所以说,能看到这,且还没有掉头走掉的,基本上就是本专栏的受众对象了,恭喜你们,你们还需要在这个坑里继续挖坑。

   总体来说,ExtJS就是一个前端富客户端框架,封装了一系列后台管理系统常用的组件及其样式和事件,让开发者专注于业务功能开发,当然的,它就是JS的框架,所以,没有JS的基础的,需要恶补一下JS的一些知识,要不然在学习下面的知识的时候可能就会有些吃力。

    说到ExtJS,不得不说一下它的使用条件,ExtJS是基于GPLv3协议的,该协议就是说你可以免费使用GPL版本的进行开发学习,但是当你有商业行为的时候,就需要授权了,嗯,比如我现在是学习使用,没有商业行为,所以我可以是合法的,如果你是自己学习用,那么也是可以的,但是如果要赚钱了,那就要购买了..嗯。这点大家应该都没有什么问题的…遵守规则就好。

5.x版本新特性

从ExtJS的5.0.1版本开始ExtJS迎来了巨大的转变,首先就是新引入了表格grid的选择模型,像Excel那样可以任意选择摸个区域模块;然后还有3D柱形图和表、绘画包增强、颜色拾取器、评价组件还有日常的bug修复等。

下面直接上图看一下新增的功能吧!

1.grid表格的选择模型

Sencha ExtJS简介及5.x新特性_第1张图片
可以整体托选一块


Sencha ExtJS简介及5.x新特性_第2张图片
竖着选,可多选


Sencha ExtJS简介及5.x新特性_第3张图片
横着选,可多选


Sencha ExtJS简介及5.x新特性_第4张图片
3D柱形图


Sencha ExtJS简介及5.x新特性_第5张图片
正负都可以


Sencha ExtJS简介及5.x新特性_第6张图片
嗯,条形图


Sencha ExtJS简介及5.x新特性_第7张图片
浏览器市场份额


Sencha ExtJS简介及5.x新特性_第8张图片
拾色器


Sencha ExtJS简介及5.x新特性_第9张图片
评价


Sencha ExtJS简介及5.x新特性_第10张图片
绘画

怎么样,这点特性还是蛮有吸引力的吧!那就跟我一起准备开始使用ExtJS吧。

你可能感兴趣的:(Sencha ExtJS简介及5.x新特性)