Ext JS 4前瞻:快速、易用和稳定-程序员宅基地

技术标签: ViewUI  ui  测试  javascript  

很棒新特性:

图表

Most people have used Ext JS 3’s Flash-based charting package. You’ll probably know that it’s good at the basics but is really hard to customize. For Ext JS 4.0 we’ve created a brand new charting package that is powered purely by JavaScript. We’ve united the phenomenal talents of Dmitry Baranovskiy (Raphaël JS ) and Nicolas Belmonte (InfoVis ) along with our very own Jamie Avins to create the most powerful JavaScript charting library we’ve ever seen.

大多数人使用的Ext JS 3图表是基于Flash图表包的,基本的图表它表现得很好,但是很难对它进行定制。对于Ext JS 4.0,我们已经创建了一个全新的图表包,它完全由JavaScript构建。我们将联合杰米Avins的德米特里Baranovskiy(拉斐尔波兰js)和尼古拉贝尔蒙特(InfoVis)的惊人才华创造最强大的JavaScript图表库。

The new charting package works on every browser we support (including IE6) and is fully integrated with the rest of the framework. We’ll be sharing a lot more detail about charting in the weeks to come; we’ve very excited about the new capabilities this offers all of our developers.

新的图表包工程将支持所有浏览器(包括IE6的),是完全符合框架的其他部分整合。我们将在未来数周分享有关图表来许多细节,我们一直非常关注这为我们开发的所有新功能感到兴奋。

主题

Ext JS has always had a good looking theme, but with Ext JS 4 we’ve taken it to another level with a brand new theme called Neptune. This builds on the great looks and clean design of the current theme, but brings a whole new level of visual polish to your applications.

Ext JS一直有一个漂亮的主题,但在Ext JS 4我们将采用一个名为“海王星”的全新的主题。这种漂亮的外观和干净的设计,讲带为您的应用带来了一个全新的视觉效果。

But it’s not just a new theme – with Ext JS 4 we have used SASS from the ground up, making it extremely easy to customize your application’s theme any way you wish. SASS is already powering the Sencha Touch theme so check it out if you want to see just how easy this is going to be.

它不仅仅只是Ext JS 4一个新的主题,而是使用SASS方式构建,非常容易定制应用程序的主题。SASS已经在Sencha Touch中使用。

改进的数据包

One of the strongest parts of Ext JS is the data package. This uses Stores, Readers, Proxies and the rest to seamlessly load data from any source and display it in your widgets. With Ext JS we’ve crafted a massively updated data package, with incredible new capabilities such as setting up relationships between Models and saving data to local storage.

Ext JS其中一个功能最强的地方是数据包。它通过Stores、Readers、Proxiex从任何来源无缝地加载数据并显示在在你的部件中。新版的Ext JS,我们将制作令人难以置信的新功能,一个大规模的更新数据包,如设立和模型之间的数据保存到本地存储的关系

Ext JS 4’s data package is shared with Sencha Touch so you can already use it in your apps today. We have several blog posts on the new innovations introduced in the new data package, all of which apply to Ext JS 4.

Ext JS 4的数据包包含在Sencha Touch中,因此你已经可以在你的应用中使用。我们已在几个博客中对对新的数据包中进行了介绍,这些讲适用雨Ext JS 4。

应用架构:

The first thing we ask ourselves when we get started writing an application is how to structure it. This leads to numerous problems – our time is taken away from the application itself, everyone comes up with a different architecture, and app architecture is just hard to do. With Ext JS 4 we’re addressing this long standing problem by shipping with a complete application architecture which can be used out of the box.

Ext js 4将采用统一的架构解决开发中结构松散的问题。

The application architecture is a standardized way of building applications. They all work the same way, follow the same patterns and have the same file structure. This enables us to create some incredible tools to help automate much of the design and maintenance that go into creating applications. It’s amazing how much easier it is to create applications using the new architecture, and you can even get a sneak peak by looking at Sencha Touch’s Twitter and Kiva examples.

