简单了解常用的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的一些特性和用法整理小结
Jan 13 Javascript
JS中不为人知的五种声明Number的方式简要概述
Feb 22 Javascript
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
Dec 04 Javascript
JavaScript中的acos()方法使用详解
Jun 14 Javascript
jQuery实现圣诞节礼物动画案例解析
Dec 25 Javascript
基于javascript实现贪吃蛇经典小游戏
Apr 10 Javascript
Vue SSR 即时编译技术的实现
May 06 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
Jun 04 Javascript
vue自定义指令和动态路由实现权限控制
Aug 28 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
Vue图片裁剪组件实例代码
Jul 02 Vue.js
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脚本
2006/11/26 PHP
PHP基础教程(php入门基础教程)一些code代码
2013/01/06 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
PHP类相关知识点实例总结
2016/09/28 PHP
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
2008/12/02 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
2010/08/01 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
2014/02/26 Javascript
js 3秒后跳转页面的实现代码
2014/03/10 Javascript
Node.js 文件夹目录结构创建实例代码
2016/07/08 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
VueJs 搭建Axios接口请求工具
2017/11/20 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
手把手教你vue-cli单页到多页应用的方法
2018/05/31 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
2020/10/28 Javascript
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
基于python编写的微博应用
2014/10/17 Python
python中黄金分割法实现方法
2015/05/06 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python中pillow知识点学习
2018/04/30 Python
python smtplib模块实现发送邮件带附件sendmail
2018/05/22 Python
使用 Python 实现微信群友统计器的思路详解
2018/09/26 Python
python TF-IDF算法实现文本关键词提取
2019/05/29 Python
基于css3的属性transition制作菜单导航效果
2015/09/01 HTML / CSS
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
Java程序员面试90题
2013/10/19 面试题
实习自我鉴定
2013/12/15 职场文书
行政人事经理职位说明书
2014/03/05 职场文书
新闻学专业求职信
2014/07/28 职场文书
2014年祖国生日寄语
2014/09/19 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
2016学习全国教书育人楷模先进事迹心得体会
2016/01/21 职场文书
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js