前端库

[TOC]

1 12月份30个轻量的 JavaScript 库和插件

http://www.yyyweb.com/4485.html

2 sweetalert

推荐网址：

• http://t4t5.github.io/sweetalert/
• sweetalert for bootstrap：http://lipis.github.io/bootstrap-sweetalert/
• sweetalert的CDN网址：http://www.bootcdn.cn/sweetalert/
  或https://www.staticfile.org/搜索
• 推荐博客：
  • confirm窗体带回调函数的例子
  • SweetAlert2 使用教程

3 一个简单的HTML5媒体播放器：Plyr

示例： https://plyr.io/
使用文档：https://github.com/selz/plyr (一些参数设置)

引入：<script src="path/to/plyr.js"></script>
<link rel="stylesheet" href="path/to/plyr.css">
CDN(2.0.11) :https://cdnjs.cloudflare.com/ajax/libs/plyr/2.0.11/plyr.css
https://cdnjs.cloudflare.com/ajax/libs/plyr/2.0.11/plyr.js
https://cdnjs.cloudflare.com/ajax/libs/plyr/2.0.11/plyr.svg

• HTML5 Video

<video poster="/path/to/poster.jpg" controls> //封面
  <source src="/path/to/video.mp4" type="video/mp4">
  <source src="/path/to/video.webm" type="video/webm">
  <!-- Captions are optional -->
  <track kind="captions" label="English captions" src="/path/to/captions.vtt" srclang="en" default>
</video>

• HTML5 Audio

<audio controls>
  <source src="/path/to/audio.mp3" type="audio/mp3">
  <source src="/path/to/audio.ogg" type="audio/ogg">
</audio>

4 Loud Links

鼠标点击链接发出声音
文档教程：https://github.com/mahdif/loud-links/

5 slick图片轮播

官网：http://kenwheeler.github.io/slick/

【未完待续】