移动端300ms延时的原因? 如何处理?

移动端300毫秒的延迟是由于双击缩放（double tap to zoom）机制引起的。当用户在移动设备上轻触屏幕时，浏览器会等待300毫秒，以确定用户是否要进行双击缩放。

为了解决这个问题，有以下几种常见的方法：

1. 使用meta标签禁用缩放功能

<meta name="viewport" content="width=device-width, user-scalable=no">

这样一来，就可以禁用移动端浏览器的缩放功能，从而解决300毫秒的问题。不过需要注意的是，这样会影响到一些移动设备下的用户体验，应该谨慎使用。

2. 使用FastClick库

FastClick 是一个JavaScript库，用于解决移动端浏览器的 300ms 延迟问题。它会通过检测用户的操作来模拟点击事件，并且能够处理移动设备的 touch 事件，从而提高点击响应速度。使用方法如下：

<script src="fastclick.js"></script>
<script>
if ('addEventListener' in document) {
    document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
    }, false);
}
</script>

3. 使用或者代替

因为有一些浏览器可能会对void(0)进行语法分析或执行，使其变得低效。所以更好的方法是使用#。

<!-- 原写法 -->
<a href="javascript:;"></a>
<!-- 推荐写法 -->
<a href="#"></a>

4. 使用touch事件代替click事件

移动设备支持touch事件，可以通过touchstart和touchend事件来模拟click事件，从而减少点击延迟。不过需要注意的是，touch事件有时候还是会有延迟，不适合所有的场景使用。

以上方法都可以减少或避免移动端点击延迟问题，可以根据自己的需求选择适合的解决方案。