简单了解常用的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 相关文章推荐
类之Prototype.js学习
Jun 13 Javascript
JQuery判断子iframe何时加载完成解决方案
Aug 20 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
Aug 10 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
详解webpack异步加载业务模块
Jun 23 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
Aug 14 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
Aug 18 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
Jul 20 Javascript
vue相同路由跳转强制刷新该路由组件操作
Aug 05 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输出时间差函数代码
2013/01/28 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
Laravel中间件实现原理详解
2016/10/09 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
jquery列表拖动排列(由项目提取相当好用)
2014/06/17 Javascript
详解自动生成博客目录案例
2016/12/09 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
2020/11/24 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
如何提升vue.js中大型数据的性能
2019/06/21 Javascript
vue实现全屏滚动效果(非fullpage.js)
2020/03/07 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
实践Python的爬虫框架Scrapy来抓取豆瓣电影TOP250
2016/01/20 Python
Python爬虫模拟登录带验证码网站
2016/01/22 Python
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
pandas的object对象转时间对象的方法
2018/04/11 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
python定义类self用法实例解析
2020/01/22 Python
详解vscode实现远程linux服务器上Python开发
2020/11/10 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
台湾网购生鲜第一品牌:i3Fresh爱上新鲜
2017/10/26 全球购物
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
夜大毕业生自我鉴定
2013/10/31 职场文书
会计学应届毕业生推荐信
2013/11/04 职场文书
物流专业大学的自我评价
2014/01/11 职场文书
绩效工资实施方案
2014/03/15 职场文书
大学生职业生涯规划书汇总
2014/03/20 职场文书
公司授权委托书
2014/04/04 职场文书
干部选拔任用方案
2014/05/26 职场文书
社会实践活动总结范文
2014/07/03 职场文书
三年级学生评语大全
2014/12/26 职场文书
会议主持词开场白
2015/05/28 职场文书
英语演讲开场白
2015/05/29 职场文书
MySQL连接查询你真的学会了吗?
2021/06/02 MySQL
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis
vue+iview实现手机号分段输入框
2022/03/25 Vue.js