注意;截至2015年底，大多数移动浏览器 - 特别是Chrome和Safari - 不再具有300ms触摸延迟，因此fastclick.js对新浏览器没有任何益处，并且会将错误引入到应用程序中。仔细考虑你是否真的需要使用它。

用法

第一步：引入fastclick.js脚本

1

<script  src='./fastclick.js'></script>

第二步：初始化脚本

纯js代码时

1
2
3
4
5

if ('addEventListener' in document) {
	document.addEventListener('DOMContentLoaded', function() {
		FastClick.attach(document.body);
	}, false);
}

有jQuery时

1
2
3

$(function() {
  FastClick.attach(document.body);
});

又或者你正在使用Browserify或其他CommonJS风格的模块系统时：

1
2

var attachFastClick = require('fastclick');
attachFastClick(document.body);

点击去fastclick.js源代码地址

把下载地址直接复制下来，粘贴到迅雷下载地址，会自动解析出来下载地址，速度不慢哦

如垂直居中一个元素

方法一:已知元素的高宽

$$
选择器{
background-color: red;
width:200px;
height:200px;
position: absolute; //父元素需要相对定位
top: 50%;
left: 50%;
margin-top:-100px ; //二分之一的height，width
margin-left: -100px;
}
$$

方法二:未知元素的高宽

$$
选择器{
width: 200px;
height: 200px;
background-color: red;
margin:auto;
position: absolute; //父元素需要相对定位
left: 0;
top: 0;
right: 0;
bottom: 0;
}
$$

如果是垂直居中一张图片

$$
选择器 //的容器设置如下
{
display:table-cell;
text-align:center;
vertical-align:middle;
}
$$

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment