码迷,mamicode.com
首页 > Web开发 > 详细

JS框架整理

时间:2016-01-22 14:16:07      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

1. Dojo (演示地址)

Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成:Core、Dijit、DojoX。Core提供ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤,基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件:DateGrid,charts,离线应用,跨浏览器矢量绘图等。

2. Jquery

jquery是一个快速、简洁的JavaScript框架,帮助你简化查询DOM对象,处理事件,制作动画,和处理Ajax交互过程。利用jQuery将改变你编写JavaScript代码的方式。原先用20行代码完成的功能,jQuery用10行就可以轻松搞定。

3. Yahoo! User Interface Library (演示地址)

Yahoo! User Interface (YUI) Library是一组采用DOM scripting,Dhtml和Ajax等技术开发的Web UI控件和工具。当前提供的控件有:

  • AutoComplete
  • Button
  • Calendar
  • Charts
  • Color Picker
  • Container(包括:Module、Overlay、Panel、Tooltip、Dialog、SimpleDialog)
  • DataTable
  • ImageCropper
  • Layout Manager
  • Menu
  • Rich Text Editor
  • Slider
  • TabView
  • TreeView
  • Uploader

4. MooTools (演示地址)

技术分享

MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。 Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的功能要比Prototype.js多,整体设计也比Prototype.js要相对完善,功能更强大,比如增加了动画特效、拖放操作等等。

5. Qooxdoo (演示地址)

技术分享

qooxdoo是一个用于开发Ajax应用程序的GUI框架。不需要HTML,CSS,DOM知识,采用面向对象的JavaScript API就能够开发出类似于Window桌面风格的Web应用程序。

6. Prototype

prototype是一个易于使用、面向对象的JavaScript框架。它封装并简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。

7. script.aculo.us

script.aculo.us是一个易于使用,支持多种浏览器,用于增强Prototype的JavaScript框架。script.aculo.us包含:动画框架(animation framework),拖放(drag and drop), Ajax控件,DOM工具,单元测试等。

8. ExtJS

ExtJS是一个跨浏览器,用于开发RIA(Rich iInternet Application)应用的JavaScript框架。提供:高性,可定制的Web UI控件库。良好的设计、丰富的文档和可扩展的组件模型。

9. Mocha (演示地址)

技术分享

Mocha是一个构建在Mootools Javascript框架上的web应用程序UI库。Mocha GUI组件由canvas标记产生。

10. Rich Ajax Framework (演示地址)

技术分享

Rico是一个面向对象的JavaScript框架,用于开发RIA应用程序。它实现了Grid,Calendar,Tree,Accordion等控件。简化Ajax处理,拖放支持,提供幻灯片展示效果等。

11. Silverlight Toolkit

技术分享

Silverlight Toolkit是一组用于增加Silverlight现有功能的控件,组件和工具类。包括:

  • AutoCompleteBox
  • NumericUpDown
  • Viewbox
  • Expander
  • ImplicitStyleManager
  • Charting
  • TreeView
  • DockPanel
  • WrapPanel
  • Label
  • HeaderedContentControl
  • HeaderedItemsControl

12. PHP.JS

技术分享

PHP.JS是一个开源项目,它将PHP中的部分函数功能移植到javascript中。只要在你的项目里包括这个php.js库文件,你就可以在客户端浏览器上运行你所熟悉的PHP函数了。比如md5(),date(),mktime(),base64_decode()。

该项目还提供了javascript原生并不支持的一些功能,比如file_get_contents(), mktime(), serialize()等

13. Glow (演示地址)

技术分享

Glow是由BBC广播公司开发的一个开源JavaScript框架,提供的功能与jQuery、MooTools等框架相似。它除了提供一些常用的功能和解决跨浏览器的问题之外,还提供一组Web UI控件.

14. UIZE JavaScript Framework (演示地址)

UIZE JavaScript Framework是一个强大、开源、面向对象的JavaScript框架。支持widgets、AJAX、DOM、模板等。

15. EdoJS框架 (演示地址)

技术分享

  1. 丰富的组件库
  2. 简单,强大,灵活的可编程性
  3. 强大的可视化设计支持 : IDE
  4. 完善的文档和细致的教程: Api doc
  5. 小体积 : javascript css一共只有100K
  6. 专业的团队,强大细致的技术支持 : 全天候的服务, 您可以随时联系我们解决您的疑难杂症.
  7. 高级UI : 除常规组件外,提供甘特图,日历,文档管理器和excel这样的高级组件.
  8. 极限的性能 : edo做出来的东西,初始化速度达到理论的极限值!组件的操作性能也是极速!
  9. 对传统UI框架的突破 : 随着界面的复杂度增加,浏览器内的DOM元素量增多,导致用户操作越来越慢,UI的响应越来越差,甚至导致做出来的界面慢的无法运行. edo天然做了这方面的优化,强大的”动态”机制,即时您需要支持1万行N(N>=100)列的表格组件,在edo中也已经成为现实! 性能!是edo的一大杀手锏!

16. Spinelz

