鄙人作为移动端小白一枚,先把自己遇到的坑收集整理一下,一为提升自己,二为跟我一样的小白提供一些可行性参考,以求共同学习,共同进步!
1. iso上滑动卡顿问题,解决办法:
-webkit-overflow-scrolling: touch;
2. 用meta标签做适配
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
3. 微信浏览器在进行页面回退时会重新刷新页面:
可以考虑用单页面路由的方式进行单个组件的缓存
4. 减少字体锯齿
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
5 event.target 与event.currentTarget
event.currentTarget指向事件所绑定的元素,而event.target始终指向事件发生时的元素。
6 position:fixed 在点击了input元素以后,会不固定
用position:relative/absolute方式代替。