简单了解常用的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 iframe内部出滚动条
Feb 11 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
Nov 30 Javascript
js限制textarea每行输入字符串长度的代码
Oct 31 Javascript
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
JS异步文件上传(兼容IE8+)
Apr 02 Javascript
JS作用域链详解
Jun 26 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
Aug 29 Javascript
javascript显示动态时间的方法汇总
Jul 06 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
用图片替换checkbox原始样式并实现同样的功能
Nov 15 Javascript
微信小程序如何实现精确的日期时间选择器
Jan 21 Javascript
JavaScript实现滑块验证解锁
Jan 07 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调用三种数据库的方法(2)
2006/10/09 PHP
php Xdebug的安装与使用详解
2013/06/20 PHP
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
2012/11/11 Javascript
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
JQuery实现用户名无刷新验证的小例子
2013/03/22 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
jQuery对html元素的取值与赋值实例详解
2015/12/18 Javascript
Nodejs express框架一个工程中同时使用ejs模版和jade模版
2015/12/28 NodeJs
基于javascript实现图片预加载
2016/01/05 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
jQuery动态修改字体大小的方法【测试可用】
2016/09/09 Javascript
vue2.0开发实践总结之入门篇
2016/12/06 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
推荐10款扩展Web表单的JS插件
2017/12/25 Javascript
node 命令方式启动修改端口的方法
2018/05/12 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
2018/09/30 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
2020/07/28 Javascript
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
PyQt5 多窗口连接实例
2019/06/19 Python
python虚拟环境完美部署教程
2019/08/06 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
利用python 下载bilibili视频
2020/11/13 Python
css3 自定义字体font-face使用介绍
2014/05/14 HTML / CSS
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
洲际酒店集团英国官网:IHG英国
2019/07/10 全球购物
莫斯科大型旅游休闲商品超市:Camping.ru
2020/09/16 全球购物
温泉秘密:Onsen Secret
2020/07/06 全球购物
医生个人自我剖析材料
2014/10/08 职场文书
体育活动总结
2015/02/04 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript