简单了解常用的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 相关文章推荐
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
Oct 31 Javascript
jquery模拟LCD 时钟的html文件源代码
Jun 16 Javascript
Vue.js基础知识汇总
Apr 27 Javascript
拥Bootstrap入怀——导航栏篇
May 30 Javascript
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
Nov 11 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
js canvas实现二维码和图片合成的海报
Nov 19 Javascript
微信小程序实现的一键复制功能示例
Apr 24 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
Mar 06 Javascript
vue中keep-alive、activated的探讨和使用详解
Jul 26 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
上海永华YH-R296(华普R-96)12波段立体声收音机的分析和打理
2021/03/02 无线电
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
jquery实现图片滚动效果的简单实例
2013/11/23 Javascript
jQuery模拟黑客帝国矩阵效果实例
2015/06/28 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
jquery实现右侧栏菜单选择操作
2016/03/04 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
2017/07/19 Javascript
Echarts基本用法_动力节点Java学院整理
2017/08/11 Javascript
vue axios 二次封装的示例代码
2017/12/08 Javascript
JavaScript ES2019中的8个新特性详解
2019/02/20 Javascript
layui上传图片到服务器的非项目目录下的方法
2019/09/26 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
axios封装与传参示例详解
2020/10/18 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
python实现的守护进程(Daemon)用法实例
2015/06/02 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
python的concat等多种用法详解
2018/11/28 Python
Python 基于wxpy库实现微信添加好友功能(简洁)
2019/11/29 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
Python Web项目Cherrypy使用方法镜像
2020/11/05 Python
HTML5使用drawImage()方法绘制图像
2014/06/23 HTML / CSS
PatPat德国:妈妈的每日优惠
2019/10/02 全球购物
女大学生自我鉴定
2013/12/09 职场文书
法学专业毕业生自荐信范文
2013/12/18 职场文书
自我评价是什么
2014/01/04 职场文书
超市员工辞职信范文
2015/05/12 职场文书
2015婚礼主持词开场白
2015/05/28 职场文书
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技