一、 通用库

通用 JavaScript 库提供适应任何需求的功能。所有通用库都致力于通过将常用功能封装为新 API,
来补偿浏览器接口、弥补实现差异。其中有些 API 与原生功能相似,而另一些 API 则完全不同。通用库
通常会提供与 DOM 的交互,对 Ajax 的支持,还有辅助常见任务的实用方法。

1.1 jQuery

jQuery 是为 JavaScript 提供函数式编程接口的开源库。该库的核心是通过 CSS 选择符匹配 DOM 元
素,通过调用链,jQuery 代码看起来更像描述故事情节而不是 JavaScript 代码。这种代码风格在设计师
和原型设计者中非常流行。

1.2 Google Closure Library

Google Closure Library 是通用 JavaScript 工具包,与 jQuery 在很多方面都很像。这个库包含非常多
的模块,涵盖底层操作和高层组件和部件。Google Closure Library 可以按需加载模块,并使用 Google
Closure Compiler(附录 D 会介绍)构建。

1.3 Underscore.js

Underscore.js 并不是严格意义上的通用库,但提供了 JavaScript 函数式编程的额外能力。它的文档将 Underscore.js 看成 jQuery 的组件,但提供了更多底层能力,用于操作对象、数组、函数和其JavaScript数据类型。

1.4 Lodash

与 Underscore.js 一样,Lodash 也是实用库,用于扩充 JavaScript 工具包。Lodash 提供了很多操作原
生类型,如数组、对象、函数和原始值的增强方法。

1.5 Prototype

Prototype 是对常见 Web 开发任务提供简单 API 的开源库。Prototype 最初是为了 Ruby on Rails 开发
者开发的,由类驱动,旨在为 JavaScript 提供类定义和继承。为此,Prototype 提供了大量的类,将常用和复杂的功能封装为简单的 API 调用。Prototype 包含在一个文件里,可以轻松地插入页面中使用。

1.6 Dojo Toolkit

Dojo Toolkit 是以包系统为基础的开源库,将功能分门别类地划分为包,可以按需加载。Dojo 支持
各种配置选项,几乎涵盖了使用 JavaScript 所需的一切。

1.7 MooTools

MooTools 是简洁、优化的开源库,为原生 JavaScript 对象添加方法,在熟悉的接口上提供新功能。
由于体积小、API 简单,MooTools 在 Web 开发者中很受欢迎。

1.8 qooxdoo

qooxdoo 是致力于全周期支持 Web 应用程序开发的开源库。通过实现自己的类和接口,qooxdoo 创
建了类似传统面向对象编程语言的模型。这个库包含完整的 GUI 工具包和编译器,用于简化前端构建过
程。qooxdoo 最初是网站托管公司 1&1 的内部库,后来基于开源许可对外发布。

二、 动画与特效

动画与特效是 Web 开发中越来越重要的一部分。在网站中创造流畅的动画并不容易。为此,不少
库开发者已开发了包含各种动画和特效的库。前面提到的不少 JavaScript 库也包含动画特性。

2.1

数据驱动文档(D3,Data Driven Documents)是非常流行的动画库,也是今天非常稳健和强大的
JavaScript 数据可视化工具。D3 提供了全面完整的特性,涵盖 canvas、SVG、CSS 和 HTML5 可化。
使用 D3 可以极为精准地控制最终渲染的输出。

2.2 three.js

three.js 是当前非常流行的 WebGL 库。它提供了轻量级 API,可以实现复杂 3D 渲染与动效。

2.3 moo.fx

moo.fx 是基于 Prototype 或 MooTools 使用的开源动画库。它的目标是尽可能小(最新版 3KB),并
使开发者只写尽可能少的代码。moo.fx 默认包含 MooTools,也可以单独下载,与 Prototype 一起使用。

2.4 Lightbox

Lightbox 是创建简单图像覆盖特效的 JavaScript 库,依赖 Prototype 和 script.aculo.us 实现特效。其基
本思想是可以使用户在当前页面的一个覆盖层中查看一个图像或多个图像。可以自定义覆盖层的外观和
过渡。

