web前端开发面试问题总结

最近刚刚换了工作,在熟悉新代码的阶段就抽时间整理一下面试遇到的问题.不难,但很典型,有些问题不只是面试要去回答,更是真正开发遇到的小坑(不断总结中...)

1.  关于手机端点击事件延迟

 移动端页面对于点击事件会有300毫秒的延迟，也就是js捕获click事件的回调函数处理，需要300ms后才生效.

延迟原因,因为存在双击缩放的事件,当你点击以此之后,浏览器会等待一段时间以确定你是否是在做双击操作,这段时间就是上面提到的300ms.

知道了产生原因,那就着手解决。

①  禁止缩放

既然是因为双击缩放引起的，那就不允许缩放。

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

②  fastclick.js
一个专门解决手机延迟问题的轻量级的库。
FastClick.attach( document.body );