1:上拉加載更多使用的函數(shù);
在最開始使用的是loading這個組件;在短鏈接的情況下就會出現(xiàn);滑動就加載;無論是否滑動到底部;
在使用list中的loadmore這個函數(shù)的時候;就會出現(xiàn)在短連接的情況下無法觸發(fā)loadmore函數(shù);
是這樣處理的兼容性
2:ref中的topnode;是做的回到頂部的兼容;
在短連接中;使用dom.scrollToElement(el,{});這個方法是沒有作用的,在長鏈接夏是正常的;就使用window.scroll(0,0);做兼容處理;
3:關(guān)于appear 和 disappear 方法的兼容;
;
在短連接的情況下;會直接執(zhí)行appear函數(shù);無論是否可見;disappear函數(shù)在短連接的情況下是不觸發(fā)的;
具體的處理方案長鏈接正常使用;短連接的情況使用window.onscroll;來解決;
4:關(guān)于list中header組件的使用;
使用header組件,在長鏈接的情況下實現(xiàn)滑動到該位置,該模塊吸頂,但是在短連接的情況下是不行的;
需要用正常的方式就行判斷;
5:底部定位遮蓋的問題;
這個空標(biāo)簽的使用是因為底部導(dǎo)航是固定定位;一般咱的處理方式是要給遮蓋的那部分模塊父級設(shè)置margin或者padding;但是在長短連接的還有安卓IOS的情況下會有不同的兼容問題
6:跳轉(zhuǎn)以及數(shù)據(jù)請求的鏈接問題;
數(shù)據(jù)請求問題還有跳轉(zhuǎn)問題;對于參數(shù)需要使用encodeURIComponent;進行編碼;不要全部編碼;
7:關(guān)于IOS8對于彈性盒模型的兼容問題;
實現(xiàn)上下左右居中;
橫向排列;
實現(xiàn)justify-content:space-around;的效果;
8:其他問題:
在IOS上;如果你在CSS中設(shè)置了寬;'width:0;';你想要動態(tài)的改變這個元素的寬的話,該元素在IOS長鏈接的情況下,會首先閃一下變成你要設(shè)置的寬;最后會再次變成0;
還用對于行內(nèi)元素;使用動畫設(shè)置高寬的時候;無論是否設(shè)置display:block;均會報錯;說style為not defind;
9:輪播圖指示器的問題
在現(xiàn)在的開發(fā)環(huán)境下,使用的為vue2.5.3版本的;使用的時候就會報錯;具體原因不清楚;但是使用行內(nèi)樣式;但是不要寫px單位就會正常