ExtJs特点、优缺点及注意事项

摘自:ExtJs特点、优缺点及注意事项

“玲儿,在也?”经过长达到一年多之挣扎后,我算对天的情侣从起了及时几乎单字。

 

玲儿是自家初中时的同室,她总操着同一口标准的国语与咱们交流。我弗明了之痴情的幼女来自何方,我光懂,她忽闪忽闪的怪眼里一定藏着众多诡秘。我俩轻写东西还要最后走及文字的路的原因还在于它的那么句话:“跟自家同错过考北广”吧!在一个不大的宗、一个小小的齿里,拥有如此圣洁梦想的儿女并无多,然而其倒成功就了。毕业后下车于新疆报社,英雄地立在前方报道,深夜又伏案思考、奋笔疾书,潇洒地拿意见曝于纸面,这即是自身本着它们底全记忆。

1.什么是ExtJs?
ExtJS可以为此来开RIA也就是富客户端的AJAX应用,是一个用javascript写的,主要用于创造前端用户界面,是一个暨后台技术无关的前端Ajax框架。因此,可以拿ExtJS用在.Net、Java、Php等各种开销语言开发之运中。
ExtJS的前身来自于YUI,经过不断前进以及改善,现在曾改为最为圆和成熟的相同学构建RIA
Web应用之JavaScript基础库。利用ExtJS构建的RIA
Web应用拥有与桌面程序一样的标准用户界面及操作方法,并且能够横跨不同的浏览器平台。ExtJS已经改成开具有完善用户体验的Web应用到选择。
ExtJs最开头基于YUI技术,其UI组件模型和出理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者,并也开发者屏蔽了大量超越浏览器方面的处理。相对来说,EXT要较开发者直接针对DOM、W3C对象模型开发UI组件轻松。

“怎么了。你说。”她的音响永远好听,不急急不慢地任着自家之诉说。也尽管是打那边,我知了潘幸知。一个为女性解忧、辩护、申诉的亲倡导者,一粒直入人心的林丹妙药。

2.ExtJs的特点
(1).纯Html/CSS+JS技术,重新定义表示层的耦合;
(2).基于纯Html/CSS+JS技术,提供丰富的超过浏览器UI组件,灵活应用JSON/XML数据源开发,使得服务端表示层的载重真正减轻,从而达成客户端的MVC应用;
(3).集成多JS底层库, 满足开发者不同需求;
(4).Ext初期就是本着YUI的对话框扩展,后来日益产生了上下一心之特征,深受网友的慈。发展至今,Ext除YUI外还支持Jquery
Prototype等之JS库,让大家自由地挑;
(5).多浏览器支持、支持多平台下之主流浏览器。

是,我遇上了感情危机。我怀念,那些怀揣梦想却以就渡过几年平淡婚姻的口还见面还是多或掉了这些疑惑吧!于是自己加以了它们底公号,甚至了解了它的一生。

3.ExtJs底利害
(1).ExtJs的优点
<1>.UI组件丰富,外观良好。
Ext
JS库有着丰富且可以的UI组件,大大缩短了咱们的开发周期,而且组件有良好的布局,经过简单的调用与部署就可以兑现科学的界面布局。ExtJS提供的各种零部件可以就此越专业的不二法门展示数据下降了开销难度。
<2>.浏览器兼容性好。
使用ExtJS对浏览器没有另外要求。可以说凡是相同种绿色的富客户端实现方式,ExtJs基本可以运行为本主流的浏览器。
<3>.有众多动画片效果做得死科学,提高了用户之感知度。
<4>.和后台代码无关。
无论是后台用什么语言开发的还非会见于影响,不管您是用C#仝 JAVA也好
还是PHP都和它没关系。
<5>.将Web程序向桌面系统转化。
ExtJS最酷的优势在它们用Web应用程序的操作方式向传统桌面应用程序的操作方法进行转向还免去了这种差距,从根本上提高了用户之动体验,这是ExtJS应用前景广阔的重中之重因。
<6>.相对丰富的文档和演示。
自然,刚刚接触到ExtJS的人口多数都是受它附带的事例和支付文档吸引过去的,它的文档做的审是。

9秋念了《金瓶梅》、19秋接触社工行业、团体心理治疗,21东进入精神科医院和自杀干预中心。以及,10年的情报评论人生计。

