雙十一特輯 · 買買買的背後，電商如何作好前端優化？（一）

雙十一除了幫媳婦清空購物車以外，（前提是你得有）做爲開發者，雙十一狂歡的背後是技術層面的較量。小編整理了天貓前端 2015年雙十一總結，幫助你更好了解雙十一的背後，一樣關注前端，更要關注在人肉 DDOS 的背後，有強大的架構支撐！明天繼續帶來電商的架構合集！
記得關注標籤 雙十一 更快了解雙十一熱門技術文章！

---

雙11前端分享系列（一）：活動頁面的性能優化
無線優先從去年開始推行，今年更是全面無線化，雙11無線業務成交拿到了不錯的結果，性能也邁出了一大步，對比去年雙十一頁面總體load時間提高了2s秒左右，秒開率達到了70%

---

雙11前端分享系列(二)：天貓雙11頁面服務容災方案大揭祕
會場活動頁，承載了促銷商品導流功能，是消費者的購物入口，在雙11活動中的地位可謂重中之重。保障活動頁的快速穩定可用，是很是很是重要的。此次天貓雙11會場頁面渲染由wormhole來承擔（wormhole自己會在後續的文章中詳細介紹），下面介紹一下wormhole的容災方案。

---

雙11前端分享系列（三）：淺談 React Native與雙11
但願能透過 react-native 的動態性，將 react native 的優點帶入客戶端，如手淘、手貓，讓使用客戶端瀏覽體驗更佳，而且保持動態性，快速協助響應業務。

---

雙11前端分享系列（四）：大規模 Node.js 應用
在剛剛過去的 15 年天貓雙十一中，Node.js（後文簡稱 node） 大放異彩，不只幫助前端團隊快速、高效的解決雙十一各個業務上的頁面渲染問題，同時在性能和穩定性上也表現很是出色，大大下降了雙十一硬件成本的同時，在整個雙十一期間未出現任何一塊兒由 node 引起的線上故障。

---

雙11前端分享系列（五）：解密2015狂歡城
Canvas Cache就是使用一個額外的Canvas來保存已經繪製過的內容，下一次使用的時候直接從這個Canvas上讀取，這樣就能夠大大減小Canvas的繪製次數，例如原先首屏繪製次數約爲75左右，使用cache後的次數約爲28，減小了62.67%，在三四環會更明顯，由於沒有動畫，全部內容均可以cache。

---

雙11前端分享系列（六）：大規模 Node.js 應用（續）
第四篇文章講述了咱們是怎樣應用 Node.js 解決模板渲染的實際問題的，而這一篇咱們來看看天貓是如何一步步將 node 推廣到各個業務線上的。

---

雙11前端分享系列（七）：如何精確識別終端
首先，要先說聲抱歉，由於，其實目前咱們尚未作到精確地作到識別99%的終端設別，其中緣由，一部分是由於終端類型和UA實在難以覆蓋，另一部分緣由也是由於使用了一些錯誤的識別策略。

---

雙11前端分享系列（八）：雙11密令紅包的前端技術方案
這個玩法幾乎全部的頁面都須要適配Phone、Pad和PC。使用響應式開發，一套頁面適配全部端曾經是咱們的夢想，可是也得迴歸現實。不論是從設計方面，仍是技術實現方面，密令紅包的PC版本都與Phone版本存在着較大的差別，針對PC和Phone作兩套頁面的實現是沒法避免的。

---

雙11前端分享系列（九）：vue+webpack在「雙十一」導購產品的技術實踐
雙十一中，無線前端的產品能夠說很是的豐富。在雙十一中，互動始終是重頭的一部分，可是與以往不同的地方是，導購產品在本次雙十一中有着不俗的表現。而今年的雙11導購業務佔據了5大模塊裏的後三個，除了必搶，其它業務均是由手淘的同窗來完成的，筆者做爲導購產品的一員，選擇導購產品來給你們解讀其中的技術實踐。

---

雙11前端分享系列（十）: 如何爲用戶省電
咱們要作的還有不少，怎樣在小細節上讓用戶的手機在電量上更堅挺，提高用戶瀏覽網頁的快感，讓性福與高潮更持久一點，就是今天的主題了。

---

雙11前端分享系列（十一）: H5性能最佳實踐 手淘中大量的業務採用H5的方式開發，H5體驗好壞全面影響着手淘的使用體驗。今年手機淘寶在技術上重點解決「頓」，「卡」，「慢」的問題，並提出了「521法則」 。 好東西要分享喔，記得朋友圈分享！