EXTJS 6 新特性(译文)

Extjs 新特性 简介 使用extjs,sencha 团队开发一个简单的框架,可以为创建在任何类型设备上运行的应用,从手机端到平板电脑再到桌面应用,你将能够产生最佳的用户体验,编写更少的代码量,结合一个引人注目的更好的主题,extjs 拥有所有的资源能让你在任何设备上创建出惊人的用户体验。

1 extjs 和 sencha touch 的合并

在extjs5 中,已经将 extjs 和 sencha touch 合并了,合并的过程很长,sencha 将框架中的 ext.data, Ext.app 以及更多的内容整合到 core 包中,表现被保留了,并作为 Extjs 属性的 一部分,存放在 ext 包中,在最后,将 sencha touch的表现层中不同方面的组件合并,保存一个文件中,在extjs 6 中为了区分框架中不同的组件,引入了 toolKit 项 ToolKit toolkit 是一个包,仅包含了框架中的表现层的元素,包的组件如: panels, buttons grids 等, 在 extjs6 中有两种 toolKit , 它们分别是:古典(classic)和 现代(modern),应用程序可以选择所使用的toolKit,并添加到程序中的app.json文件中: "toolkit": "classic", // or "modern"

2.通用的 Core

在toolKits 包的下面是通用 的 Core 包,Core包将会为 data(Ext.data)和应用架构 (Ext.app)提供一个通用的api 接口,通过通用的Core ,应用可以共享代码从而来管理data 以及 viewModels 或后台进程的通信控制逻辑。

3. Sencha Touch

如果你升级了 sencha touch, 你将立即能够从 ViewModel 和 ViewControler 的访问中获益,在 使用 modern toolkit 和通用 core 时,在extjs5下,你仍可以使用多进程系统 ,鼠标事件将无 缝的转化为事件侦听器如 touchstart,而不需要检测设备的 功能,

 4. 通用应用和智能手机  

使用extjs6 和 sencha cmd6,你 可以使用任意一个 toolkit创建 通用的应用程序,通过这种方式你 可以创建一个能在移动设备上运行的单个应用程序,像智能手机或企 业桌面应用运行在ie8 或任意设备 或浏览器。你可以在sencha cmd 生成的 app.json 文件中删掉 toollit key 来标明哪个 toolkit 使用哪 个主题,包含一个修改的块。

"builds": {
    "classic": {
        "toolkit": "classic",
        "theme": "theme-

triton"
    },

    "modern": {
        "toolkit": "modern",
        "theme": "theme-

triton"
    }
}

就如你所想一样,我们为classic 和 modern toolkit 都设计了主题,但是你可以随意调整主题直到满意。如果在你的 app.json 文件中有一 个 builds 块, “sencha app build" 将会创建所有设计的 builds,并保存在一个独立的文件夹中,另外你还可以通过指向 build key 名称来创建,例如:sencha app build modern

5. Trition 主题

extjs 6新增 trition 主题,trition主题是个简约平面主题,该主题的最大特点是:焦点在内容在元素上而不在圆角或梯度上,同时支持字体图标,字体图标大都来自于Font Awesome ,使用Triton 主题,应用程序可以很容易的控制这些可扩展的矢量图标的尺寸、颜色。

支持字体的图标包括: panel 控件、树形节点、form 表单、按钮、复选框、单选按钮、箭头、 gride 的行图标、过滤菜单等一些可视化的元素可以使用字体图标。

6. 触发改变大小

Trition 主题可以创建适合桌面应用程序或平板应用程序的大小,对于 classic toolkit ,相对于Neptune 和 Crisp 主题为每一个提供一个 "touch-size"的方式来说,更容易管理。对于modern toolkit, 显然取决于用户的css 布局,使尺寸能够更容易控制,在智能手机上, html元素能够自动添加一个x-big 样式类名并测量所有的项,以分配更大的区域。

7.Fashion

fashion是sencha新增的组件,使用 ‘*.scss‘ 文件来绑定主题,fashion 就像sass 语言一样,用一些有用的扩展来支持工具,fashion 是用 javaScript 语言来实现的,只在浏览器中运行,在与 PhantomJS相比,sencha cmd 可以使用fashion ,就像创建app 监听一来来创建主题。这就意味着不再需要 Ruby 系统,这是因为 fashion 运行在浏览器中,不用再次创建样式规则了,更重要的是,我们可以根据 app 监听来扩展并重新生成主题,这在开发中会获到更多的益处。

8.报表

extjs 在报表显示上,引入新功能,选中的单元格将会被展开,通过设置 extensible:true,这会在按钮的右侧添加一个拖叶或一个小区域块,这个允许当前选中的单元格水平展开及垂直展开

9.可操作模式(Actionable Mode)和可访问性  

网格还支持ARIA的“可操作模式”,该模式是原始单元格编辑模式的延伸。这将允许所有类型的单元格内容能够通过键盘获取焦点或激活。这是对于可访问性的巨大进步,这对于超级用户来说,就可以无需鼠标就能导航到网格中的任何地方。

10. LazyItems插件  

该插件可延迟子组件的渲染,直到呈现的时候再进行渲染,从而降低子组件的实例化和初始化的执行成本。   如,在标签面板中设置deferredRender为true,未呈现的标签就不会对它的后代组件进行实例化和初始化,从而减少开销,直到标签被激活的时候才会进行渲染。

11. 屏幕阅读器支持(可访问性)

ARIA功能已经直接到了组件的生命周期,这意味着不再需要指定aria包来获取正确的ARIA行为了。应用程序现在支持屏幕阅读器(类似JAWS)而无需指定引用。

12. 微加载(Microloader)  

