前端知识

常用JS库整理

2017-02-27  本文已影响166人  一無月一

1.单页式滚动动画(PC端常见JS)###

  1. skrollr.js (感觉前几年在国外使用率比较高)
    e.g:
    国外网站:
    1)http://www.flatvsrealism.com/
    2 ) http://www.fontwalk.de/03/
    3 ) http://fluger.com/
    4 ) http://www.evanshalshaw.com/more/bondcars/c25.html
    5 ) http://guibento.com/

  2. ScrollMagic
    e.g:
    1)http://buntspenden.bleech.de/de/
    2 ) http://www.flyacts.com/multi-channel-app/
    3 ) http://alfredservice.com/
    4 ) http://appliancetecltd.com/
    5 ) http://www.lempens-design.com/

JQuery 插件

  1. jQuery Waypoints.js
    (兼容zepto)
    e.g:
    http://guibento.com/

2.canvas###

  1. creat.js (国内常用,其中preload.js作为预加载的JS使用率最高)

  2. pixi.js
    e.g:
    1 ) http://www.flatvsrealism.com/
    2)http://www.fontwalk.de/03/

    canvas下的矢量图像绘制

  3. paper.js
    矢量图型绘制脚本,即使AI脚本环境的Scriptographer
    e.g:
    http://fluger.com/error ( 该网站的404页面 )

  4. raphael.js
    e.g:
    http://wybieramyklienta.pl/en

  5. jQuery.tagcanvas
    JQuery插件
    e.g:
    http://budoucnost.utb.cz/

3.翻页式JS###

JQuery插件

4.SWF控制###

JQuery插件

5.GIF实现###

JQuery插件

6.检测&优雅降级###

7.兼容###

8.数字动画效果###

9.美化滚动条###

JQuery插件

10.图片预加载###

JQuery插件

11.UI###

  1. JQuery UI
    jQuery UI 教程 | 菜鸟教程
    http://www.runoob.com/jqueryui/jqueryui-tutorial.html
    e.g:
    http://budoucnost.utb.cz/

  2. Bookstrap

12. JS模块化###

13.布局###

14.3D###

15. SWF 转换 HTML###

16.动画###

  1. Greenshock
  2. Tween.js

JQuery插件

17.鼠标滚动方向与位置判断###

JQuery.waypoints
一款非常不错的jQuery滚动监听插件Waypoints.js插件_Jquery教程_B5教程网
http://www.bcty365.com/content-47-2583-1.html


非常用###

sprintf.js
JS中实现sprintf

sizzle.js
解析jQuery DOM的选择器引擎,13年左右在国外PC网站比较常见,当时号称业界第一快,可不依赖JQuery单独使用
e.g:
http://www.fontwalk.de/03/

jQuery Form.js
JQuery插件 - 表单插件
e.g:
http://guibento.com/

jquery.isotope.js
JQuery插件 - 分类过滤与排序布局插件
e.g:
http://guibento.com/

jquery-ui-rotatable
JQuery插件 - div随鼠标滚动而旋转(此时屏幕无滚动条)
e.g:
http://budoucnost.utb.cz/


国内:

1.网易###

PC端:

1.全屏式动画#####

案例:
1)史诗级新坐骑毒魇来袭-《天谕》官方网站
http://tianyu.163.com/2016/duyan/?from=banner

2.腾讯###

PC端:

1.下拉翻页式

案例:
1)灵芝派对-剑灵官方网站-腾讯游戏
http://bns.qq.com/act/a20161120version/index.html#home

上一篇下一篇

猜你喜欢

热点阅读