移动端遇到的问题

1 ios中当元素存在overflow: auto的时候 且position: fixed的时候 里面的元素无法超出所设定的原始范围
2 当滚动的内容有嵌套的时候,里面的内容不需要加滚动属性
3 调用手机相册 相机接口

<input type="file" accept="image/*" capture="camera" /> // 调用-照相机
<input type="file" accept="video/*" capture=camcorder">  // 调用摄像机
<input type="file" accept="audio/*" capture=microphone"> // 调用录音

<input type="file" accept="image/*" />调用相机 图片或者相册
<input type="file" multiple accept="image/*" />调用相册
  1. vue中如果想在一个模块下找到,外层的模块的element的,可以考虑用id
  2. 当遇到循环中包裹异步的时候
    可以尝试
for(var i = 0; i < 6; i++) {
    setTimeout(() => {
        console.log(i)
    }, i*100)
}
  1. vue在创建一个实例时,是有周期

  2. 什么时候需要用到Vue.nextTick
    a.在vue声明周期的created()钩子函数中进行的dom操作一定要放在vue.nextTick()的回调函数中,原因是created()钩子函数执行的时候dom其实还没有任何选热按,而此时进行dom操作,无异于徒劳,所以一定要将dom操作的代码放在vue.nextTick()的回调函数中。
    而mounted钩子函数,因为已经挂载完dom并渲染完毕,此时进行任何dom操作都没有问题
    b.在数据变化后要执行的某个操作,而这个操作需要岁数据变化而改变dom的时候,都应该在vue.nextTick()函数中

  3. vue的周期
    beforecreate : 可以在这加个loading事件,在加载实例时触发
    created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用
    mounted : 挂载元素,获取到DOM节点
    updated : 如果对数据统一处理,在这里写上相应函数
    beforeDestroy : 可以做一个确认停止事件的确认框
    nextTick : 更新数据后立即操作dom

  4. 滑动不顺畅

* {
  -webkit-overflow-scrolling: touch;
  @include boxSizing;
}
  1. vh问题
    由于各种浏览器兼容不一样,尽量不要用vh,比如uc浏览器 会自带一些下部菜单
  2. 电话号码在ios端换色的问题
<meta name="format-detection" content="telephone=no">  
<meta http-equiv="x-rim-auto-match" content="none">  
posted @ 2017-12-28 14:28  mayufo  阅读(129)  评论(0编辑  收藏  举报