现在的位置: 首页 > 综合 > 正文

JS—浅谈“JavaScript库”

2013年03月19日 ⁄ 综合 ⁄ 共 1772字 ⁄ 字号 评论关闭

    前一篇博文中介绍了脚本语言,JavaScript是一种面向对象的脚本语言,长期以来用作Web浏览器应用程序的客户端脚本接口。这篇文章我将介绍一些JavaScript库相关的知识,期待您前来斧正!奋斗


本文主要涉及以下几方面内容

     。生活中的库
     。计算机中的库


一.库的概念

生活中的库

库,指的是"贮存物品的地方",如仓库、金库等。

计算机中的库

库,是用于开发软件的子程序集合。库和可执行文件的区别是,库不是独立程序,他们是向其他程序提供服务的代码库链接。


说白了,库就是一个储存东西的地方。





二.JavaScript库的概念

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

除了解决跨浏览器问题,使用 JavaScript 框架可以更容易地编写检索、遍历、操作 DOM 元素的代码。它们不仅提供获取 DOM 元素引用的快捷函数,而且还允许 DOM 遍历函数以菊花链(daisy-chaining)方式查找任意深度的父元素、子元素、兄弟元素。最后,框架还提供一系列函数来更轻松地操作这些对象,可以改变、添加或删除内容本身;或者使用 CSS
样式类来改变元素的外观。

框架的另一重要特性是其改进的事件处理支持。由于不同浏览器的实现方式各不相同,跨浏览器事件处理将会非常艰难。因此 JavaScript 框架通常封装浏览器事件,并提供一组有用的跨浏览器兼容的函数来进行处理。有些框架还会提供一组标准键盘代码来表示基于键盘的事件(如按下 Escape 键、Return 键、光标键,等等)。

抽象理解:JavaScript库是一堆函数的集合,就是方便给你调用的不用自己写那些功能强大的函数……

JavaScript库中函数不是官方JavaScript语言的一部分,但是使用这些通过验证的可靠的函数会使你的代码更清晰、更易读,而且当别人需要调用或搞懂你的开发成果时也更加容易被人理解。


三.JavaScript框架典型特性

   这里介绍一些大多数JavaScript框架都具有的特性:

  • 选择器
  • DOM遍历
  • DOM操作
  • 事件处理
  • Ajax


   1.选择器

大多数可用的 JavaScript 框架都会实现某种形式的对快速元素选取的支持。通常来说,这些选择器会使获得 HTML 元素引用的过程快很多,并允许通过 ID、类名、元素类型甚至使用一组伪选择器(pseudo-selector)来查找元素。

例如,使用常规 JavaScript,您也许会用以下代码通过 ID 来选择 DOM 元素:

var theElement = document.getElementById('the_element');


2.DOM遍历

根据 ID、元素类型或 CSS 类名查找元素非常有用,但如何根据元素在 DOM 树中的位置执行查找呢?换而言之,根据一个给定的元素查找其父元素、子元素、前一个或后一个兄弟元素。


3.DOM操作

上面,您已经看到如何使用 JavaScript 框架的选择器和 DOM 遍历来简化特定元素的选取。然而,要想改变 Web 页面中的特定元素的外观或内容,需要操作 DOM 并应用改变。如果使用纯
JavaScript 将会非常繁琐,幸运的是,大多数 JavaScript 框架提供了有用的函数,简化了这些操作。


4.事件处理

每个 JavaScript 框架都实现了跨浏览器事件处理支持,鼓励您从旧式的内联事件连接转向一种流线化方法。


5.Ajax

使用
JavaScript 框架的另一个有说服力的理由是标准化的跨浏览器 Ajax 请求。Ajax 请求是一个异步 HTTP 请求,通常发送给服务器端脚本,后者返回 XML、JSON、HTML 或普通文本格式的响应。大多数 JavaScript 框架都有某种形式的 Ajax 对象,以及一个以参数形式接受一组选项的请求方法。这些选项通常包含 callback 函数,当脚本一接收到来自
Web 服务器的响应时,就会调用此函数。让我们看一下 ExtJS、MooTools 和 Prototype 中的 Ajax 请求的样子。


更多精彩内容请参见资料:JavaScript框架比较,不错的文章哟!



  


抱歉!评论已关闭.