移动端web开发跳坑指南

2018-01-27 wilsonIs 更多博文 » 博客 » GitHub »

原文链接 https://wilsonis.github.io/blog/posts/mobile-web-develop-notes
注:以下为加速网络访问所做的原文缓存,经过重新格式化,可能存在格式方面的问题,或偶有遗漏信息,请以原文为准。


总结一下移动端开发中遇到的一些坑,以作记录,积累的多了大概便能能助自己跳坑并逃坑。懒癌发作,只记录了个大纲,相信聪明的朋友看到关键词已经明白或者谷歌下也能很快明白是说的啥了。

  1. 下拉漏底、滚动的问题

vux:view-box,overflow

better-scroll:transform

  1. 弹窗滚动

    vue:v-transfer-dom

    react:ReactDOM.createPortal(child, container)

  2. 自动获取焦点

    andriod:autofocus

    ios:security-no

  3. safari时间格式的兼容

    yyyy-mm

  4. ios闪屏问题

    -webkit-overflow-scrolling:touch

    overflow:auto

    动态加载

    transition

    transform

  5. click与touch延迟

    fastclick

  6. 1px border

    背景渐变

    伪类+transform

  7. textarea,input在ios中的对齐

    placeholder和文字的上下对齐、垂直居中

    3px的差别:padding,margin,text-indent处理

  8. textarea自动换行

    js处理

  9. ios滚动卡卡的

    -webkit-overflow-scrolling:touch

  10. input 的 compositionstart 和 compositionend

    输入完再触发input事件

    (输入搜索不再卡卡的)

  11. 页面前进后退时组件的销毁、保留

    keep-alive,exclude,include,router

......

TBC

......