We think this is the single most exciting part of Ext JS 4 and I know you’re going to love how fast and easy it makes application development. That said, we know some people have existing apps or their own approach to app architecture that they’d prefer to keep using so we’ve made it completely opt-in. We’ll have a lot more information on the application architecture before Ext JS 4 ships early next year.

升级的组件:

Every component in the framework has received attention for Ext JS 4. Firstly we’ve unified the rendering and layout of every component to make them all work the same way. We’ve been through component by component fixing bugs, improving UI and giving a new level of visual polish. Most components have become faster and more flexible than ever before.

Ext JS 4框架中的每个组件都将被重新构建。首先,我们统一了渲染和每一个部件的布局,使它们的工作方式相同。我们已经通过组件的组成部分修正错误,改进用户界面和给人一种新的视觉水平。大多数组件都变得更快,比以往更加灵活。

But we’ve also added new components to the framework. Two of the most popular extension components – RowEditor and TreeGrid – are now built into the framework itself, rewritten to meet the high quality standards we expect of Ext JS components.

我们也增加了新的组件。最流行的扩展组件RowEditor和TreeGrid将会被加入框架内。

取消FormLayout

When we asked what are the hardest things to do with Ext JS 3, one answer came up more than almost any other – laying out forms. Forms have always been tied to a FormLayout, which works like a straightjacket to limit a form’s flexibility. With Ext JS 4, forms can use any layout, making it easy to achieve any look and feel imaginable.

在Ext JS 3中最难的事情是什么?答案估计都一样:布局。而布局一直受FormLayout的束缚。在Ext JS 4中,可以使用任何形式的布局,因此很容易获得你需要的任何外观。

快速、易用和稳定

快速:

Everyone cares about performance – whether it’s how fast our applications load, how long they take to render and layout, or how fast they feel when interacted with. One of the most time-consuming parts of application execution is layout. Ext JS 4 features a brand new layout engine, using all of the experience we have gained crafting this framework over the last 4 years.

每个人都关心的性能 - 无论是我们的应用程序加载的速度有多快,多久,他们采取的渲染和布局,或者有多快,他们觉得当交互。对申请执行的最耗时的部分是布局。 Ext JS 4的特点是全新的布局引擎,利用我们掌握了过去4年这一框架方面的经验都各具特色。

Those who were able to join us at the conference saw just how fast the new layout engine is, and that it uses the exact same API as Ext JS 3. Although the layout engine is by no means the only performance improvement we have made, it has such a stunning impact that it deserves its own special treatment in a blog post nearer the release date. Ext JS 4 is far faster than anything we’ve ever created.

这些谁能够参加这次会议我们看到的是多么快的新布局引擎,而且它使用Ext JS 3完全相同的API。虽然布局引擎绝不是唯一的性能改进我们取得了,它有这样一个惊人的影响,是值得在临近发布之日博客文章自己的特殊待遇。 Ext JS 4是远远快于任何我们曾经创建的。

稳定:

For Ext JS 4 we have overhauled our quality assurance efforts to deliver the most stable framework we have ever conceived. To start with, the framework has the best test coverage it has ever enjoyed, with thousands of new unit tests ensuring that the code works properly.

对于Ext JS 4我们将努力为客户提供最稳定的框架内。首先,该框架具有最佳的测试覆盖,过去任何时候都享有与新单位确保正确的测试代码工作数以千计。

Unit tests are only part of the picture – we also need to ensure the visual components work properly. This has always been hard to do, so for version 4 we have invented a brand new tool that automatically exercises every component in the library. We drive this at the OS level, meaning we can test every OS/browser combination we support by simulating a user clicking around the interface. We call this incredible new tool Visual QA, and will be revealing more details about it soon.

单元测试只是其中的一部分 - 我们也需要确保可视组件工作正常。这一直是很难做到,所以对于版本4,我们发明了一种全新的工具,可自动演习中的每个库组件。我们开车在操作系统一级,这,这意味着我们可以测试所有的OS /浏览器的结合,我们通过模拟用户点击周围的接口支持。我们把这种令人难以置信的新工具Visual测试,并会透露更多关于它的细节很快。