JavaScript的通用库与动画特效相关推荐

  1. 用 JavaScript 实现手势库 — 手势动画应用【前端组件化】

    前端<组件化系列>目录 「一」用 JSX 建立组件 Parser(解析器) 「二」使用 JSX 建立 Markup 组件风格 「三」用 JSX 实现 Carousel 轮播组件 「四」用 ...

  2. JavaScript+CSS实现的点赞动画特效

    大家好,今天给大家介绍一款,JavaScript+CSS实现的点赞动画特效 (图1).送给大家哦,获取方式在本文末尾. 图1 点击到一定次数后就会有特效出现,最后就会炸裂,很有意思(图2) 图2 源码 ...

  3. html实现点赞动画效果代码,Twitter“点赞”红心按钮CSS3动画特效

    这是一款效果非常炫酷的仿Twitter"点赞"红心按钮CSS3动画特效.该"点赞"特效使用一颗心形按钮,在用户点击心形按钮的时候,心形按钮由灰色变为红色,同时会 ...

  4. css3 html5动画特效

    转载自:http://www.html5tricks.com/8-html5-pure-css3-animation.html 8个超震撼的HTML5和纯CSS3动画源码 150 人浏览 发表回复 H ...

  5. 用html和css怎么做出点击关注红心,Twitter“点赞”红心按钮CSS3动画特效

    这是一款效果非常炫酷的仿Twitter"点赞"红心按钮CSS3动画特效.该"点赞"特效使用一颗心形按钮,在用户点击心形按钮的时候,心形按钮由灰色变为红色,同时会 ...

  6. html5卷轴展开动画,8款基于Jquery的WEB前端动画特效

    超级绚丽,20款前端动画特效,轰炸你的眼睛,一定要看到最后! 1.超炫酷的30个jQuery按钮悬停动画 按钮插件是最常见的jQuery插件之一,因为它用途广泛,而且配置起来最为方便.今天我们要分享的 ...

  7. JavaScript通用库

    uusee下载,uusee2012pptv下载usee播放器精美图片中国无线论坛电脑知识与技术vagaa哇嘎电影,vagaa哇嘎电影下载sou狗麦克疯破解版uusee网络电视2011pipi 下载uu ...

  8. 情人节程序员用HTML网页表白【彩色酷炫的空间背景动画特效】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

    这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...

  9. html5 banner特效,HTML5特效库 CSS3遮罩banner动画特效源码

    效果图 各位朋友.大家早上好! 今天给大家带来的是 CSS3遮罩banner动画特效源码! 看倦的轮播图的,可以试试这个特效!别有一番意思! 大家可以按照自己的意愿进行行修改,改成自己喜欢的样子! 有 ...

  10. html5 3d引擎 星空,HTML5特效库 用three.js实现3d星空动画特效源码

    效果图 各位长友,大家上午好! 今天给大家带来的是 用three.js实现3d星空动画特效源码 大家可以按照自己的意愿进行修改,改成自己喜欢的模样! 若是有想文件版源码的可以进HTML5前端技术交流 ...

最新文章

  1. java绘图之Graphics类
  2. bootstrap栅格分5等分
  3. Docker 从Docker Hub 拉取镜像慢怎么办?
  4. c++ 纯虚函数和抽象类那些事(三)
  5. 数据库系统(二)——数据更新和视图
  6. Vue DevTools可使用修正方法
  7. [html] html元素哪些标签是不可替换元素?哪些是可替换元素?
  8. java解决限制访问指定url
  9. 三地警察抓兔子[转]
  10. 95-190-446-源码-window-Trigger-DeltaTrigger
  11. 一个简单python爬虫的实现——爬取电影信息
  12. intellij idea主题
  13. JAVA面向对象OOP→继承extends、构造方法super、方法重写override、样例代码
  14. 【数据库设计及SQL代码实现】英皇电影院电影管理系统
  15. UltraLAB台式图形工作站(海量计算王者~高性能计算工作站 EX620介绍)
  16. htcm7刷linux,htc one m7刷官方zip包的教程
  17. 哪一种验证方法最好?形式验证、硬件加速还是动态仿真?
  18. 微信翻译生日快乐的代码_广外,54岁生日快乐!校庆日专属头像上线!
  19. 宇视网络视频录像机走廊模式配置指导
  20. 前端实现炫酷动效_前端动效实现--lottie - web

热门文章

  1. 如何开通电子邮箱的SMTP功能
  2. 生命科学主要供应商排行榜
  3. 干货 | 那些你不知道的爬虫反爬虫套路
  4. 学习PHP遇到的乱码问题
  5. python删除单元格_Openpyxl删除单元格/清除内容
  6. wind 10家庭版系统激活
  7. 统一的账号密码管理系统-信息安全课程设计
  8. 构建更安全、更智能、更健康的数字化世界——中新赛克2021全国渠道大会成功举办
  9. HDU 2246 神题?一千多行
  10. 微信公众号接入自己的客服系统,自定义客服系统