(2).ExtJs的缺点
<1>.体积于生,速度稍慢。
由于用了大量的UI组件,所以体积比充分,导致页面加载速度较缓慢。 
<2>.收费,好像不免费。
为它们不过尽如人意了,所以从Ext JS
2.0从此的版本都是收费的。也许就同碰不能够算是它的欠缺,但眼看真阻碍了它的加大与运用。
<3>.没有适度的开利器。
肯定,一个吓的开发工具可以大大的提高编码的速度,但是对于ExtJS,始终没一个到家的开发工具,可以引进的有Aptana
Studio, Spket IDE,和Spket
提供的提拔文件,但是都是各国发优缺点,都不全面,只能单向看SDK一边写代码。
<4>.没有界面设计工具。
虽说有人提供了一个在线的界面设计工具,但是和Visual
Studio提供的ASP.Net设计工具以来,真的好说凡是天壤之别。因此,只能单向预览,一边写代码。
<5>.文档不全。
虽然ExtJS提供的文档很丰富,但是还是跟不上源代码的换代速度,所以,经常要通过看源代码,调试才能真的化解问题。
<6>.不能够编译。
眼看或多或少方可说凡是JavaScript的短(如果会编译,就非让JavaScript了),在实际的开发被,经常会面敲错一些代码,比如大小写错误等,不能够通过编译得到反映,只能于运作时排错,导致支出之效率比较低下。

她见证了五光十色的情感故事爱恨情仇,练就了同等对解决情感问题之火眼金睛。

4.ExtJs注意事项
(1).尽量使用ExtJS的方言。
ExtJS提供了众可行之道,解决客户端JavaScript常见的支出任务,常见的生查询HTMLDom,创建HTML元素,为HTML元素注册事件响应函数等,这些老可全方位使用ExtJS提供的方法,使和谐代码构建和ExtJS之上,举几个例证:
询问ID为container的DIV下拥有的checkbox,可以运用:Ext.fly(‘container’).select(‘input[type=checkbox]’);
于ID为container的DIV内创造一个按钮,可以采取:Ext.fly(‘container’).createChild({
tag: ‘input’, type: ‘button’});
也ID为container的DIV的click事件注册处理函数,使用:Ext.fly(‘container’).on(‘click’,
handlerFn, scope);
(2).自定义事件比好。
ExtJS的自定义事件很好用,可以兑现有差不多的通报,而且其他自定义事件还可以中途歇,只要发生一个处理函数返回false。
(3).Store合并为一个文本。
用ExtJS显示数据,自然就用用到Ext.data.Store及其派生出的好像,可以考虑有的Store合并及一个文书,这样对还用起甚要命之扶助。
(4).脚本文件管理。
尽可能的每个模块做成一个接近,一个接近一个文件,类似与Java或C#
的文书处理措施,每个文件注明其用意,依赖之公文等,如果尽多的语可以设想写一个配置文件,通过读配置文件来输出脚本到客户端。
(5).调试以及安排注意。
调剂和布置各自加载Debug和Release版本的本子
ExtJS附带的事例中无动用完全Debug版本的例证,所以广大总人口追寻不至一体化的Debug版本的援顺序,通过对Source文件夹下的ext.jsb文件进行分析,就得得不错的加载顺序,如下:
Debug
/ext-path/source/core/ext.js
/ext-path/source/adapter/ext-base.js
/ext-path/ext-all-debug.js
Release
/ext-path/adapter/ext/ext-base.js
/ext-path/ext-all.js
(6).对Script进行削减。
本着品种蒙生出恢宏之JavaScript的讲话,对那个进行削减是大有必不可少的,这里自己推荐的凡ExtJS的论坛提供的JS
Builder,可以透过安排文件来针对Script和CSS进行削减,据说ExtJS就是用是家伙进行压缩的,不过出一个缺陷,就是不支持UTF-8编码。

2014年,她创造了国内最为可怜情感陪护平台“幸知在线”,建立覆盖数百万用户之炎黄子孙情感圈,并支援数以万计的女成功解决了情困惑。

5.ExtJS组件体系图
图片 1

幸知在线的问讯来访者,女性占比较92%,明确为夫妻矛盾的来访者占64%,其中婚外情占比较50%。出轨,已经变成婚姻中过多阴不能够领之痛。在潘幸知的微信公众号上,也起对出轨最全方位的考察和分析。

6.Ext JS API接口文档
<1>.以下是有着工具栏可用按钮名称字符串

其期望保有女人都能活着得无妄自菲薄未顶,温软时得以犹如水柔情,刚毅常常为会不让须眉。她说:

图片 2 View Code

自己见了尽多女性为了家庭放弃很多,却要得面临心灵上的孤独无依。我觉着,女人首先要开一个细密的利己主义者,爱护自己,然后才是疼爱男人和家园。

<2>.以下是装有的布局字符串和类似的对应关系,所有的布局类都延续自
Ext.layout.ContainerLayout类 

从而,我之每一样篇稿子,都当传达这样的中心:独立自主,有当家的常好生,没男人经常为能精彩如斯。这为是我所认为的女性主义。我的社会风气里,没有袒胸露乳博得眼球的所谓女权运动,那不是自个儿当的女性主义。

图片 3

图片 4

她,是一个永不停息歇的和尚。两年来发了少依照畅销书,从《婚姻里之十万只为什么》到《亲爱的,这世界上遵循无针对之人》,再至它及幸知在线心理咨询师团队共同完成的《30春秋,你值得所有如此的人生》,已改成万千女婚姻必不可少指南。她底情丝自立五阶认知理论,被心理学界奉为专业婚姻圣经。

