專案遇到的坑

2022-08-23 02:45:14 字數 2473 閱讀 8344

① 滾動問題(只有document.body.scrolltop的話,這個在firefox,mac的谷歌下都是0,從而一直是卡頓現象)

scroll_to: function( tary, el)

let _this = this;

let timer = settimeout(function()else

}elseelse

}}, 1);

}

ie6/7/8:

可以使用document.documentelement.scrolltop; 

ie9及以上:

可以使用window.pageyoffset或者document.documentelement.scrolltop

safari:

safari:window.pageyoffset與document.body.scrolltop都可以; 

firefox:

火狐等等相對標準些的瀏覽器就省心多了,直接用window.pageyoffset 或者document.documentelement.scrolltop

chrome:

谷歌瀏覽器只認識document.body.scrolltop;

注:標準瀏覽器是只認識documentelement.scrolltop的,但chrome雖然我感覺比firefox還標準,但卻不認識這個,在有文件宣告時,chrome也只認識document.body.scrolltop.

② 26字母篩選問題

對於touchstart, touchmove都有阻止瀏覽器的預設行為,所以要e.preventdefault()

但是對於vue,本身提供了prevent修飾符,但是每次在安卓機上開始觸碰字母時,有時會出現主體介面滾動,只要手不放開,是沒觸發到繫結在字母層面上的觸控事件的。

choosebyletter(method, item, event));

}break;

case 'move':

let clienty = event.changedtouches[0].clienty - 30;

let index = math.ceil(clienty/this.liheight > 0 ? clienty/this.liheight : 0);

this.lettertext = this.letterobj[index-1].value;

let classname = this.letterobj[index-1].classname;

let el = document.getelementsbyclassname(classname)[0];

if(el));

}break;

case 'end':

this.ishover = false;

this.$nexttick(()=>);

document.queryselector('body').classname = '';

case 'click':

this.ishover = false;

document.queryselector('body').classname = '';

break;

}}

後面直接用了css來取消瀏覽器的預設行為touch-action: none;

3. ie 前端傳中文字串會出現亂碼現象, 採用encodeuricomponent進行編碼即可 

4. vue-router  $router.go(-1)在低版本webkit的webview中失效,換用$router.push()

vue.prototype.historystate = //

快取路由

//記錄路由路徑

router.beforeeach((to, from, next) =>;

var laststate = vue.prototype.historystate.slice(-1)[0] ? vue.prototype.historystate.slice(-1)[0] : {};

console.log(beforestate,laststate,to,from)

if(beforestate.name === to.name && laststate.name ===from.name)

else

query =to.query

}vue.prototype.historystate.push()

} console.log(vue.prototype.historystate)

next()

})

kahh專案遇到的坑

1 將div盒子中文字大小設為0 font size 0 2 設定 vertical align middle top bottom 解決方法 1 display block div 3 js操作事件沒發生變化 原因 有彈出框之類的,操作彈出框裡面的東西,dom還沒更新出現就執行了,沒反應 解決方法...

vue專案執行報錯,遇到的坑。。。。

錯誤1 執行npm run dev 結果 webpack dev server 不是內部或外部命令,也不是可執行的程式原因 國外的npm不穩定,用 映象替換 解決辦法 1.安裝 映象 npm install cnpm g registry 2.安裝依賴 cnpm install 再執行專案,正常了。...

jenkins構建vue專案遇到的坑

昨晚使用jenkins來編譯乙個vue專案,直接拷貝之前的乙個vue工程,編譯的時候報錯。問題由此而來。在網上搜各種資料後,有乙個說可能跟部分檔案許可權為root,而其他檔案許可權不是root有關,但是又找不到哪個檔案導致了這個問題。使用cnpm安裝需要的包,也是各種問題。在回家的路上思考這個問題,...