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