当前位置:主页 > 论文百科 > 英文数据库 >

jquery ajax_jquery源码分析_1.1.2 主流JavaScript库

发布时间:2016-06-11 19:05

  本文关键词:精彩绝伦的jQuery,由笔耕文化传播整理发布。


> Javascript > 精彩绝伦的jQuery 1.1.2 主流JavaScript库 2013-03-02 08:08:27         我要投稿   

本文所属图书 > 精彩绝伦的jQuery

本书是jQuery 基础教程,通过大量实用技巧、案例、示例分4 部分全面讲解了jQuery 开发。第一部分介绍jQuery 与JavaScript 库,以及jQuery 带来的巨大便利。第二部分重点论述jQuery 基础知识,包括选择器、...  立即去当当网订购

目前,大约有20个(目前开发活跃的)JavaScript库,其中有5个库最流行,它们是YUI、Prototype、MooTools、Dojo和本书的主角jQuery。它们之所以脱颖而出,是因为很好用,并且都有着巨大的用户群。绝大多数库之间的差异主要在于库的体积及浏览器支持程度不同。

我即将探讨的5个库都是开源项目,这意味着每个人都可以为这些库贡献源代码。微软的软件是不开源的,是专属于微软公司的软件。微软公司雇用程序员开发软件,然后销售这些软件并收取授权费。交纳授权费之后,软件用户通常在一定期限之内有权使用这些软件,并且可在遇到麻烦时从微软公司得到帮助。

开源软件与之不同。任何人都能够下载源代码并对其进行改进,这样会造就更好的代码。因为所有的代码都是由志愿者写就的,而所有志愿者拥有同一个目标——写出更好的软件(而不是赚钱)。由于不必支付任何费用,这些库尽可随意使用。网上的开源社区极为庞大,有数百万用户通过博客或论坛贡献内容,而今Web设计师和开发者在遇到问题时可非常容易地得到支持。

在学习JavaScript库的过程中要牢记一点,你正在学习的库就像一种新语言——没错,它确实是JavaScript语言的另一种演绎。

1. YUI

YUI(Yhaoo! User Interface,雅虎用户界面)JavaScript库由雅虎开发者网络于2005年发布,它采用的是BSD许可证。BSD许可证允许以极其自由的方式传播软件,与其他类似许可证(如GNU GPL)相比,BSD许可证对软件传播的限制最少。YUI完全兼容IE 6+、Firefox 3+、Safari 3+以及Opera 10+。

YUI库文件的总大小约31 KB。

为了让你了解一下YUI代码是个什么样子,下面列出了一段JavaScript代码,它演示了如何使用YUI库实现click事件。这段代码中的click事件分为两部分:一个是click事件发生时被调用的函数,一个是click事件本身。这些代码因为使用了YUI专用语法显得不那么优雅。
function handleClick(e) {
  Y.log(e);
}
YUI().use('node-base', function(Y) {
  Y.on("click", handleClick, "#foo");
});

2. Prototype

Prototype库由Sam Stevenson创建。由于是和非常流行的Web快速开发框架Ruby on Rails绑定发布的第一个JS框架,,它很快流行起来。由于它是Ruby on Rails的一部分,我总感觉它并不适合Web设计师,而是更适合专业Web开发者结合Ruby on Rails使用。

Prototype库是一个包含Ajax功能的基础库,随着它的辅助库Scriptaculous的加入,Prototype库的功能越来越丰富。Scriptaculous负责提供特效及用户界面元素,是一个只能与Prototype一起使用的库。Prototype库的主要缺点在于尺寸:所有JavaScript文件加起来大约有278 KB。

对没有多少经验的前端开发者来说,Prototype和Scriptaculous库的文档是相当难以理解的。和其他库一样,Prototype也有一个技术支持社区。不过由于它的语法相当复杂,Prototype终究是一个难以学习的库。为了让你感受一下Prototype代码,下面的代码演示了如何使用Prototype库处理click事件。这里的click事件用法看上去与jQuery中的非常类似,别让表象欺骗了你——Prototype中许多的其他方法代码要比这个复杂得多,而且看起来不太像jQuery。
$("foo").observe("click", function() {
  alert('Clicked!');
});

3. MooTools

MooTools库首次发布于2006年,与Prototype有相似之处——语法(相对复杂)适合中高级Web设计人员和开发人员。MooTools是一个面向对象的框架,它以面向对象的方式增强了JavaScript API,也为Web页面提供一些人机交互功能。MooTools适合那些喜欢纯净JavaScript的人。

下面是使用MooTools库处理click事件的代码示例:
$('foo').addEvent('click', function() {});

4. Dojo

Dojo最早的版本发布于2004年,它的设计目标是创建兼容各种浏览器的Web应用,为站点平滑地添加交互功能。Dojo的语法相当复杂,给人的感觉就是在写原生JavaScript,它针对的用户群是那些有经验的前端开发人员,它的用法和思想不太适合初学者。

下面是使用Dojo库处理click事件的代码示例:
fooNode = dojo.byId("foo");
fooConnections = [];
fooConnections.push(dojo.connect(fooNode, 'onclick', foo));

看看前面这些例子,这些JavaScript库的语法相当吓人。现在我们看看jQuery怎么处理click事件:
$('#foo').click(function() {
  //单击事件
});

点击复制链接 与好友分享!回本站首页 您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力   上一篇:1.1 探索JavaScript库 下一篇:1.1.3 jQuery的高明之处 相关文章

1.1.2 算术

1.1.2 Sencha Touch 2.0中的新特性

1.1.2 JavaScript日期函数strftime

1.1.2 CSS代码片段

11.1.2 代码重用

1.1.2 JavaScript的主要特点

1.1.2 线程的阻塞

1.1.2 浏览器之战

1.1.2 渐进增强式开发模型的目标

1.5 JavaScript 简史

图文推荐


  本文关键词:精彩绝伦的jQuery,由笔耕文化传播整理发布。



本文编号:56244

资料下载
论文发表

本文链接:https://www.wllwen.com/wenshubaike/mishujinen/56244.html


Copyright(c)文论论文网All Rights Reserved | 网站地图 |

版权申明:资料由用户97f53***提供,本站仅收录摘要或目录,作者需要删除请E-mail邮箱bigeng88@qq.com