前端踩坑

1、input的disabled与readonly属性的区别，disabled禁用input标签，即input标签发生的任何事件都将失效，IOS字体透明度为0.3；readonly输入框不能输入，点击与聚焦事件已经可以触发，存在一个问题，有些手机IOS会调出键盘。

2、物理键处理：监听popstate事件变化，回调调路由。

document.addEventListener（“popstate”，function(){

//触发物理键后要执行的代码

}）

3、弹窗遮盖层穿透问题。

解决办法：

打开弹窗时，获取body的滚动高度

function conmen(){

let top=0;

open(){

top=document.scrollingElement.scrollTop;

document.body.style.position=fixed;

document.body.style.top= top+"px";

}

close(){

document.body.style.position="";

document.body.scrollTop=top+"px";

document.scrollingElement.scrollTop=top;

}

}