资讯频道 → Web前端
阅读更多

8顶
0踩

Web前端

转载新闻 20 个值得一试的JavaScript 框架

2011-09-26 18:32 by 副主编 wangguo 评论(9) 有12744人浏览
JavaScript MVC UI HTML
本文介绍20个值得一试的JavaScript框架。

1.  Sproutcore

Sproutcore 提供了大量的高性能应用，包括MobileMe等。Sproutcore 拥有一个UI框架、标准MVC架构及完整友好的文档。



2.  Cappuccino

Cappuccino是一种以桌面软件用户熟悉的方式开发Web应用的开源开发框架，类似MacOS上的Cocoa。Cappuccino使用新程序语言Objective-J实现，该语言模仿了Objective-C，完全建立在JavaScript上。程序员在Objective-J上写成的应用可以在客户端解释，因此无需任何插件。



3.  JavaScriptMVC

JavaScriptMVC 是一个 JavaScript 的 MVC 框架，基于jQuery，通过它可以简化项目的开发，它支持流行的各种浏览器。



4.  Asana Luna

Luna 是程序员讨论的热点之一，该框架有很多细微之处，包括演变的MVC架构、高速缓存、路由和认证。



5.  Backbone.js

Backbone 是个重应用框架，提供键值绑定、自定义事件、包括枚举函数等的丰富的API集合。



6.  qooxdoo

qooxdoo 是一个用于开发Ajax应用程序的GUI框架，使用它可以开发出类似于Window桌面风格的Web应用程序。使用Qooxdoo并不需要你具备HTML、CSS 和 DOM 的知识。



7.  Spine

Spine 是一个用于构建 JavaScript Web 应用的轻量级框架。Spine 可让你使用 MVC 的框架思路来开发Web应用。



8.  ActiveJS

Active JS 是一个 JavaScript 应用框架，提供本地和 REST 的数据模型，主要特点：

  • 无需依赖第三方包
  • Does not modify built in objects
  • 只包含5个全局对象：ActiveRecord、ActiveView、ActiveEvent、ActiveRoutes、ActiveSupport
  • 可支持与 jQuery 和 Prototype 框架一起使用


9.  Eyeballs

eyeballs.js是一个轻巧的JavaScript库，在JavaScript框架之上，比如jQuery、Prototype。eyeballs.js可以用在已经实现的web应用（对象模型）之上。它也可以用来创建独立的JavaScript应用，支持HTML5本地存储或CouchDB。



10.  Sammy

Sammy.js 是一个微型的 JavaScript 框架，用来简化 JavaScript 应用程序的编写，其核心只有 16K，压缩后 5.2K 大小。



11.  Choco

Choco 将MVC带到了客户端！一个Choco应用仅有一个HTML页面组成，所有的交互通过JS来完成。你的UI仅使用HTML 和CSS。



12.  Agility

Agility.js 是个MVC library for Javascript，可使你写可维护和可再利用的浏览器代码，目的是能够让开发者利用jQuery快速写出web应用。



13.  Angular

AngularJS 是一组用来开发Web页面的丰富UI组件。它支持整个开发进程，提供web应用的架构，无需进行手工DOM操作。

AngularJS很小，只有60K，兼容主流浏览器，与jQuery 配合良好。



14.  ExtJS

ExtJS 主要用来开发RIA富客户端的AJAX应用，主要用于创建前端用户界面、与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、 Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术，由开发人员 JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。



15.  Knockout

Knockout 是个JavaScript库，帮助创建丰富的显示和编辑器UI，通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。



16.  Jamal

Jamal 是一组小的JS库，可将你web应用的HTML、CSS和JavaScript完好分离。Jamal基于jQuery。



17.  PureMVC

PureMVC，如同它的名字，它是一个纯粹的小巧的MVC框架，支持多语言。

PureMVC有一个名为Mediator的构造，顾名思义，它就是Mediator模式的实现，充当视图API和程序其余部分的API之间的中介。这是PureMVC实现MVC架构视图部分的关键构造。引入它是为了减少应用和视图之间的依赖，从而降低整个系统的耦合程度。



18.  TrimJunction

