1刹缝、微信網(wǎng)頁(yè)登錄,關(guān)于切換微信賬戶(hù)區(qū)分賬戶(hù)信息的cookie與localStorage
存儲(chǔ)在localStorage中的數(shù)據(jù)在切換用戶(hù)后發(fā)現(xiàn)不會(huì)清理颈将,之前的登錄信息還是保存(不過(guò)微信ios端3月后發(fā)布的WKWebview中切換用戶(hù)會(huì)清除cookie和localStorage)梢夯,靜等發(fā)布,目前必須得依賴(lài)cookie晴圾。
2颂砸、localStorage問(wèn)題,發(fā)現(xiàn)部分用戶(hù)localStorage空間占滿(mǎn)死姚,不得不做了個(gè)壞事(上線階段發(fā)現(xiàn)有些用戶(hù)無(wú)法登錄人乓,我這邊是根據(jù)localStorage區(qū)分用戶(hù)是否登錄授權(quán)過(guò))
try{
? ? window.localStorage.setItem(key, user.openid ? user : '');
}catch(e) {
? ? //localStorage 超限制 QuotaExceededError
? ? window.localStorage.clear();
? ? window.localStorage.setItem(key, user.openid ? user) : '');
}
3、touchstart都毒、touchmove色罚、touchend事件導(dǎo)致的input、select等本身自帶事件無(wú)法觸發(fā)
?touchmove中event.preventDefault()账劲,然后需要在touch事件中根據(jù)當(dāng)前event區(qū)分Element類(lèi)型適時(shí)event.stopPropagation()來(lái)阻止事件冒泡
4戳护、touch事件導(dǎo)致的click無(wú)效
我這邊最終是用touchend去處理的金抡,這時(shí)候最好是在頂級(jí)touch中根據(jù)event記錄的當(dāng)前clientX/clientY去做判斷,touchstart姑尺、touchend前后clientX/clientY相同才去觸發(fā)事
5竟终、touch事件導(dǎo)致默認(rèn)滾動(dòng)(overflow-y:auto)失效
這個(gè)時(shí)候需要用對(duì)此Element添加下touch事件,在touchstart/touchmove/touchend中添加event.stopPropagation()阻止冒泡即可
6切蟋、移動(dòng)端滾動(dòng)卡頓無(wú)慣性统捶,css需要做下處理
overflow-scrolling:touch;
-webkit-overflow-scrolling:touch;
-webkit-text-size-adjust:none;
7、ios中input沒(méi)有焦點(diǎn)光標(biāo)柄粹,輸入一次后便會(huì)失去焦點(diǎn)無(wú)法再次輸入喘鸟,這里是因?yàn)閏ss中設(shè)置了user-select:none導(dǎo)致的,css特別處理下
input{
? ? ? -webkit-user-select:auto;
}
感覺(jué)寫(xiě)個(gè)簡(jiǎn)單的活動(dòng)頁(yè)驻右,寫(xiě)得巨累什黑,求大俠指正~