美文网首页Sencha ExtJS5.x专题我爱编程
Sencha ExtJS简介及5.x新特性

Sencha ExtJS简介及5.x新特性

作者: 苏生米沿 | 来源:发表于2018-08-08 22:19 被阅读98次

我们开发人员(前端/后端)刚刚接触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表格的选择模型

可以整体托选一块 竖着选,可多选 横着选,可多选 3D柱形图 正负都可以 嗯,条形图 浏览器市场份额 拾色器 评价 绘画

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

相关文章

  • Sencha ExtJS简介及5.x新特性

    我们开发人员(前端/后端)刚刚接触ExtJS这样的新技术的时候,总会面临一个开始入门的头疼问题,相比较而言,Ext...

  • Sencha Cmd使用指南

    查看Cmd版本 使用 sencha 命令查看当前cmd版本信息 显示如下 使用Sencha Cmd创建Extjs ...

  • 前端RIA框架

    1.ExtJS官网:https://www.sencha.com/products/extjs/授权方式:4.x版...

  • Sencha ExtJS 5.x的拖拽事件

    对开发者来说ExtJS的一个最大的交互性设计模式就是拖拽,使用拖拽的时候,无需有太多的思考,直接做好就行了。五步可...

  • Sencha ExtJS 5.x 主题系统(一)

    ExJS主题系统(一) 默认的主题可以让我们快速的创建一个干净和专业的应用程序,但是,我们往往需要自定义一些UI显...

  • Sencha Cmd 创建ExtJS 6工程

    准备工作 下载安装 Sencha Cmd 下载 ExtJS SDK 解压到本地(以下例子中extjs sdk解压在...

  • EXTJS6.2.0学习笔记

    一.框架搭建 1.下载EXTJS、sencha cmd并安装 2.配置sencha cmd全局变量 (1)我的电脑...

  • Extjs5整合SpringMVC—环境搭建

    安装Sencha Cmd6.5 sencha cmd下载地址 下载web端Extjs5项目 请切换到es的cms分...

  • Sencha ExtJS5.x专栏简介

    作者:苏生米沿 截止本专栏撰写时(2018.8.8),ExtJS已经发行到6.6.0版本。新版本功能特性增...

  • Sencha ExtJS 5.x的容器和布局讲解

    布局(layout)系统是ExtJS中较为强大的模块之一,它负责处理每一个组件(component)的大小和位置,...

网友评论

    本文标题:Sencha ExtJS简介及5.x新特性

    本文链接:https://www.haomeiwen.com/subject/dsdfbftx.html