TrimJunction是个开源项目，其模型很像Ruby on Rails，它提供一个可扩展的web MVC框架。TrimJunction的特性之一是它能在内存中保存数据模型的变化。然后重新连接后把这些变化发送给服务器。



19.  CorMVC

corMVC是一个基于jQuery实现的MVC开发框架，简洁、易用、资源占用少。可用于开发单页面应用程序。



20.  batman

batman.js 是个很简单的JS框架，可以让你非常快速的开发web应用。




VIA http://net.tutsplus.com/articles/web-roundups/20-javascript-frameworks-worth-checking-out/

  • 大小: 18.5 KB
  • 大小: 14.6 KB
  • 大小: 17.8 KB
  • 大小: 8 KB
  • 大小: 14.7 KB
  • 大小: 37.7 KB
  • 大小: 111 KB
  • 大小: 101.5 KB
  • 大小: 14.7 KB
  • 大小: 99.7 KB
  • 大小: 20.3 KB
  • 大小: 192.8 KB
  • 大小: 129.7 KB
  • 大小: 70.8 KB
  • 大小: 10.3 KB
  • 大小: 20.4 KB
  • 大小: 77.4 KB
  • 大小: 139.5 KB
  • 大小: 17 KB
  • 大小: 15.6 KB
8
顶
0
踩
评论 共 9 条 请登录后发表评论
9 楼 Ex咖喱棒 2011-09-28 11:25
看得头晕。只知道jQuery·····
8 楼 pengfeng 2011-09-27 17:56
喜欢Backbone和Knockout
7 楼 amwiacel 2011-09-27 16:50
Arden 写道
如此之多，到底哪个好用一些～

同问
6 楼 czpae86 2011-09-27 13:40
做应用系统,extjs有优势
5 楼 wuhongyu 2011-09-27 12:04
atian25 写道
除了extjs,别无他想

