移動端遇到的問題

1 ios中當元素存在overflow: auto的時候 且position: fixed的時候 裏面的元素沒法超出所設定的原始範圍
2 當滾動的內容有嵌套的時候,裏面的內容不須要加滾動屬性
3 調用手機相冊 相機接口css

<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在建立一個實例時,是有周期
    vue

  2. 何時須要用到Vue.nextTick
    a.在vue聲明週期的created()鉤子函數中進行的dom操做必定要放在vue.nextTick()的回調函數中,緣由是created()鉤子函數執行的時候dom其實尚未任何選熱按,而此時進行dom操做,無異於徒勞,因此必定要將dom操做的代碼放在vue.nextTick()的回調函數中。
    而mounted鉤子函數,由於已經掛載完dom並渲染完畢,此時進行任何dom操做都沒有問題
    b.在數據變化後要執行的某個操做,而這個操做須要歲數據變化而改變dom的時候,都應該在vue.nextTick()函數中ios

  3. vue的週期
    beforecreate : 能夠在這加個loading事件,在加載實例時觸發
    created : 初始化完成時的事件寫在這裏,如在這結束loading事件,異步請求也適宜在這裏調用
    mounted : 掛載元素,獲取到DOM節點
    updated : 若是對數據統一處理,在這裏寫上相應函數
    beforeDestroy : 能夠作一個確認中止事件的確認框
    nextTick : 更新數據後當即操做dom
  4. 滑動不暢web

* {
  -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">
相關文章
相關標籤/搜索