简单了解常用的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宝典学习笔记(下)
Jan 10 Javascript
jquery实现的一个简单进度条效果实例
May 12 Javascript
jquery提示效果实例分析
Nov 25 Javascript
javascript运算符语法全面概述
Jul 14 Javascript
VueJs 将接口用webpack代理到本地的方法
Nov 27 Javascript
VSCode配置react开发环境的步骤
Dec 27 Javascript
Angular 开发学习之Angular CLI的安装使用
Dec 31 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 Javascript
js array数组对象操作方法汇总
Mar 18 Javascript
JavaScript的级联函数用法简单示例【链式调用】
Mar 26 Javascript
javascript实现移动端上传图片功能
Aug 18 Javascript
react如何快速设置文件路径别名
Apr 28 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
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
document.documentElement &amp;&amp; document.documentElement.scrollTop
2007/12/01 Javascript
JavaScript中数组对象的那些自带方法介绍
2013/03/12 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
2015/10/29 Javascript
AngularJS ng-controller 指令简单实例
2016/08/01 Javascript
ES6新特性之模块Module用法详解
2017/04/01 Javascript
JS控制鼠标拒绝点击某一按钮的实例
2017/12/29 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
Bootstrap Table中的多选框删除功能
2018/07/15 Javascript
浏览器事件循环与vue nextTicket的实现
2019/04/16 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
[01:18:31]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第一场 1月10日
2021/03/11 DOTA
python脚本替换指定行实现步骤
2017/07/11 Python
python中logging库的使用总结
2017/10/18 Python
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
Python opencv相机标定实现原理及步骤详解
2020/04/09 Python
Python 解决相对路径问题:&quot;No such file or directory&quot;
2020/06/05 Python
python文件及目录操作代码汇总
2020/07/08 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
Python jieba库分词模式实例用法
2021/01/13 Python
Vrbo英国:预订度假屋
2020/08/19 全球购物
路由表示做什么用的?在linux环境中怎么来配置一条默认路由?
2013/06/07 面试题
文秘专业个人求职信
2013/12/22 职场文书
社区活动邀请函范文
2014/01/29 职场文书
环保建议书300字
2014/05/14 职场文书
审计班子对照检查材料
2014/08/27 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
唐山大地震的观后感
2015/06/05 职场文书
2016年村干部公开承诺书(公开承诺事项)
2016/03/25 职场文书
最新最全的手机号验证正则表达式
2022/02/24 Javascript