易于学习:

Ext JS does amazing things, but has always been too hard to learn. With version 4 we’re rectifying this by creating the best documentation we have ever shipped. For a taste of things to come, check out some of the documentation in Sencha Touch. This is the standard we are striving for with Ext JS 4. We’ll also be creating guides, doubling the number of examples and providing sample applications.

Ext JS很好,但也很难学习。随着第4版,通过创建最好的文档,我们曾经解决学习难这个问题。类似于Sencha Touch的文档样式,将应用于Ext JS 4。我们也将创造指南,增加一倍的示范引导和提供的样本应用程序。

As well as documentation, the API has received a lot of attention with an effort to standardize on a published set of naming conventions and providing more sensible defaults for some of our configuration options. Lastly, we’ll be providing an upgrade guide and backwards-compatibility file to make upgrading to Ext JS 4 as painless as possible.

发布:

We’ve been working feverishly on Ext JS 4 for a long time, and are excited to be just a few weeks away from the first public beta. The framework is already more solid than it has ever been, so we can’t wait to get it into your hands. We expect to deliver a number of betas through the early part of next year, with a 4.0 final release currently planned for February 28th 2011.

I hope you’re as excited as we are about the incredible new features coming in Ext JS 4, and that you’ll continue to join us as we revolutionize the world of web application development.

 

计划于2011年2月28日推出。

原文出处:http://www.sencha.com/blog/2010/11/22/ext-js-4-preview-faster-easier-more-stable/

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_33724570/article/details/85468593

智能推荐

Jarvis OJ - ALL CHALLENGS_jarvisoj dsa-程序员宅基地

文章浏览阅读404次。作为一个安全菜鸟正在慢慢入门,在了解完基本的CTF知识后就开始刷题找知识点的感觉了虽然并不想写这篇博客,因为大部分题的思路都是看人家的writeup,并且人家写的比我更详细,但一些题目有很多知识点需要记住,所以就有了这篇博客WEB篇LOCALHOST看解决数量就知道没啥可说的;对于ip可控的2个头部一个是x-forwarded-for,一个是client-ipx-forwarded-for: X-Forwarded-For(XFF)是用来识别通过HTTP代理或负载均衡方式连接到Web服务器._jarvisoj dsa

React中的组件通信——父传子、子传父、Context_react子传父通信-程序员宅基地

文章浏览阅读3.7k次。0、认识组件间的通信在开发过程中,我们会经常遇到需要组件之间相互进行通信:比如App可能使用了多个Header,每个地方的Header展示的内容不同,那么我们就需要使用者传递给Header一些数据,让其进行展示;又比如我们在Main中一次性请求了Banner数据和ProductList数据,那么就需要传递给他们来进行展示;也可能是子组件中发生了事件,需要由父组件来完成某些操作,那就需要子组件向父组件传递事件;总之,在一个React项目中,组件之间的通信是非常重要的环节; 父组件在展示子组件_react子传父通信

【工程开发】Win10开机出现两个用户 邮件账户无法删除_win10设密码后每次开机双账户-程序员宅基地

文章浏览阅读7.5k次,点赞3次,收藏9次。这篇文章的题目正确表述应该是: Win10自动登陆 本地账号和邮件账号同时存在,默认登陆邮件账号并且要输入密码,并且邮件账号删不掉以前装机的时候直接是按网络邮件账号登陆的,邮件账号有个好就是可以同步多台设备间的东西,缺点就是密码不能设的很简单,明明ubuntu都可以设置三个字符的好吧。。然后我就建立了一个本地账号,挺不错的密码设置的多简单都可以;然后重启发现原来的邮件账号还在,明明已经在..._win10设密码后每次开机双账户

SpringMvc 之MockMvc的使用方法_mockmvc spring.io-程序员宅基地

