歡城的互動(dòng)技術(shù)方案天貓互動(dòng)平臺(tái)—續(xù)彬(鄧紅春)xubindhctmallcom些天貓的互動(dòng)營(yíng)銷(xiāo)案例達(dá)戰(zhàn)成交、用戶(hù)星新穎好能、動(dòng)畫(huà)介紹這兩個(gè)案例的設(shè)計(jì)思路會(huì)的高可用歡城的極致體驗(yàn)簡(jiǎn)單嘛“感覺(jué)攤上大事兒了，似乎不太好玩”信號(hào)的延遲時(shí)間為1分鐘這樣的搖直接進(jìn)入互動(dòng)頁(yè)的https輪詢(xún)方式進(jìn)行前后端傳輸?shù)膋issy進(jìn)行前端頁(yè)面開(kāi)發(fā) 用用&預(yù)加載＋緩存 預(yù)加載＋緩存 品品票頁(yè)模板＋模板＋數(shù)據(jù)開(kāi)場(chǎng)動(dòng)畫(huà)互動(dòng)區(qū)塊明星表演廣告明星游戲押注核心部分前端代碼模塊設(shè)計(jì)(javascript部分)核心部分ker互動(dòng)&抽獎(jiǎng)Aserver網(wǎng)關(guān)(spdy)次Aserver網(wǎng)關(guān)(spdy)次寫(xiě)讀JVM存長(zhǎng)鏈數(shù)據(jù)分離?公共實(shí)時(shí)數(shù)據(jù)(如時(shí)間表)走高性能輪詢(xún)接口?用戶(hù)實(shí)時(shí)數(shù)據(jù)(如操作記錄)則按需請(qǐng)求低頻接口2.使用內(nèi)存緩存?省去了一定的網(wǎng)絡(luò)開(kāi)銷(xiāo)且RT很短；3.輪詢(xún)間隔可調(diào)4.精準(zhǔn)控制時(shí)間：?前端會(huì)根據(jù)輪詢(xún)接口獲得服務(wù)器時(shí)間并緩存在變量中當(dāng)前時(shí)間(手機(jī)的滑動(dòng)、熄屏等事件會(huì)中斷腳本運(yùn)行)?？赡苡龅酵诰驒C(jī)?輪詢(xún)接口準(zhǔn)備第二通道(推送到CDN)??前端容錯(cuò)(100s失聯(lián)?數(shù)據(jù)(押注大盤(pán)??配置系統(tǒng)預(yù)案3.應(yīng)急預(yù)案?配置系統(tǒng)預(yù)案?前端hot.js2211?熟悉環(huán)境(控制臺(tái)，洗手間在哪等)?網(wǎng)絡(luò)狀態(tài)?設(shè)備(現(xiàn)場(chǎng)＋電視信號(hào))?現(xiàn)場(chǎng)彩排(用心感受、仔細(xì)觀察)作的戰(zhàn)役服T?湖南衛(wèi)視導(dǎo)演組?提前面對(duì)面溝通，越早越好(出差多次)?UED?測(cè)試?BUG分類(lèi)(優(yōu)先級(jí))，相互協(xié)助，全程陪護(hù)?客戶(hù)端?換位思考、理解支持?兄弟團(tuán)隊(duì)元素元素性案?地圖拼合(減少圖片數(shù)量)????加載限流??懶加載2?懶加載?視窗內(nèi)渲染?canvascache?統(tǒng)一URL/代碼倉(cāng)庫(kù)?高清/單倍圖?APP預(yù)加載?本地緩存?多種渲染模式些經(jīng)驗(yàn)都沉淀下來(lái)了1122Native(todo)3344大賽購(gòu)物鏈路交互體驗(yàn)、讓好的技術(shù)能夠服務(wù)更多商家、影響更多行業(yè)?電商互動(dòng)業(yè)