Spinelz是一个JavaScript库,使Web开发人员创建丰富Internet应用程序。Spinelz基于script.aculo.us 。 提供的功能是利用一些script.aculo.us的ajax和动画效果使价值最大值。

17. June Framework (演示地址)

基于Core核心库的一个小巧的JS框架,它的作者是 Kevin Yank 和 Cameron Adams。开发人员可以将这个框架引入自己的项目中,不必担心与其它JS库发生冲突,因为JUNE是它独特的命名空间。

JUNE 具有强大的支持功能:

  • DOM 选择 (例如: JUNE.Dom.getByTags/getByClass/getByAttribute),
  • DOM 操作 (例如: JUNE.Dom.insertBefore/insertAfter/removeChild

18. Scripty2 (演示地址)

Scripty2 一个完全重写的Script.aculo.us 脚本库,增强了动感效果。

19. Ajax Push Engine (演示地址)

技术分享

Ajax Push Engine为一开源的插件,允许数以千计浏览者即时交换数据,而无需在重新加载网页,也不需要安装其他的插件。

20. Glimmer

技术分享

Glimmer中文为微光的意思,Glimmer是一个基于jQuery的效果集工具包,不需要手写 Javascript代码就可以实现许多的页面特效,如常用的工具提示条(tooltips),图片切换(sequence),褪色效果(fade),下 拉菜单(dropdown),自由式效果(Freestyle),段褪色效果(paraFade)。最大特点在于不需要手写Javascript代码,只 需要HTML和CSS。

Glimmer就好比几个插件的集合,但不需要手写Javascript代码,直接在HTML元素中引用,非常方例和简单,效果图如下:

21. JavaScript Framework Matrix

技术分享

JavaScript Framework Matrix是一个比较当前各种流行JavaScript框架功能的矩阵。所举的例子几乎涵盖了所有的功能,并提供链接指向原始文档。

 

22. SproutCore

 

技术分享

 

SproutCore 苹果对SproutCore的解释为“开源,平台无关,类Cocoa的JavaScript框架,用于创建具有桌面应用程序外观和操作感的Web应用程序。”

SproutCore demonstrations: PhotosSample Controls

 

23. Spry

技术分享

Spry 是Adobe 的 Ajax framework. Spry的目的是成为实现Ajax的一种简单方式,对HTML、CSS和JavaScript体验据有入门级水平的设计人员应该能够发现Spry是一种整合内容的简单方法。

Spry demonstrations: Photo GalleryRSS ReaderForm Validation Widgets

 

24. JavaScriptMVC

技术分享

JavaScriptMVC 是一个功能强大的 JavaScript framework. 也是一个很棒的JavaScript测试框架,它同样能提高开发的速度。JavaScriptMVC应用了模型-视图-控制器架构模式,把业务逻辑和表示分离,使得代码更加模块化。

JavaScriptMVC demonstrations: Error DemoHistory DemoTodo Demo

 

25. qooxdoo

技术分享

qooxdoo 是一个 Ajax 应用框架使用基于面向对象 JavaScript. qooxdoo是一个功能强大基于JavaScript GUI工包,它让你可以用JavaScript来开发类似于VB/Delphi风格的具有Ajax功能的web2.0应用程序。qooxdoo具有客户端 浏览器检测功能,具有浏览器抽象层,可以无差别的创建跨浏览器的Web应用程序,它提供方便的调试接口,具有事件管理、聚焦管理、定时器、边框和对象属性 等特征。它提供一组窗体组件并扩展了布局,它还提供跨平台的png图形透明支持功能。此外,qooxdoo提供一个原子组件,你可以在其基础上开发你自己 的组件。

Qooxdoo demonstrations: demo browserFeed Reader

 

26. midori

技术分享

midori是一个轻量的JavaScript框架。即使没有压缩,它也只有45KB,而相比之下,jQuery压缩后也有54KB。不过它的轻量并不意 味着它缺乏复杂的JavaScript功能。Midori提供了包括跨浏览器的Ajax功能,CSS选择器等等这些JavaScript框架一般都具有的 功能。

midori demonstrations: drag and droppopupstoggle

 

27. Archetype JavaScript Framework

技术分享

Archetype JavaScript Framework与Prototype有很多共同点。它有一个独立的管理系统,能够只初始化页面需要的组件。而且Archetype强调代码易读性,和HTML/CSS/JavaScript分离的最优方法。

Archetype demonstration: Slidy Presentation

 

28. June Framework

技术分享

June Framework从Core library中获取灵感,应用了模块设计模式。如果你使用MS Visual Studio 2008的话,你会爱上它提供的文档,因为它使用了Visual Studio的代码格式。

June Framework demonstrations: setOpacityhighlightgetKeyName

 

29. UIZE

技术分享

UIZE(发音: you eyes)是另一个强调RIA的JavaScript框架。它提供了很多Widget,比如日期选择器,表格过滤器,进度条,颜色选择器等。

JS框架整理

标签:

原文地址:http://www.cnblogs.com/liangxiaofeng/p/5150874.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!