分享

Extjs、雅虎UI库、jQuery—js框架介绍

 king9413 2013-03-13

ExtJS

ExtJS是一个Javascript库,功能强大,界面美观,可以使用Ajax, DHTML,DOM等技术开发网络应用程序。

历史

最初的ExtJS只是YUI的一个扩展包,从1.1版开始独立发布。它是一个开源软件,遵守GPL 3.0协议。

许可证

Extjs之前使用LGPL和商业授权的双重协议,在08年时改成了现在使用的GPL和商业授权的双重协议,也遵守其他的开源软件协议。

功能描述

Ext包括多种控件,可以实现各种各样的功能

文本框和文本域控制,可以控制文本框和文本域中的内容过滤,实现所见即所得的编辑形式。

单选框和复选框控制

Grid control(表格控件):可以轻松的实现表格数据统计,拖放。

树形控制:生成树形目录,编辑管理树,点击展开或是关闭。

Tabs:可活动的标签页,标签页组,可自由添加和删除的标签页,功能丰富。

工具条:在面板中可以方便的插入顶部工具条或是底部工具条,实现各种复杂的功能。

桌面应用程序菜单:可以制作类似于Windows桌面的网页菜单。

灵活的面板布局:将一个面板划分为东南西北中(ESWNC)五个部分,每个部分可以放不同的内容。

滚动条:用滚动条来控制数据的显示。

Flash图表:flash制作的数据图表功能。

优点和不足

Ext整合了CSS样式文件,窗口、面板都有现成的样式,甚至都不需要美工进行特别的美化就可以直接使用。功能涵盖了一个Web 2.0网站所需要的几乎所有的功能,非常完备。但是相应的文件大,加载速度并不理想,而且在低版本的浏览器上显示效果不佳。

学习网站:http:///trutorial

 

雅虎UI库

雅虎UI库 (Yahoo! UI Library,YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX,DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证.

功能

YUI 包含完整的说明文件。它包含了两种元件:工具与控件,和一些 CSS 资源。

工具

动画

协助达成位置移动、大小改变、透明度和其他的网页效果。

浏览器历史纪录管理工具

协助网页程式使用浏览器之上一页与书签(我的最爱)工具。

连线工具

协助管理跨浏览器的 XMLHttpRequest 功能。他也整合了表单传送、错误处理、callback和档案上传。

资料源

提供通用可配置接口给其他组件与种种资料,如从简单的JavaScript阵列到线上服务器,间透过XHR来互动。

元素

为DOM里的HTMLElements提供包装样式,从而简化一般工作如加入监听者(listener)、对DOM操作、以及存取属性。

DOM

为一般的DOM脚本作业提供帮助,它包括元素定位与CSS样式管理。

即拖即放

为即拖即放的开发(建立与管理可在网页上拖放的物件)提供帮助。

事件

提供开发者对浏览器事件,如鼠标点击与键盘按键,的简易、安全之存取。它也提供自订事件物件以应付用户出版与订阅自订事件的需求。

控件

自动完成

为用户文字输入的互动提供自动完成功能 (建议列表与随打击找的功能)。它支援广泛的资料源格式。它也透过XMLHttpReqeust支援服务器端资料源。

按钮

让用户制作功能像传统HTML表单按钮般多样、图形化的按钮。

月历

图形式、动态的控制,用于日期选择。

容器

支援大量的DHTML视窗规范包括提示框(Tooltip)、面板、对话框、简易对话框、模组与覆盖层(Overlay)。

资料表

简单且强大的应用程式接口用来显示网页上屏幕阅读器可存取的表资料。值得关注的功能包括可排序的栏、分页、卷轴、行选取、可放大缩小的栏、以及线上编辑。

纪录器

提供一种快速简单的方式来写入日志讯息到Mozilla Firefox的Firebug扩充插件画面终端、或者Safari JavaScript终端。

表单

提供简易产生鼠标移过弹出选单的方式。

滑块

提供一般性滑块组件让用户可在有限范围内以单轴或者双轴选择值。

分页检视

提供以分页方式来检视内容。

树状检视

产生目录树,其下节点可以缩放。

学习网站:http://developer.yahoo.com/yui/

 

jQuery

jQuery是一套跨浏览器的JavaScript函式库,强化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上释出第一个版本。目前全球有28%的网站使用jQuery,是目前最受欢迎的JavaScript函式库。

简介

jQuery免费且为开放源代码,使用GPL和MIT许可证双协议。jQuery的语法设计使得许多操作变容易,如操作文档对象(document)、选择DOM元素、动画效果、事件处理、发展Ajax以及其他功能。除此之外,jQuery提供API让开发者将自己所写的功能融入jQuery内。

微软与诺基亚在2008年9月时宣布,会在他们的平台上内建jQuery。微软同时将jQuery与其开发工具Microsoft Visual Studio整合。

jQuery 1.3版以后,引入全新的CSS选择器引擎Sizzle。同时不再提供Packed版本,因为解压缩的消耗的时间,远大于所节省的下载时间,且不利于Debug,且已有Google AJAX Libraries API等公开站台提供jQuery的js的引用服务,故Packed版本原本的优点已荡然无存。

特点

jQuery有下列特色:

跨浏览器的DOM元素选择

DOM巡访与更改:支援CSS 1-3与 基本的XPath,jQuery 1.2版以后默认取消XPath支持,改为插件支持

事件(Events)

CSS操纵

特效和动画

Ajax

延伸性(Extensibility)

工具:例如浏览器版本和each函数。

JavaScript插件

轻量级

DHTML DOM选择器与链式语法

经由jQuery的DHTML DOM选择器,可以更容易的操作在复杂的树状HTML中的任何DHTML DOM物件,并可用链式语法对同一物件的不同属性进行操作。

CSS 1-3选择器:支持CSS选择器选定DOM对象。

跨浏览器:跨浏览器的AJAX解决方式,支持Internet Explorer 6.0+、Opera 9.0+、Firefox 2+、Safari 2.0+、Google Chrome 1.0+

简单:较其它JavaScript库更易于入门。

学习网站:http:///

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多