简单了解常用的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 相关文章推荐
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 Javascript
自写的一个jQuery圆角插件
Oct 26 Javascript
JavaScript Math.ceil() 函数使用介绍
Dec 11 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
jQuery validate插件功能与用法详解
Dec 15 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
Dec 23 Javascript
基于JavaScript实现的顺序查找算法示例
Apr 14 Javascript
Vue.js中的computed工作原理
Mar 22 Javascript
p5.js临摹动态图形实现方法详解
Oct 23 Javascript
JavaScript提升机制Hoisting详解
Oct 23 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 中的面向对象编程:通向大型 PHP 工程的办法
2006/12/03 PHP
PHP循环输出指定目录下的所有文件和文件夹路径例子(简单实用)
2014/05/10 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
jQuery+jqmodal弹出窗口实现代码分明
2010/06/14 Javascript
javascript的push使用指南
2014/12/05 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
2015/12/29 Javascript
值得分享和收藏的Bootstrap学习教程
2016/05/12 Javascript
js获取指定时间的前几秒
2017/04/05 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
2018/01/30 Javascript
JavaScript设计模式之观察者模式实例详解
2019/01/16 Javascript
jQuery实现动态添加和删除input框代码实例
2019/03/29 jQuery
说说如何使用Vuex进行状态管理(小结)
2019/04/14 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
原生js实现抽奖小游戏
2019/06/27 Javascript
Weex开发之地图篇的具体使用
2019/10/16 Javascript
JavaScript如何操作css
2020/10/24 Javascript
python 自动化将markdown文件转成html文件的方法
2016/09/23 Python
Ubuntu下创建虚拟独立的Python环境全过程
2017/02/10 Python
python程序封装为win32服务的方法
2021/03/07 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
python开发前景如何
2020/06/11 Python
canvas绘制文本内容自动换行的实现代码
2019/01/14 HTML / CSS
Python如何实现单例模式
2016/06/03 面试题
博士学位自我鉴定范文
2013/12/26 职场文书
汽车销售顾问求职自荐信
2014/01/01 职场文书
护士检查书
2014/01/17 职场文书
个人能力自我鉴赏
2014/01/25 职场文书
中学生班主任评语
2014/01/30 职场文书
公司担保书范文
2014/05/21 职场文书
南京导游词
2015/02/03 职场文书
荒岛余生观后感
2015/06/09 职场文书
新娘婚礼致辞
2015/07/27 职场文书
python自动化八大定位元素讲解
2021/07/09 Python
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