extjs收费了，看来别用框架了，
4 楼 atian25 2011-09-27 11:54
除了extjs,别无他想
3 楼 nomandia 2011-09-27 10:35
这种玩意回个一两种就够了，没必要研究个遍。
2 楼 arzusyume 2011-09-27 08:41
挺喜欢Backbone 的
1 楼 Arden 2011-09-26 21:12
如此之多，到底哪个好用一些～

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • typedef std::string AddressLines[4]定义了一个string数组，大小为4

    int main() { typedef std::string AddressLines[4]; std::string *pal = new std::string[4]; std::string *pal1 = new AddressLines; delete [] pal; delete [] pal1; ...

  • 93Echarts - 地理坐标/地图（Bus Lines of Beijing - Line Effect）

    效果图 源代码 app.title = '北京公交路线 - 线特效'; $.get('data/asset/data/lines-bus.json', function(data) { var hStep = 300 / (data.length - 1); var busLines = [].concat.apply([], data.map(function (busLin...

  • C++内存管理_1_3_地址线和总线

    事实上这些翻译的很不完整，也有很多失误吧，因为水平不足哈，只是自己的爱号，所以才做的，希望大大们能指点下Address Lines and BusesEach byte in DRAM is assigned a unique numeric identifier called an address, just like houses on a street. An address i

  • IE浏览器对象不支持Blob属性或方法，IE浏览器不支持canvas toBlob()方法的Polyfill

    前言：由于有裁剪图像的需求，所以就应用了Cropper.js插件，但是在IE浏览器就爆出了兼容blob问题。 ...othersCanvas中文官网官方网站有给出IE浏览器的...首先，toBlob()方法IE9浏览器不支持，因为Blob数据格式IE10+才...

  • iframe属性与用法

    iframe标签 有人说，iframe是能耗最高的一个元素，尽量减少使用。 也有人说，iframe的安全性太差，尽量减少使用。 虽然他们说的是真的，但是...你可以把提示的文字放到 和 里面，这样不支持 的浏览器就会出现提示...

  • iframe属性

    IFRAME的属性参考手册 IFRAME 元素 | iframe 对象 -------------------------------------------------------------------------------- 创建内嵌浮动框架。 成员表 下面的表格列出...

  • Iframe用法的详细讲解(属性、透明、自适应高度)和html中滚动条属性设置

    1． overflow内容溢出时的设置（设定被设定对象是否显示滚动条）  overflow-x水平方向内容溢出时的设置  overflow-y垂直方向内容溢出时的设置  以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 ...

  • IFRAME属性及详解

    标签属性 属性 描述 ALIGN align 设置或获取表格排列。 ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。 APPLICATION APPLICATION 表明对象的内容是否为 HTML 应用...

  • 使用iframe遇到document对象"拒绝访问"解决办法一例

    问题: A.html页面中的javascript脚本可以获取到iframe所加载的网页的window对象,但访问window.document时会报"拒绝访问"脚本错误,如果使用轮询访问document则一开始会报同样的错误若干次,之后则能正常显示和操作.

  • CMS可视化项目-iframe嵌套 token Object.keys(data).map()遍历对象包数组的数据 select下拉菜单

    ``` (1)数组嵌套数组 (2)对象嵌套数组 Object.keys 静态方法 与map() 结合方法 数组嵌套数组 let arr = [ { "id":"13922", "name": "史磊", "group": 1, "score": [ 91, 55, 94, 30, "" ] }, { "id":"13923", ...

  • JS 弹出框(支持IFRAME)

    JS弹出框，支持IFRAME

  • iframe中子页面访问父页面的某个元素，产生跨域访问

    在同域情况下，子页面如果想要访问父页面中的window对象中的方法的话，直接在当前页面中使用window.parent就可以啦 但是当iframe嵌入的地址与父页面的地址不在同一网段里，就出现跨域问题 解决办法： 1、子页面...

  • 网站页面性能优化的34条黄金守则

    有可读性，因此不推荐这种方法； 内联图像是使用data:URL scheme的方法把图像数据加载页面中。这可能会增加页面的大小。 把内联图像放到样式表（可缓存）中可以减少HTTP请求同时又避免增加页面文件的大小。 但是内联...

  • 网站页面性能优化的35条黄金守则

    有可读性，因此不推荐这种方法； 内联图像是使用data:URL scheme的方法把图像数据加载页面中。这可能会增加页面的大小。 把内联图像放到样式表（可缓存）中可以减少HTTP请求同时又避免增加页面文件的大小。 ...

  • iframe详解

    获取iframe的DOM对象，此对象可用来操作对象，比如想操作iframe页面中的元素。 d>获取iframe中的window对象 function getIframeWindow(obj) { //IE || w3c return obj.contentWindow || obj....

  • 解决同一IP不同端口或跨域访问站点iframe应用session丢失的问与及ASP.NET 开发相关超时设置

    Connection对象和Command对象有个CommandTimeOut属性，默认是30秒，如果有一个耗时的查询或数据处理，很容易就超时了。要增大它，创建对象后，设置它的属性，如下: con.CommandTimeOut = 900， 设为900秒，...

  • chrome 扩展开发 - 如何获得iframe中的元素 和 相关问题解答

    这个需求感觉真的很广泛，即每次的Popup页面会随着失去焦点而关闭，再次打开后页面会回到初始页面，无法在页面中记录一些数据后失去焦点依然保持配置或选项。 查询了很多相关资料，有说监听Popup失去焦点事件的，有...

  • 使用Object、param标签在页面显示PDF文件

    原文地址object、param标签及页面显示PDF文件的方法 一、object、param标签 HTML <object> 标签定义和用法定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 ...

  • 面试宝典之前端技术

    （因为 IE 不标准）在 IE 浏览器中 alt 起到了 title 的作用，变成文字提示。在定义 img 对象时，将 alt 和 title 属性写全，可以保证在各种浏览器中都能正常使用。&和&&的区别。 2. DIV+CSS 布局较 ...

  • html iframe php,html iframe使用的实战总结分享

    在 XHTML 1.0 Strict DTD 中，不支持该属性。 属性值： _blank 新窗口中打开 _self 默认，在相同的框架中打开 _parent 父框架中打开 _top 整个窗口中打开 framename 指定的frame name属性值的框架中打开 b>HTML5中：...

Global site tag (gtag.js) - Google Analytics