3.使用fastclick插件解决click300ms延迟。

1.什么是插件

移动端要求的是快速开发，所以我们经常会借助于一些插件来来帮助我们完成操作，那么是什么插件呢？
JS插件是js文件，它遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用。如轮播图和瀑布流插件。
特点：一般是为了解决某个问题而专门存在，其功能单一，并且比较小。
我们以前写的animate.js也算一个简单的插件。
fastclick插件解决300ms延迟
GitHub官网地址：https://github.com/ftlabs/fastclick

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>Document</title>
  9.     <style>
  10.         div {
  11.             width: 50px;
  12.             height: 50px;
  13.             background-color: pink;
  14.         }
  15.     </style>
  16.     <script src="fastclick.js"></script>
  17. </head>
  19. <body>
  20.     <div></div>
  21.     <script>
  22.         if ('addEventListener' in document) {
  23.             document.addEventListener('DOMContentLoaded', function() {
  24.                 FastClick.attach(document.body);
  25.             }, false);
  26.         }
  27.         var div = document.querySelector('div');
  28.         div.addEventListener('click', function() {
  29.             alert(11);
  30.         })
  31.     </script>
  32. </body>
  33. </html>

.