Sencha Cmd 6现在资源方面包含了本地存储缓存,这类似于Sencha Touch的产品的微加载。尽管如此,还是有一些重要的改进: 缓存能在app.json中禁用 只有通过微加载方式加载的内容才不会被删除 只有应用程序的当前版本才可保持在本地存储

相关连接

 http://docs.sencha.com/extjs/6.0/whats_new/whats_new.html 英文版原文

 http://extjs.org.cn/node/751 extjs 中文官网

 http://www.ibm.com/developerworks/cn/web/wa-aj-extjs30/index.html  ExtJS新特性详细介绍

 https://www.sencha.com/ ExtJS 官网(英文版)

 http://docs.sencha.com/ ExtJS 官网文档

时间: 2024-07-29 15:14:20

EXTJS 6 新特性(译文)的相关文章

Extjs5.0从入门到实战开发信息管理系统(Extjs基础、Extjs5新特性、Spring、Spring mvc、Mybatis)视频教程

Extjs5.0从入门到实战开发信息管理系统(Extjs基础.Extjs5新特性.Spring.Spring mvc.Mybatis)视频教程下载   联系QQ:1026270010 Extjs作为一款优秀的JS前端开发框架以其良好的架构.丰富的UI组件库.完善的文档和社区支持等诸多优点拥有广泛的市场应用空间,开发人员无需过多的关注HTML.CSS甚至各种常用JS算法,只需把精力放在业务逻辑上,利用各种组件的相互组合调用便可轻松而高效的开发出系统的前端页面. Extjs5在之前版本的基础上又推出

[译文]React v16(新特性)

[译文]React v16(新特性) 查看原文内容 我们很高兴的宣布React v16.0发布了! 这个版本有很多长期被使用者期待的功能,包括: fragments (返回片段类型) error boundaries(处理错误) portals (挂载方式) custom DOM attributes (支持自定义DOM属性) improved server-side rendering (提升服务端渲染性能) reduced file size (减少文件大小) (下面逐一说明) render

Java 8新特性之旅:使用Stream API处理集合

在这篇“Java 8新特性教程”系列文章中,我们会深入解释,并通过代码来展示,如何通过流来遍历集合,如何从集合和数组来创建流,以及怎么聚合流的值. 在之前的文章“遍历.过滤.处理集合及使用Lambda表达式增强方法”中,我已经深入解释并演示了通过lambda表达式和方法引用来遍历集合,使用predicate接口来过滤集合,实现接口的默认方法,最后还演示了接口静态方法的实现. 源代码都在我的Github上:可以从 这里克隆. 内容列表 使用流来遍历集合. 从集合或数组创建流. 聚合流中的值. 1.

Spring版本功能变更&Spring4.x的新特性

有朋友想知道Spring不同版本都有哪些功能变更,说直接在百度搜索找到的结果都不是想要的,其实还是关键词不对,找Spring不同版本的新特性就能获得更好的结果.其实在Spring工程github的wiki上也有说明,只是没那么显眼,放一个链接:https://github.com/spring-projects/spring-framework/wiki/What%27s-New-in-the-Spring-Framework What's New in Spring Framework 5.x

Java 8新特性终极指南

目录结构 介绍 Java语言的新特性 2.1 Lambdas表达式与Functional接口 2.2 接口的默认与静态方法 2.3 方法引用 2.4 重复注解 2.5 更好的类型推测机制 2.6 扩展注解的支持 Java编译器的新特性 3.1 参数名字 Java 类库的新特性 4.1 Optional 4.2 Streams 4.3 Date/Time API (JSR 310) 4.4 JavaScript引擎Nashorn 4.5 Base64 4.6 并行(parallel)数组 4.7

ios7新特性实践

一 iOS 7 新特性:视图控制器切换API 二 iOS 7系列译文:认识 TextKit 三 iOS 7系列译文:iOS7的多任务处理 四 iOS7 最佳实践:一个天气应用案例(上) 五 iOS7 最佳实践:一个天气应用案例(下) ios7新特性实践,布布扣,bubuko.com

深入理解JVM内幕:从基本结构到Java 7新特性

转自:http://www.importnew.com/1486.html 每个Java开发者都知道Java字节码是执行在JRE((Java Runtime Environment Java运行时环境)上的.JRE中最重要的部分是Java虚拟机(JVM),JVM 负责分析和执行Java字节码.Java开发人员并不需要去关心JVM是如何运行的.在没有深入理解JVM的情况下,许多开发者已经开发出了非常多的优秀 的应用以及Java类库.不过,如果你了解JVM的话,你会更加了解Java的,并且你会轻松解

【转载】Android N 完全不同以往的四个新特性

Google最近发布了Android的下一个版本,Android N的开发者预览版.此次预览版,可以让我们开发者在正式发布之前就测试代码,包括一些新的API,甚至于也可以提前反馈那些对于我们来说有些困扰的变化.这次的发布版本只酝酿了几个月,但是其中一些令人惊奇的功能已经看起来很棒了.相信你也一样对此感到非常兴奋! 接下来,列出一些我们迫不及待想要上手的新变化. 1. 支持Java 8语言特性 通常来讲,Java在最性感的语言当中根本就排不上号.更不用说,那些还仅仅支持Java 7部分特性的平台了

JAVA JDK1.5-1.9新特性

JAVA JDK1.5-1.9新特性 1.5 1.自动装箱与拆箱: 2.枚举(常用来设计单例模式) 3.静态导入 4.可变参数 5.内省 1.6 1.Web服务元数据 2.脚本语言支持 3.JTable的排序和过滤 4.更简单,更强大的JAX-WS 5.轻量级Http Server 6.嵌入式数据库 Derby 1.7 1,switch中可以使用字串了 2.运用List tempList = new ArrayList<>(); 即泛型实例化类型自动推断 3.语法上支持集合,而不一定是数组 4