微信活動(dòng)頁(yè)開(kāi)發(fā)中的遇到的坑

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ě)得巨累什黑,求大俠指正~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市堪夭,隨后出現(xiàn)的幾起案子愕把,更是在濱河造成了極大的恐慌,老刑警劉巖森爽,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件恨豁,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡爬迟,警方通過(guò)查閱死者的電腦和手機(jī)橘蜜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)付呕,“玉大人计福,你說(shuō)我怎么就攤上這事』罩埃” “怎么了象颖?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)姆钉。 經(jīng)常有香客問(wèn)我说订,道長(zhǎng),這世上最難降的妖魔是什么育韩? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任克蚂,我火速辦了婚禮闺鲸,結(jié)果婚禮上筋讨,老公的妹妹穿的比我還像新娘。我一直安慰自己摸恍,他們只是感情好悉罕,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布赤屋。 她就那樣靜靜地躺著,像睡著了一般壁袄。 火紅的嫁衣襯著肌膚如雪类早。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,125評(píng)論 1 297
  • 那天嗜逻,我揣著相機(jī)與錄音涩僻,去河邊找鬼。 笑死栈顷,一個(gè)胖子當(dāng)著我的面吹牛逆日,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播萄凤,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼室抽,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了靡努?” 一聲冷哼從身側(cè)響起坪圾,我...
    開(kāi)封第一講書(shū)人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎惑朦,沒(méi)想到半個(gè)月后兽泄,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡行嗤,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年已日,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片栅屏。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡飘千,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出栈雳,到底是詐尸還是另有隱情护奈,我是刑警寧澤,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布哥纫,位于F島的核電站霉旗,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏蛀骇。R本人自食惡果不足惜厌秒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望擅憔。 院中可真熱鬧鸵闪,春花似錦、人聲如沸暑诸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至篡石,卻和暖如春芥喇,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背凰萨。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工继控, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人胖眷。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓湿诊,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親瘦材。 傳聞我的和親對(duì)象是個(gè)殘疾皇子厅须,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 基于html5的移動(dòng)web頁(yè)面搭建技術(shù)總結(jié) 1.技術(shù)要點(diǎn) 1.1面向不同尺寸的手機(jī)屏幕,頁(yè)面布局適配問(wèn)題食棕。 網(wǎng)頁(yè)的...
    敲代碼的張閱讀 1,518評(píng)論 0 3
  • 基于html5的移動(dòng)web頁(yè)面搭建技術(shù)總結(jié)1.技術(shù)要點(diǎn)1.1面向不同尺寸的手機(jī)屏幕朗和,頁(yè)面布局適配問(wèn)題。 網(wǎng)頁(yè)的he...
    敲代碼的張閱讀 316評(píng)論 0 0
  • AMD 和 CMD 的區(qū)別有哪些簿晓?AMD 是 RequireJS 在推廣過(guò)程中對(duì)模塊定義的規(guī)范化產(chǎn)出眶拉。CMD 是 ...
    竿牘閱讀 698評(píng)論 0 1
  • 常見(jiàn)試題 行內(nèi)元素:會(huì)在水平方向排列,不能包含塊級(jí)元素憔儿,設(shè)置width無(wú)效忆植,height無(wú)效(可以設(shè)置line-h...
    他大舅啊閱讀 2,439評(píng)論 1 5
  • 這個(gè)夜晚 來(lái)自各個(gè)方向的幾頭怒吼的野獸 如泥流洪水般來(lái)勢(shì)洶洶 以不可阻擋的強(qiáng)烈的氣焰 吞噬了我 洪流四散,天光慘淡...
    遲鈍的琥珀閱讀 245評(píng)論 1 0