文章浏览阅读7.5k次,点赞10次,收藏19次。出现的问题: 在我们后台开发接口时,经常做的一件事就是编码、启动后台服务、使用PostMan 或者其他的接口调用工具进行测试、发现接口问题、修改代码,继续重启后台服务,继续走着这样的流程,个人感觉启动服务是一个非常麻烦的事情,当我需要看看我写的接口是否正确时,每次都要重新启动,输入参数,访问服务,然后在本地的时候代码跑着一点问题都没有,部署到对应环境时,打包没问题,接口却不通了,..._mockmvc spring.io

echarts疑难杂症_vue echarts饼状图太小-程序员宅基地

文章浏览阅读797次。echarts常见问题及部分配置_vue echarts饼状图太小

xpath解析html文件报错:lxml.etree.XPathEvalError: Invalid expression-程序员宅基地

文章浏览阅读1.2w次。1.反斜杠的问题:错误示范:title = sel.xpath(’//div/h2/a text()’)正确:title = sel.xpath(’//div/h2/a/text()’)_lxml.etree.xpathevalerror: invalid expression

随便推点

Linux: 两个USB摄像头的数据采集问题_linux上接两个摄像头-程序员宅基地

文章浏览阅读6.8k次。引子: 课题需要,同时采集两个摄像头数据,频率不高,但要同时。中间遇到的问题,唉一言难尽啊!为了图省事使用UVC摄像头,但是板子是USB1.1接口的,故挑选兼容USB1.1的UVC驱动的摄像头,最终选定两个301V芯片的摄像头,先使用一个摄像头,因频率不高,将采集频率设到了最_linux上接两个摄像头

大学生图书馆网页设计模板代码 DIV布局书店网页作业成品 学校书籍网页制作模板 学生简单书籍阅读网站设计成品_学校网站设计-程序员宅基地

文章浏览阅读187次。 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。️HTML静态网页设计作业使用dreamweaver制作,采用DIV+CSS布局,共有多个页面,首页使用CSS排版比较丰富,色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度,主体内容区域宽度 一套优质的网页设计应该包含 (具体可根据个人要求而定)网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语_学校网站设计

Java序列化与反序列化最全详解_java序列化与反序列化全讲解 mocas_wang-程序员宅基地

文章浏览阅读2.9k次,点赞2次,收藏9次。什么是序列化和反序列化?序列化:序列化就是将 java对象 转化为字节序列的过程。序列化是指把一个Java对象变成二进制内容,本质上就是一个byte[]数组。 为什么要把Java对象序列化呢?因为序列化后可以把byte[]保存到文件中,或者把byte[]通过网络传输到远程,这样,就相当于把Java对象存储到文件或者通过网络传输出去了。注意:序列化是为了在传递和保存对象时,为了保证对象的完整性和可传递性。将对象转为有序的字节流,以便在网上传输或者保存在本地文件中。反序列化:反序列化就是将 字_java序列化与反序列化全讲解 mocas_wang

m4_forloop m4-程序员宅基地

文章浏览阅读4.7k次。<!--pre.display {font-family:inherit}pre.format {font-family:inherit}pre.smalldisplay {font-family:inherit; font-size:smaller}pre.smallformat {font-family:inherit; font-size:smalle

spring-@value属性赋值_@value integer-程序员宅基地

文章浏览阅读520次。1、@value给属性赋值,使用方式有三种:基本数值SpEL; #{}写${};取出配置文件【properties】中的值(在运行环境变量里面的值)使用如下: @Value("张三") private String name; @Value("#{20-2}") private Integer age; @Value("${person.nickName}") private String nickName;其中第三种需要增加外部配置文件,需要使用@PropertySource_@value integer

学习Python爬虫怎么赚钱?(文末免费赠Python资料)_python爬虫怎么挣钱-程序员宅基地

文章浏览阅读1.2k次。学习Python爬虫怎么赚钱?(文末免费赠Python资料)_python爬虫怎么挣钱