铭哥和佩佩的博客

铭哥和佩佩的博客分享Python、PHP、JavaScript、HTML5、CSS3等各种知识

WEB前端开发中常用的一些JS插件、工具、引擎

WEB前端开发中常用的一些JS插件、工具、引擎


代码

  1. prism.js 代码高亮插件

轮播图

  1. swiper 3开源、免费、强大的移动端触摸滑动插件
  1. swiper 2相对于swiper 3,版本较老,不过能兼容到IE的低版本
  1. slick.js国外一款简单的轮播幻灯片插件
  1. Amazing Slider超强的图片轮播滑块制作工具

音频视频

  1. jPlayer.js基于HTML5/Flash的音频、视频播放器
  1. flv.jsB站的视频播放器内核
  1. video.js网页上嵌入视频播放器的JS库

时间

  1. moment.jsJavaScript 日期处理类库
  1. timesheet.js时间表(考勤表)插件

文本

  1. insertContent在文本框光标位置插入内容并选中
  1. clipboard.js将内容复制或剪切到剪切板

  2. hotkeys用于捕获键盘输入和输入的组合键的JS库

  3. cleave.js输入时格式化你的<input/>标签里面的内容

  4. string.js字符串扩展插件

  5. URL.jsurl操作库


图片

  1. baguetteBox.js响应式画廊插件
  1. lightgallery.jsjQuery图片展示/幻灯插件
  1. viewer.js jQuery 图像浏览插件
  1. cropper.jsjQuery简单且功能强大的图片剪裁插件
  1. photo-editor本地图片编辑器插件
  1. blazy.js轻量级, 滚动懒加载图片的JavaScript库
  1. dragula实现拖放的JS库
  1. jcrop.js功能强大的 jQuery 图像裁剪插件
  1. AlloyPhoto腾讯alloyteam团队基于HTML5技术开发的专业级图像处理引擎

图表

  1. echarts 3百度开发的图表库

  2. echarts 2相对于echarts3,版本较老,不过能兼容到IE6

  3. chart.jsHTML5 图表绘制工具库

  4. highcharts兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库


弹框

  1. SweetAlert 一款不需要jQuery支持的原生js提示框
  2. SweetAlert 2 SweetAlert升级版
  3. Popper.js 轻量级 tooltips 提示插件
  4. artDialog 一个精巧的web对话框组件
  5. Angular-popups 基于 AngularJS 的浮层组件,由 artDialog 演进而来
  6. layer.js web弹层组件
  7. Push.js JS页面通知插件

滚动条

  1. Jquery.Nicescroll.js 浏览器滚动条美化样式插件
  2. Jquery.slimScroll.js 用于模拟传统的浏览器滚动条(竖向)

动画游戏

  1. anime.js JS动画引擎
  2. three.js JS 3D引擎
  3. two.js 基于Web的2D绘图引擎
  4. vivus 使SVG绘制动画引擎
  5. Choreographer-js JS动画引擎
  6. Phaser HTML5游戏框架
  7. Pixi HTML5游戏引擎
  8. skroller.js JS滚动视差插件
  9. GSAP 据说动画性能高于JQuery的库,TweenLite.js为其核心动画引擎
  10. ammo.js JS物理引擎
  11. cannonjs JS物理引擎

二维码

  1. qrcode 基于JQuery的二维码生成插件

手势

  1. hammer.js 移动端手势库
  2. jquery.hammer.js 适用于JQuery的hammer.js插件
  3. AngularHammer 适用于Angular的hammer.js插件

屏幕

  1. screenfull.js 浏览器全屏显示的插件
  2. fullpage.js 全屏滚动插件

数据

  1. store.js 本地存储localstorage的插件
  2. cookie.js 本地存储cookie的插件
  3. localForage 针对IndexedDB、WebSQL和localStorage离线存储的插件

虚拟现实(技术尚未成熟,慎用)

  1. Aframe 基于three.js和WebVR开发的VR框架
  2. WebVR 火狐团队致力开发的网页VR框架
  3. WebRTC 网页获取设备摄像头的库
  4. jsFeat 处理摄像头获取画面后的库
  5. WebAr AR开发框架
  6. AR.js AR开发框架

更新中...

仅有一条评论

  1. 不错不错

添加新评论