简单了解常用的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 相关文章推荐
小试JQuery的AutoComplete插件
May 04 Javascript
js预载入和JavaScript Image()对象使用介绍
Aug 28 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
javascript实现window.print()去除页眉页脚
Dec 30 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
Oct 31 Javascript
原生JS获取元素集合的子元素宽度实例
Dec 14 Javascript
原生JS 购物车及购物页面的cookie使用方法
Aug 21 Javascript
Three.js利用性能插件stats实现性能监听的方法
Sep 25 Javascript
ES6 更易于继承的类语法的使用
Feb 11 Javascript
Element InputNumber 计数器的实现示例
Aug 03 Javascript
JS实现简单控制视频播放倍速的实例代码
Apr 18 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
在Windows版的PHP中使用ADO
2006/10/09 PHP
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
win7下memCache的安装过程(具体操作步骤)
2013/06/28 PHP
纯PHP生成的一个树叶图片画图例子
2014/04/16 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
2017/02/20 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
imagettftext() 失效,不起作用
2021/03/09 PHP
Javascript Tab 导航插件 (23个)
2009/06/11 Javascript
javascript中的缓动效果实现程序
2012/12/29 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
2014/09/03 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
jquery 中toggle的2种用法详解(推荐)
2016/09/02 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
python多重继承实例
2014/10/11 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
用python 批量更改图像尺寸到统一大小的方法
2018/03/31 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
Python抓包并解析json爬虫的完整实例代码
2020/11/03 Python
next在python中返回迭代器的实例方法
2020/12/15 Python
详解appium自动化测试工具(monitor、uiautomatorviewer)
2021/01/27 Python
台湾团购、宅配和优惠券:17Life
2017/08/14 全球购物
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
面向对象编程是如何提高软件开发水平的
2014/05/06 面试题
2014年会演讲稿范文
2014/01/06 职场文书
机械工程学院大学生求职信
2014/05/25 职场文书
部门2014年度工作总结
2014/11/12 职场文书
考勤制度通知
2015/04/25 职场文书
2015年度物流工作总结
2015/04/30 职场文书
计划生育责任书
2015/05/09 职场文书
复兴之路纪录片观后感
2015/06/02 职场文书
红灯733-1型14管5波段半导体收音机
2021/04/22 无线电
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python
Python实现的扫码工具居然这么好用!
2021/06/07 Python