简单了解常用的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 相关文章推荐
Javascript MD4
Dec 20 Javascript
没有document.getElementByName方法
Aug 19 Javascript
js使用for循环查询数组中是否存在某个值
Aug 12 Javascript
JS实现图片剪裁并预览效果
Aug 12 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
Aug 25 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
JS原生数据双向绑定实现代码
Aug 14 Javascript
你可能不知道的JSON.stringify()详解
Aug 17 Javascript
JS数组实现分类统计实例代码
Sep 30 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
js实现头像上传并且可预览提交
Dec 25 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
Laravel 4.2 中队列服务(queue)使用感受
2014/10/30 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
PHP封装的mysqli数据库操作类示例
2019/02/16 PHP
PHP反射学习入门示例
2019/06/14 PHP
jquery.blockUI.js上传滚动等待效果实现思路及代码
2013/03/18 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
jQuery实现放大镜效果实例代码
2016/03/17 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
php register_shutdown_function函数详解
2017/07/23 Javascript
JS使用正则表达式找出最长连续子串长度
2017/10/26 Javascript
js中this对象用法分析
2018/01/05 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
python中将字典形式的数据循环插入Excel
2018/01/16 Python
python2.7读取文件夹下所有文件名称及内容的方法
2018/02/24 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
Python简单爬虫导出CSV文件的实例讲解
2018/07/06 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
Python函数和模块的使用总结
2019/05/20 Python
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
vue实现倒计时功能
2021/03/24 Vue.js
幼儿园保育员辞职信
2014/01/12 职场文书
个人承诺书怎么写
2014/05/24 职场文书
村主任“四风”问题个人整改措施
2014/10/04 职场文书
奔腾年代观后感
2015/06/09 职场文书
安全生产奖惩制度
2015/08/06 职场文书
反邪教学习心得体会
2016/01/15 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
制作能在nginx和IIS中使用的ssl证书
2021/06/21 Servers