Question

什么是ext？

Answer 1

Ext是一个强大的js类库,以前是基于YAHOO-UI,现在已唤宴经完全独立了,\x0d\x0a主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库就可以了.\x0d\x0a主要包括三个大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的类库,您可以根据需要进行删减.官方网站提供这一接口),在引用ext类库的时候.这三个文件必不可少.\x0d\x0a它提供了丰富的，非常漂亮的外观体验，成为众多界面层开发人员的追捧！其核心的组件基本覆盖了我们构建富客户端的常用的组件。\x0d\x0a从 Ext 2开始，商业版(针对那些以盈利为目的的开发方)要收费了。这可能会影响一些他的应用前景。\x0d\x0a目前的最新版本为4.0Ext动画功能　　介绍一下Ext预置的11个动画功能。\x0d\x0a1.slideIn/slideOut：\x0d\x0a元素的滑进或滑出效果。默认slideIn是从顶部滑进的，而slideOut是从底部滑出的，可通过修改第1个参数设置滑进或滑出位置。其使用方法请看下面代码。\x0d\x0avar el = Ext.get('elId');\x0d\x0ael.slideIn(); //从顶部滑进\x0d\x0ael.slideOut(); //从底部滑出\x0d\x0ael.slideIn('l',{ easing: 'easeOut', duration: .5 }); //从左边滑进\x0d\x0a2.puff：元素慢慢向四周扩大并逐渐消失。当效果完成后，元素将隐藏（visibility属性为hidden），不过元素原来所占位置将继续存在。如果需要删除元素，请设置remove属性为true。其使用方法请看下面代码。\x0d\x0avar el = Ext.get('elId'); //默认方式\x0d\x0ael.puff();\x0d\x0a//自定义方式，元素消失后删除元素\x0d\x0ael.puff({ easing: 'easeOut', duration: .5, remove: true, useDisplay: false })\x0d\x0a3.switchOff：元素闪烁一下，然后往中心折叠（类似关掉电视）。当效果完成后，元素将隐藏（visibility属性为hidden），不过元素原来所占位置将继续存在。如果需要删除元素，请设置remove属性为true。其使用方法请看下面代码。\x0d\x0avar el = Ext.get('elId'); //默认方式\x0d\x0ael.switchOff();\x0d\x0a//自定义方式，元素消失后删除元素\x0d\x0ael.switchOff({ easing: 'easeOut', duration: .5, remove: true, useDisplay: false });\x0d\x0a4.highlight：利用设置的颜色禅祥高亮显和袭银示元素，然后逐渐消隐回原有颜色。默认是设置元素背景颜色，可通过设置attr属性设置高亮显示方式。如果没有初始颜色，可以使用endColor属性设置消隐后的颜色。其使用方法请看下面代码。\x0d\x0avar el = Ext.get('elId'); //默认方式\x0d\x0ael.highlight();\x0d\x0a//自定义方式\x0d\x0ael.highlight('0f0f0f',{ easing: 'easeOut', attr: 'color' duration: .5, endColor: 'dddddd' });\x0d\x0a5.frame：从元素边界开始以水波扩散的方式提示用户。其使用方法请看下面代码。\x0d\x0avar el = Ext.get('elId'); //默认方式\x0d\x0ael.frame();\x0d\x0a//自定义方式\x0d\x0ael.frame('0f0f0f',{ duration: .5, });\x0d\x0a6.pause：在队列中的动画开始之前产生一个停顿。其使用方法请看下面代码。\x0d\x0ael.pause(1); //停顿1秒\x0d\x0a7.fadeIn/fadeout：实现渐变效果。fadeIn方法从透明渐变到不透明。fadeOut方法从不透明渐变到透明。通过endOpacity属性可设置渐变结束后的不透明度。要注意在IE中可能要设置useDisplay属性为true。其使用方法请看下面代码。\x0d\x0avar el = Ext.get('elId');\x0d\x0ael.fadeIn();\x0d\x0ael.fadeOut();