[TOC] # 3.1什么是插件 移动端要求的是快速开发,所以我们经常会借助于些插件来帮我完成操作 ,那么什么是插件呢? JS插件是js文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。 特点:它-般是为了解决某个问题而专\]存在,其功能单一, 并且比较小。 我们以前写的animate.js也算一个最简单的插件 # fastclick插件解决300ms延迟。使用延时 （按钮） GitHub官网地址:[https://github.com/ftlabs/fastclick](https://github.com/ftlabs/fastclick) 百度搜：fastclick ## 使用 引用 ~~~ <script src="fastclick. js"></script> ~~~ 规范 ~~~ <script> if (' addEventListener' in document) { //正常复制粘贴就能全部使用了 document.addEventListener( ' DOMContentLoaded', function() { FastClick.attach( document . body); }, false); } //下面是某个元素使用 var div = document.querySelector( 'div'); div.addEventListener( 'click', function() { alert(11); }) </script> ~~~ # 3.3 Swiper插件的使用 （轮播图） 中文官网地址:[https://www.swiper.com.cn/](https://www.swiper.com.cn/) 1.引入插件相关文件。   2.按照规定语法使用 （打开他们的html F12 复制代码） html  css  js （页面加载完在使用）  # 3.4其他移动端常见插件 ●superslide :[http://www.superslide2.com/](http://www.superslide2.com/) ●iscroll :[https://github.com/cubiq/iscroll](https://github.com/cubiq/iscroll) # 3.5插件的使用总结 1.确认插件实现的功能 2.去官网查看使用说明 3.下载插件 4.打开demo实例文件,查看需要引入的相关文件,并且引入 5.复制demo实例文件中的结构html ,样式cssl以及js代码 # 3.6移动端视频插件zy.media.js ## 3.6练习-移动端视频插件zy.media.js H5给我们提供了video标签,但是浏览器的支持情况不同。 不同的视频格式文件,我们可以通过source解决。 但是外观样式,还有暂停,播放,全屏等功能我们只能自己写代码解决。 这个时候我们可以使用插件方式来制作。