简单了解常用的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 ready函数源代码研究
Dec 06 Javascript
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
Apr 27 Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
JavaScript实现select添加option
Jul 03 Javascript
浅谈javascript函数式编程
Sep 06 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
Angular5中提取公共组件之radio list的实例代码
Jul 10 Javascript
原生JS实现简单的无缝自动轮播效果
Sep 26 Javascript
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
Vue Render函数创建DOM节点代码实例
Jul 08 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
Oct 27 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中英混合字符串截取函数代码
2011/07/17 PHP
php ZipArchive压缩函数详解实例
2013/11/06 PHP
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
Extjs4 类的定义和扩展实例
2013/06/28 Javascript
JS仿百度搜索自动提示框匹配查询功能
2013/11/21 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
2014/09/09 Javascript
JavaScript获取各大浏览器信息图示
2015/11/20 Javascript
AngularJS 让人爱不释手的八种功能
2016/03/23 Javascript
微信小程序 侧滑删除(左滑删除)
2017/05/23 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
JavaScript引用类型Function实例详解
2018/08/09 Javascript
Vue中保存数据到磁盘文件的方法
2018/09/06 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
基于layui的下拉列表的数据回显方法
2019/09/24 Javascript
浅谈layui里的上传控件问题
2019/09/26 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
JS实现省市县三级下拉联动
2020/04/10 Javascript
Vue中component标签解决项目组件化操作
2020/09/04 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
高效使用Python字典的清单
2018/04/04 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
django项目用higcharts统计最近七天文章点击量
2019/08/17 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
生产车间主管岗位职责
2013/12/28 职场文书
小学班级口号
2014/06/09 职场文书
停车场管理协议书范本
2014/10/08 职场文书
2014年酒店服务员工作总结
2014/12/08 职场文书
2015年护士节活动总结
2015/02/10 职场文书
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python