JS---浅谈“JavaScript库”

小咪咪 2022-06-11 06:37 383阅读 0赞

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

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

*  库的概念

。生活中的库

。计算机中的库

*  JavaScript库的概念
 *  JavaScript框架典型特性

>   
> 
> 
> **一.库的概念**
> 
> **生活中的库![1339549273_6942.jpg][]**
> 
> 库，指的是"贮存物品的地方"，如仓库、金库等。
> 
> **计算机中的库**
> 
> 库，是用于开发软件的子程序集合。库和可执行文件的区别是，库不是独立程序，他们是向其他程序提供服务的代码库链接。
> 
>   
> 
> 
> **说白了，库就是一个储存东西的地方。**
> 
>   
> 
> 
>   
> 
> 
>   
> 
> 
>   
> 
> 
> 二.**JavaScript库的概念![1339557683_1457.jpg][]**
> 
> **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框架比较][JavaScript]，不错的文章哟！**
> > 
> >   
> > 
> > 
> >   
> >

> **  **

[Link 1]: http://blog.csdn.net/mazhaojuan/article/details/7647707
[struggle.gif]: /images/20220611/532dc38d07f1438390d5d0a299b152c5.png
[1339549273_6942.jpg]: https://img-my.csdn.net/uploads/201206/13/1339549273_6942.jpg
[1339557683_1457.jpg]: https://img-my.csdn.net/uploads/201206/13/1339557683_1457.jpg
[JavaScript]: http://www.ibm.com/developerworks/cn/web/wa-jsframeworks/#ibm-pcon