字符串            类                           中文名称
-------------    ------------------           ------------------
absolute         Ext.layout.absolute           绝对定位
accordion        Ext.layout.Accordion          手风琴式
anchor           Ext.layout.AnchorLayout       锚定
(新)auto         Ext.layout.auto               自动
border           Ext.layout.BorderLayout       边界式
card             Ext.layout.CardLayout         卡片式
column           Ext.layout.ColumnLayout       列式
fit              Ext.layout.FitLayout          自适应
form             Ext.layout.FormLayout         表单式
(新)hbox         Ext.layout.hbox               水平
(新)menu         Ext.layout.menu               菜单式
table            Ext.layout.TableLayout        表格式
(新)toolbar      Ext.layout.toolbar            工具条式
(新)vbox         Ext.layout.vbox               垂直

当它们底公号上,每天会有关于婚姻研习、家庭涉及、心理情感等地方的上流原创内容。

图片 5

性,从来都是婚姻遭遇不可逃避的要紧点,潘幸知有对性最理性客观的解读。在《中国人的脾气在,惨到不能够重新惨》的即首文章中明确提出:女人开花,不以少腿间,而是在脑子里。男人的高潮,从来不是坐老婆的身体。

图片 6

玲儿说她底星星点点只对象当那里取得了援手并遂倒来忧郁。也期望有情感危机的阴性能和自己同,一起捍卫自家的威严和格调、一起迈向更了不起和幸运的人生!

<3>.以下是所有的’xtype’和接近的应和关系 

图片 7

图片 8

xtype            Class
-------------    ------------------
box              Ext.BoxComponent
button           Ext.Button
buttongroup      Ext.ButtonGroup
colorpalette     Ext.ColorPalette
component        Ext.Component
container        Ext.Container
cycle            Ext.CycleButton
dataview         Ext.DataView
datepicker       Ext.DatePicker
editor           Ext.Editor
editorgrid       Ext.grid.EditorGridPanel
flash            Ext.FlashComponent
grid             Ext.grid.GridPanel
listview         Ext.ListView
panel            Ext.Panel
progress         Ext.ProgressBar
propertygrid     Ext.grid.PropertyGrid
slider           Ext.Slider
spacer           Ext.Spacer
splitbutton      Ext.SplitButton
tabpanel         Ext.TabPanel
treepanel        Ext.tree.TreePanel
viewport         Ext.ViewPort
window           Ext.Window

Toolbar components
---------------------------------------
paging           Ext.PagingToolbar
toolbar          Ext.Toolbar
tbbutton         Ext.Toolbar.Button        (过时的;使用 button)
tbfill           Ext.Toolbar.Fill
tbitem           Ext.Toolbar.Item
tbseparator      Ext.Toolbar.Separator
tbspacer         Ext.Toolbar.Spacer
tbsplit          Ext.Toolbar.SplitButton   (过时的;使用 splitbutton)
tbtext           Ext.Toolbar.TextItem

Menu components
---------------------------------------
menu             Ext.menu.Menu
colormenu        Ext.menu.ColorMenu
datemenu         Ext.menu.DateMenu
menubaseitem     Ext.menu.BaseItem
menucheckitem    Ext.menu.CheckItem
menuitem         Ext.menu.Item
menuseparator    Ext.menu.Separator
menutextitem     Ext.menu.TextItem

Form components
---------------------------------------
form             Ext.form.FormPanel
checkbox         Ext.form.Checkbox
checkboxgroup    Ext.form.CheckboxGroup
combo            Ext.form.ComboBox
datefield        Ext.form.DateField
displayfield     Ext.form.DisplayField
field            Ext.form.Field
fieldset         Ext.form.FieldSet
hidden           Ext.form.Hidden
htmleditor       Ext.form.HtmlEditor
label            Ext.form.Label
numberfield      Ext.form.NumberField
radio            Ext.form.Radio
radiogroup       Ext.form.RadioGroup
textarea         Ext.form.TextArea
textfield        Ext.form.TextField
timefield        Ext.form.TimeField
trigger          Ext.form.TriggerField

Chart components
---------------------------------------
chart            Ext.chart.Chart
barchart         Ext.chart.BarChart
cartesianchart   Ext.chart.CartesianChart
columnchart      Ext.chart.ColumnChart
linechart        Ext.chart.LineChart
piechart         Ext.chart.PieChart

Store xtypes
---------------------------------------
arraystore       Ext.data.ArrayStore
directstore      Ext.data.DirectStore
groupingstore    Ext.data.GroupingStore
jsonstore        Ext.data.JsonStore
simplestore      Ext.data.SimpleStore      (过时的;使用 arraystore)
store            Ext.data.Store
xmlstore         Ext.data.XmlStore

图片 9

图片 10参照博客:
《ExtJS》
《ExtJS
开发总结》
《Ext JS(1)Ext
JS简介》