简单了解常用的JavaScript 库


Posted in Javascript onJuly 16, 2020

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 的增强。

MooTools

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

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

其他框架

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

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)屏蔽,造成访问不稳定,所以建议使用百度静态资源公共库。

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

<script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js">
</script>

使用框架

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

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

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

以上就是简单了解常用的JavaScript 库的详细内容,更多关于JavaScript 库的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
网页和浏览器兼容性问题汇总(draft1)
Jun 01 Javascript
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
window.name代替cookie的实现代码
Nov 28 Javascript
用JS控制回车事件的代码
Feb 20 Javascript
JQuery获取文本框中字符长度的代码
Sep 29 Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 Javascript
基于Jquery和html5的7款个性化地图插件
Nov 17 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
Dec 27 Javascript
JavaScript类的继承方法小结【组合继承分析】
Jul 11 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
Aug 16 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 #jQuery
浅谈js中的attributes和Attribute的用法与区别
Jul 16 #Javascript
JS自定义右键菜单实现代码解析
Jul 16 #Javascript
JS如何在不同平台实现多语言方式
Jul 16 #Javascript
vue使用axios实现excel文件下载的功能
Jul 16 #Javascript
vue实现自定义多选按钮
Jul 16 #Javascript
vue实现div单选多选功能
Jul 16 #Javascript
You might like
如何在PHP中使用Oracle数据库(3)
2006/10/09 PHP
一个图形显示IP的PHP程序代码
2007/10/19 PHP
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
php输出表格的实现代码(修正版)
2010/12/29 PHP
新手学习PHP的一些基础知识分享
2011/07/27 PHP
跟我学Laravel之配置Laravel
2014/10/15 PHP
PHP在linux上执行外部命令的方法
2017/02/06 PHP
php 类中的常量、静态属性、非静态属性的区别
2017/04/09 PHP
JavaScript的面向对象方法以及差别
2008/03/31 Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
2009/12/28 Javascript
jQuery Tools tab(幻灯片)
2012/07/14 Javascript
jquery动画3.创建一个带遮罩效果的图片走廊
2012/08/24 Javascript
JS随即打乱数组实现代码
2012/12/03 Javascript
js window.print实现打印特定控件或内容
2013/09/16 Javascript
通过JS动态创建一个html DOM元素并显示
2014/10/15 Javascript
使用jQuery处理AJAX请求的基础学习教程
2016/05/10 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
关于JavaScript数组去重的一些理解汇总
2020/09/10 Javascript
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
Python中使用ElementTree解析XML示例
2015/06/02 Python
在Django的模型中添加自定义方法的示例
2015/07/21 Python
Python日志模块logging基本用法分析
2018/08/23 Python
Pycharm连接远程服务器并实现远程调试的实现
2019/08/02 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
python中的列表和元组区别分析
2020/12/30 Python
音乐器材管理制度
2014/01/31 职场文书
校园活动宣传方案
2014/03/28 职场文书
公司授权委托书
2014/04/04 职场文书
家长给老师的感谢信
2015/01/20 职场文书
酒店人事专员岗位职责
2015/04/07 职场文书
《普罗米修斯》教学反思
2016/02/22 职场文书