github.com
获得徽章 0
- 今天有感而发，开发经验也是三年多了，涉及的知识点也是很多，但却都不精通，都不能讲述其背后的原理！学的所有知识点也都能独立开发项目，解决百分之99的问题！但却对使用知识点的几乎所有概念性的东西全部无法好好回答出来！很困惑！感觉自己菜到抠脚！有类似的困惑和同感的请点赞！有好的学习意见和方法的谢谢分享！
下图是个人运用的技术栈，使用这样技术栈都独立完成过项目2426 - 今日面试题，「 第29题：聊聊 Vue 的双向数据绑定，Model 如何改变 View，View 又是如何改变 Model 的」。
欢迎在 Issue 区留下你的答案，历史面试题和答案汇总如下，欢迎 Star评论6 - 在移动端 click 有 300ms 延迟，是safari为了判断是否是双击事件而设计，浏览器要知道你是不是要双击操作以判断是否进行缩放
方案一: 禁用缩放
<meta name="viewport" content="user-scalable=no">
<meta name="viewport" content="initial-scale=1,maximum-scale=1">
缺点： 使得双指手势缩放也无效了
方案二: 更改浏览器视口宽度为设备宽度
如果设置了下述meta标签，那浏览器就可以认为该网站已经对移动端做过了适配和优化，就无需双击缩放操作了。
<meta name="viewport" content="width=device-width">
方案三：使用css属性touch-action
这个属性指定了相应元素上能够触发的用户代理（也就是浏览器）的默认行为。将属性值设为none，则不触发浏览器的默认行为。
缺点：支持程度低
方案四：模拟click事件
根据浏览器事件触发顺序：
touchstart --> touchmove --> touchend --> mouseover(有的浏览器没有实现) --> mousemove -->mousedown --> mouseup --> click
可以通过监测touchend事件，阻止原生click事件，模拟click事件并发出。展开533
