当前位置: 首页 > article >正文

JavaScript 库

JavaScript 库 - jQuery、Prototype、MooTools。


JavaScript 框架(库)

JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。

为了应对这些调整,许多的 JavaScript (helper) 库应运而生。

这些 JavaScript 库常被称为 JavaScript 框架

在本教程中,我们将了解到一些广受欢迎的 JavaScript 框架:

  • jQuery

  • Prototype

  • MooTools

所有这些框架都提供针对常见 JavaScript 任务的函数,包括动画、DOM 操作以及 Ajax 处理。

在本教程中,您将学习到如何开始使用它们,来使得 JavaScript 编程更容易、更安全且更有乐趣。


jQuery

jQuery 是目前最受欢迎的 JavaScript 框架。

它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象)。

jQuery 同时提供 companion UI(用户界面)和插件。

许多大公司在网站上使用 jQuery:

  • Google

  • Microsoft

  • IBM

  • Netflix

如需更深入地学习 jQuery,请访问我们的 jQuery 教程


Prototype

Prototype 是一种库,提供用于执行常见 web 任务的简单 API。

API 是应用程序编程接口(Application Programming Interface)的缩写。它是包含属性和方法的库,用于操作 HTML DOM。

Prototype 通过提供类和继承,实现了对 JavaScript 的增强。

提示:Prototype 框架最大的部分就是对DOM的扩展。通过Prototype框架里的$()函数能够返回一个网页DOM元素,框架给这个元素添加了很多方便的方法。


MooTools

MooTools 也是一个框架,提供了可使常见的 JavaScript 编程更为简单的 API。

MooTools 也含有一些轻量级的效果和动画函数。

提示:虽然Mootools跟Prototype几乎拥有一样的语法,但是它提供了比Prototype多的功能,而且更强大,拥有实用而清晰的文档和示例帮助你轻松入门。


其他框架

下面是其他一些在上面未涉及的框架:

YUI - Yahoo! User Interface Framework,涵盖大量函数的大型库,从简单的 JavaScript 功能到完整的 internet widget。

Ext JS - 可定制的 widget,用于构建富因特网应用程序(rich Internet applications)。

Dojo - 用于 DOM 操作、事件、widget 等的工具包。

script.aculo.us - 开源的 JavaScript 框架,针对可视效果和界面行为。

UIZE - Widget、AJAX、DOM、模板等等。


CDN -内容分发网络

您总是希望网页可以尽可能地快。您希望页面的容量尽可能地小,同时您希望浏览器尽可能多地进行缓存。

如果许多不同的网站使用相同的 JavaScript 框架,那么把框架库存放在一个通用的位置供每个网页分享就变得很有意义了。

CDN (Content Delivery Network) 解决了这个问题。CDN 是包含可分享代码库的服务器网络。

Google 为一系列 JavaScript 库提供了免费的 CDN,包括:

  • jQuery

  • Prototype

  • MooTools

  • Dojo

  • Yahoo! YUI

但是由于 Google 在中国经常被GFW(防火长城,英文名称Great Firewall of China,简写为Great Firewall,缩写GFW)屏蔽,造成访问不稳定,所以建议使用百度静态资源公共库:http://cdn.code.baidu.com/

如需在您的网页中使用 JavaScript 框架库,只需在 <script> 标签中引用该库即可:

引用 jQuery

<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" rel="external nofollow" >

</script>


使用框架

在您决定为网页使用 JavaScript 框架之前,首先对框架进行测试是明智的。

JavaScript 框架很容易进行测试。您无需在计算机上安装它们,同时也没有安装程序。

通常您只需从网页中引用一个库文件。

在本教程的下一章,我们会为您完整地讲解 jQuery 的测试过程。


http://www.kler.cn/a/858.html

相关文章:

  • 工程水印相机结合图纸,真实现场时间地点,如何使用水印相机,超简单方法只教一次!
  • (三)c#中const、static、readonly的区别
  • Require:利用MySQL binlog实现闪回操作
  • SpringBoot整合Easy-es
  • 使用VSCode搭建Ruby on Rails集成开发环境
  • Anaconda安装(2024最新版)
  • 数影周报:SpaceX设计图纸被泄露,拍明芯城正式在纳斯达克上市
  • 【YOLOv8/YOLOv7/YOLOv5/YOLOv4/Faster-rcnn系列算法改进NO.60】损失函数改进为wiou
  • 计算机网络的基本组成
  • 【笔试强训选择题】Day3.习题(错题)解析
  • 什么是PCB走线的3W原则
  • 用ChatGPT编写的一个调用ElasticSearch的maven的spring elasticsearch demo案例
  • 面试——Java基础
  • 前端html知识看完这篇博客就够了
  • 基础IO【Linux】
  • python打包成apk界面设计,python打包成安装文件
  • 顺序表——“数据结构与算法”
  • ChatGPT研究分析:GPT-4做了什么
  • VMware中不小心关掉虚拟机,在页面中找不到该虚拟机办法!!!
  • 基于Vue3和element-plus实现一个完整的登录功能
  • Java Web 实战 14 - 计算机网络之初识计算机网络
  • 第十四届蓝桥杯模拟赛【第三期】Python
  • 力扣刷题---初始链表1
  • 计算机网络复习
  • 购物清单(蓝桥杯C/C++省赛)
  • GPT-4来袭:开启人工智能新时代