移动端常遇见的问题

1.iphone6  os 8_4用input type=file打不开相机
解决方式:
    先识别iphone6，记住微信里面的userAgent和浏览器有些不同，先打印下userAgent
     /os\s+8_/.test(navigator.userAgent.toLowerCase()),
     然后根据不同机型适配
<input v-if='iosVersionIs_8' class="uploadFile" v-on:change="uploadImg" type="file" capture="camera" accept="image/*" multiple="multiple">
<input v-else class="uploadFile" v-on:change="uploadImg" type="file" accept="image/*"/>
2.input输入框会被键盘挡住
    Element.scrollIntoView():方法让当前的元素滚动到浏览器窗口的可视区域内。
    const st = setTimeout(() => {
      document.querySelector('.bar').scrollIntoView();
      clearTimeout(st)
    }, 200)
3.async function getConnect() {
    await Vue.http.get(getUidPath).then((res) => {
        if (res.body) {
            console.log('cde')
        } else {
            console.log('验证用户失败')
        }
    }, (response) => {
        console.log('验证用户失败')
    })
}
getConnect()
console.log('abc')
这个执行顺序是什么？
这个肯定是abc先执行，因为async定义的是异步操作的函数，他是异步的
4.伪类只能用在div和span这种可以加内容的元素上，像img是不能加伪类的