開放下載!《大促背後的前端核心業務實踐》

阿里云云棲號 發佈 2020-08-06T23:09:46+00:00

《大促背後的前端核心業務實踐》電子書重磅發布!2020年618大促已經過去,作為淘系每年重要的大促活動,淘系前端在其中扮演著什麼樣的角色,如何保證大促的平穩進行?又在其中應用了哪些新技術?

《大促背後的前端核心業務實踐》電子書重磅發布!

2020年618大促已經過去,作為淘系每年重要的大促活動,淘系前端在其中扮演著什麼樣的角色,如何保證大促的平穩進行?又在其中應用了哪些新技術?淘系技術聯合阿里雲開發者社區特推出《大促背後的前端核心業務實踐》電子書,為大家介紹 618 中的前端身影。本書另附 6000+ 字圖文版前端學習秘籍和面試官直達簡歷投遞地址,還不快來get?!



精彩內容搶先看


一、618大促背後的淘系前端技術體系

今年 618 大促一貫地保持了對友商的競爭優勢,創造了新的數字消費記錄,業務玩法和策略上也有了一些新的變化。例如:● 超長的售賣周期:5.25 預售、5.29 開門紅、6.4 多波段品類日、6.16 狂歡日。● 消費券發放:平台、各地政府和商家一共發放了超 100 億元的消費券和補貼。● 直播帶貨:通過直播帶貨讓用戶更好地感知商品,提升流量變現效率,形成電商導購的新模式。● 互動任務體系:618 理想生活列車,做任務,賺喵幣,瓜分 10 億平台和商家福利。● ......經過多年的沉澱和發展,淘系前端已經構建出了一套較為完備的技術體系,用以支撐阿里包含 618、雙 11 在內的電商營銷活動業務。接下來筆者將簡單介紹淘系前端技術體系以及這個技術體系上基於 618 大促的場景訴求,技術演進的創新點。

二、生產力再提速,618 互動項目進化之路

從2019年雙十一的 「蓋樓 」到今年618的 「開列車」,在大促互動遊戲背後,是業務多變性、產品穩定性和研發效率的多重博弈。本文介紹了淘系互動前端團隊如何應對研發效率 & 產品穩定性的挑戰,內容涵蓋「互動智能測試」 & 「彈窗規模化生產」這兩個技術方案。

三、淘寶大促頁面性能監控和優化實

作為一名前端工程師,更高的性能、更流暢的體驗是長久不變的追求目標。而作為大促鋒線,會場頁面的性能表現直接影響了億萬消費者的購買體驗。那麼在今年的天貓618,我們是如何讓消費者們在各個會場中能夠逛的知心、挑的稱心、買的開心呢? 本文將簡要介紹今年的618,我們是如何通過緩存優化、請求優化等方案來應對性能挑戰,並如何通過監控測試等手段來保障大規模的會場頁面的性能。

四、「高穩定性」視頻播放器養成計劃

如何保證億級用戶視頻播放器的高穩定性?PHA 框架的優秀性能讓大量業務、會場開始逐步轉用 H5,但同時帶來了一些挑戰。以多媒體日常短視頻/直播業務為例,H5 原生的播放器的穩定性、性能、播放能力支持均難以達到使用標準,在 H5 環境下沒有一個業務可用的 H5 播放器。這時候就需要一個 H5 上能夠流暢播放的播放器。

五、AST 代碼掃描實戰:如何保障代碼質量

現如今,日常業務的資損防控工作在安全生產環節中已經變得越來越重要。尤其是每逢大促活動(譬如本次 618 大促),一旦出現資損故障更容易引發重大損失。及時止血只能減小資損規模,要想避免資損還得靠人工 code review 在項目上線之前發現問題。

然而,一方面 code review 需要額外的人工介入,且其質量參差不齊,無法得到保障;另一方面,高質量的 code review 也會花費較多時間,成本較高。

那麼有沒有一種兩全其美的方法:以一種低成本的方式,自動發現代碼中存在的資損風險,從而保障代碼質量?答案是:代碼掃描!

六、如何實現代碼自動生成?

每年大促前一個月都是奮戰與忙碌的時節,不僅業務上在不斷疊代創新,技術上也在推陳出新,需求推動技術變革是一個正向演進的過程,但革新是需要成本的,每一次技術與標準的革新都帶來一場翻天覆地的大改造。如果我們能將需求與產物划上等號:需求即代碼,那麼我們只要找到兩者之間的關聯關係即可通過需求自動產出代碼了,那豈不是樂哉美哉(diao zha tian le)。 本文主要圍繞自動化生成代碼的目標,講述我們在這一過程中的所思所想,以及我們在618期間的階段成果實踐。

七、前端通用模塊在手淘業務中的實踐

得益於淘系前端的積累,現在我們可以藉助完善的天馬搭建體系、Rax1.0跨端開發框架、imgcook智能生產這些賊棒的工具完成一個個模塊的開發並搭建出一個完整的小程序頻道,但在行業這樣的生產關係下,我們希望能沉澱出一套更高效的生產體系來支持我們高(hao)效(hao)工(shui)作(jiao)。

去年底開始,天貓行業已與UED、產品團隊合作完成了TaoUI組件規範,並建設了織網組件中心來支撐行業沉澱下來的物料,那麼,如果按照一定的規範,使用直接的數據模型直接驅動組件,是不是大部分普適的模塊就不需要開發了呢?於是,行業魔方項目應運而生。 WEB 前端開發

每當想要開始學習,腦子裡總會跳出一系列問題:WEB前端的學習先後順序是什麼?PC端必須要掌握哪些知識和框架?移動端要掌握哪些知識和框架?TypeScript和node.js是否為可學可不學?新手應該按照什麼先後次第學習呢?本文是阿里巴巴淘系技術部高級前端工程師——小問的個人經驗總結,希望幫到處於迷茫期的你!

關鍵字: