10个新的最有前途的JavaScript框架_javascript技巧

1. SproutCore

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

SproutCore demonstrations: Photos, Sample Controls

 

2. Spry

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

Spry demonstrations: Photo Gallery, RSS Reader, Form Validation Widgets

 

3. JavaScriptMVC

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

JavaScriptMVC demonstrations: Error Demo, History Demo, Todo Demo

 

4. qooxdoo

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

Qooxdoo demonstrations: demo browser, Feed Reader

 

5. midori

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

midori demonstrations: drag and drop, popups, toggle

 

6. Archetype JavaScript Framework

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

Archetype demonstration: Slidy Presentation

 

7. June Framework

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

June Framework demonstrations: setOpacity, highlight, getKeyName

 

8. UIZE

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

 

 

UIZE demonstrations: Slideshow With Wipes, Marquee and Image Port

 

9. SimpleJS

SimpleJS是一个简单,轻量的,但很特别的JavaScript框架。它提供了 Ajax函数和动态效果。它使用一个很像jQuery和MooTools的插件系统,可以很容易地扩展这个框架。对只需要基本Ajax功能和动态效果的开发者来说,它是一个完美的解决方案。

SimpleJS demonstration: you can view the demos in the left side bar of the website under "Functions".

 

10. Fleegix.js

Fleegix.js是一个很好的事件系统,使你能够很容易地监听,操作,触发DOM事件。它有一个功能,能够将JavaScript对象序列化为JSON格式(fleegix.jason.serialize),也有一些丰富的动态效果。

时间: 2024-08-01 21:06:43

10个新的最有前途的JavaScript框架_javascript技巧的相关文章

Google排名中的10个最著名的 JavaScript库_javascript技巧

JavaScript 是 Web 开发与设计中不可或缺的东西,不管是一个简单的网页还是一个专业的站点,也不管你是高手还是菜鸟,如今 JavaScript 库越来越强大,可以胜任许多复杂的工作,然而同时,人们在众多 JavaScript 库面前又觉得无所适从,本文,我们将使用 Google 搜索出排名前 10 位的 JavaScript 库,并对它们逐一进行介绍. 1. jQuery: The Write Less, Do More, JavaScript Library jQuery 是一个很新

分享10个优化代码的CSS和JavaScript工具_javascript技巧

检查和测试代码来发现任何潜在错误,从而在放到网站上之前及时消除错误是一个非常重要的过程.代码检查的过程也俗称为是Web设计师 和开发者之间的linting.作为一个设计师,如果你想要写出高度优化的代码,那么你一定需要linting工具.有两种类型的代码检查工具.一种是在 执行时间检查代码中的错误和bug.另一种是使用静态代码分析技术并在执行前检查码.后者因为可以节省时间和麻烦显然更佳. 事实上,linting可以放在不同的阶段.如果你喜欢在敲代码的时候测试代码,那么你可以使用lint工具.当然,

JS打开新窗口防止被浏览器阻止的方法_javascript技巧

本文实例讲述了JS打开新窗口防止被浏览器阻止的方法.分享给大家供大家参考.具体分析如下: 用传统的window.open()方式打开新窗口,会被浏览器阻止,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?其实办法还是有的,这里我们就来分析一下如何解决这个问题 我最近也遇到了这样的问题,所以就把弹出新窗口的方法分享给大家.欢迎大家补充哦... 第一种.使用原生javascript的window.open()方法(大部分情况下会被浏览自阻止) 第二种.模拟表单(form)提交,原理是指定表单的a

新浪中用来显示flash的函数_javascript技巧

新浪中用来显示flash的函数,格式化后大家可以用啊sinaflash.js 复制代码 代码如下: /**   * @author [sina]zhangping1@   * @version v1.1.3   * Date:2006-9-8 2006-12-15   */ if(typeof(sina)!="object"){var sina={}} sina.$=function(objId){if(!objId){throw new Error("sina.$(Stri

JS实现仿新浪黄色经典滑动门效果代码_javascript技巧

本文实例讲述了JS实现仿新浪黄色经典滑动门效果代码.分享给大家供大家参考.具体如下: 这是一款仿新浪网的滑动门,黄色经典,操作舒适度确实很舒服,不亏是门户哦,长度和宽度这个就要自己修改啦,布局紧凑合理,本人喜欢的风格. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-sina-jd-move-style-demo/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans

js 打开新页面在屏幕中间的实现方法_javascript技巧

<a href="javascript:void(0)" onclick="window.open('http://www.jb51.net', 'newwindow', 'height=500, width=900, top='+Math.round((window.screen.height)/2<span style="font-family: Arial, Helvetica, sans-serif;">-250</span

推荐10 款 SVG 动画的 JavaScript 库_javascript技巧

SVG 通常可以用作跨分辨率视频.这意味着在一块高分屏幕上不会降低图片的锐度.此外,你甚至可以让SVG动起来,通过使用一些javascript类库.下面,我们分享一些javascript类库,这些类库会帮助我们将SVG动画提高一个等级. Vivus Vivus 是一个能动画js类库,它能够给SVG图像显示出被画出来的过程.Vivus是没有其他类库依赖的(比如jQuery).你仅仅需要在页面中加入这个.js文件,然后传入需要被用来动画的SVG部分就行.同时通过指定一些配置,它能够在页面加载后直接显

8张图看懂office2016的10项新功能

  日前,微软推出了最新版本的办公软件:office2016,那么,office2016与之前的版本相比,有什么不同呢?尤其是目前来自金山wps这款办公软件同行的竞争压力,如果office2016没有几样黑科技,恐怕很难留住微软用户的心.下面,还是一起来看看office2016带来的10项新功能吧! 推荐教程:office2016怎么激活?office2016激活密钥与激活教程 office2016 1.增加智能搜索框 你会注意到在 PowerPoint 2016 功能区上有一个搜索框[告诉我您

如果您想确保Windows 10在新用户登录时不安装内置应用程序,则必须删除所有配置的应用程序。

原文 如果您想确保Windows 10在新用户登录时不安装内置应用程序,则必须删除所有配置的应用程序. 本文的内容 已安装与配置的应用程序 删除配置的应用程序 安装与配置的应用程序^ 在介绍如何删除所有内置应用程序之前,我必须解释安装和配置的应用程序之间的区别.这种差异仅适用于Microsoft现在称为Windows应用程序的新的触摸优化应用程序. 您可能已经注意到,每当用户首次在Windows 10计算机上登录时,Windows将开始安装该特定用户的应用程序.这些应用程序是配置的应用程序.同样