常用的JS框架比较,用自己喜欢的框架

JavaScript/前端
477
0
0
2022-06-26

什么是框架?

“框架”指一套包含工具、函数库、约定,以及尝试从任务中抽象出可以复用的通用模块,目标是使开发人员把重点放在任务项目所特有的方面,避免重复开发。

常用的JS框架比较,用自己喜欢的框架

类似一个工具

为什么需要框架?

JavaScript框架或库是一组能轻松生成跨浏览器兼容的JavaScript代码的工具和函数。每一个库都在众多流行的web浏览器的现代版本上进行了可靠的测试,因此,你可以放心的使用这些框架,你的基于JavaScript的RIA将会在不同的浏览器和平台上 以类似的方式工作。

这些框架极大的简化了开发的进程,并带来一致,可靠,以及高度交互性的用户界面。

常用的JavaScript框架

  • JQuery
  • YUI
  • Prototype
  • Mootools
  • ExtJS
  • MochiKit
  • DOjo
  • Kissy
  • Como JS
  • JET
  • JavaScriptMVC
  • Qooxdoo
  • SproutCore
  • Sencha Touch
  • IUI
想参与学习的小伙伴可以来交流群:621071874。

个人对框架的分类

JavaScript库

  • 解决浏览器兼容性
  • 快速开发Web应用
  • 丰富UI效果

跨浏览器RIA框架

  • 类桌面应用

移动网络应用APP框架

  • 为移动设备而设计
  • 基于HTML5和CSS3

JQuery

JQuery由John Resing 创建,其宗旨是 ---WRITE LESS , DO MORE。写更少的代码,做更多的事情。它是轻量级的JS库(压缩后只有21K),它兼容CSS3,还兼容各种浏览器(IE 6.0+,FF1.5+,Safari2.0+,Opera 9.0+)。JQuery是一个快速处理HTML documents、events、实现动画效果,并且方便的为网站提供AJAX交互。JQuery还有一个比较大的优势就是,它的文档说明很安全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。

YUI

  • Yahoo!User Interface (YUI) Library是一组采用DOM scripting , DhtmlAjax 等技术开发的Web UI控件和工具。中文说过来就是“Yahoo用户界面库”。
  • Yui工具包利用DOM脚本来简化浏览器内的开发(in-browser devolvement),使用DHTML和AJAX的特性开发所有的Web程序。
  • YUI控件库为你页面提供一组高交互性性的可视化元素。这些元素完全在客户端创建维护,不需要请求服务器进行页面刷型。

Prototype

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

Mootools

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

ExtJS

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

Mochikit

MochiKit是一种有用的高端JavaScript库。MochiKit主要受到Python和Python标准库提供的很多便利之处的启发,另外还缓存了解浏览器版本之间的不一致性。其中的MochiKit.DOM尤其方便,能够比原始JavaScript更友好的方式处理DOM对象。MochiKit.DOM大部分都是针对XHTML文档制定的,如果与MochiKit和Ajax结合在一起,使用XHTML包装的微格式尤其方便。

Dojo

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

Kissy

KISSY是一个小巧灵活,简洁实用的UI类库,它希望使用者能够愉悦的编码、愉快的开发。

Simple&Stupid,Short&Sweet,Slim&sexy....

Como Js

Como JS是一块代码简易而功能强大的JavaScript框架,也是工作者在工作过程中的经验总结,实用性强;通过它,能够简化JavaScript代码开发,增强代码重要性,能够异步按需要加载js和css文件,增强page 的加载速度。

Jet

  • JET使用与Web Page 和 Web App的开发
  • 微内核设计:内核可以完全分离出来,用于构建自己的框架
  • 自由拼装各个模块
  • 命名无空间、原生对象零污染
  • 无缝集成各种js框架:与JQuery,YUI,Mootools,Prototype.js 等框架无缝集成。与多种局部框架无缝集成,如(Mini,Sizzle,cssQuery,xpath,JSON)等等。
  • 多种版本共存:如采用的JET版本过低,有的JavaScript代码不能与新版本JET兼容,则可以采用多版本共存的方式保持程序的可延续性。
  • 分层设计:JavaScript核心层,与JavaScript解释引擎无关的封装和扩展。浏览器端JavaScript层,对浏览器中的JavaScript引擎部分的封装和扩展。

JavaScriptMVC

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

Qooxdoo

qooxdoo是一个Ajax 应用框架使用基于面向对象JavaScript

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

SproutCore

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

现在有不少Web框架开始使用HTML5中的一些信特性(如离线储存、HTML5 ApplicationCache等来构建副本地(rich native-class)应用,而SproutCore则是其中之一。

Sencha Touch

Sencha Touch可以让你的Web App看起来像Native App。魅力的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的WEB标准,全面兼容Android和Apple IOS设备。

常用的JS框架比较,用自己喜欢的框架

Sencha Touch

IUI

IU包含一套JavaScript库,CSS式样表及图片,是一个轻量级IPhone UI库,包含IPhone 风格导航菜单,设备方向,IPhone风格切换等功能,可以为你的Web程序带来IPhone般的体验。

常用的JS框架比较,用自己喜欢的框架

IUI

JavaScript框架使用比例

常用的JS框架比较,用自己喜欢的框架

各框架所占比例

常用的JS框架比较,用自己喜欢的框架

各框架所占比例

怎么选择一款JavaScript框架

  • 你的项目需求
  • 框架支持A级浏览器吗
  • 是否利于团队协作开发
  • 框架是否成熟
  • 文档是否健全
  • 社区支持是否充足
  • 框架的扩展性如何
  • 你是否喜欢API的风格
  • 代码执行速度性能如何
  • 代码是否为模块化
  • 代码可重用性如何

几个JS框架比较

常用的JS框架比较,用自己喜欢的框架

JS框架比较

此上所整理的框架的比较的资料,希望能够帮助大家正确的选择自己喜欢的一种框架。有不足之处还望大家多多提出意见,发表自己的言论,谢谢。