移动端

Posted 2022-05-01 newcoo

1.在移动端中什么是单击穿透和如何解决单击穿透问题。

　　形成穿透问题的必要条件：事件源绑定的是touch事件，touch事件底下是click事件，300ms完成点击事件。

　　单击穿透主要分为单击穿透问题，页面单击穿透问题和跨页面单击穿透问题。

　　有四种解决方案，（1）只用Touch，把所有页面中的click换成touch事件（目前最完美的解决方案） （2）只用click（下下策，页面会百年的巨卡）（3）轻触tap后延迟350ms再隐藏蒙层。（4）添加pointer-events：none 样式。

2. 如何实现自定义布局

　　1.利用弹性盒模型。

　　2.利用bootstrap里面的栅格系统。

　　3.利用媒体查询做响应式页面。

3.如何解决300ms延迟问题

　　一般在移动端用touchstart，touchend,touchmove,tap(模拟的事件)事件来取代touch事件。