活動中臺：揭秘vivo的千萬級DAU活動中臺

序一
序二
序三
前言
第一部分　活動中臺的前世今生
第1章　傳統(tǒng)活動開發(fā)遇到的困境 3
11　活動開發(fā)的3種模式 3
12　如何抽象整合活動平臺 6
第2章　活動開發(fā)模式創(chuàng)新 8
21　“將平臺交出去”的創(chuàng)新設計 8
22　讓研發(fā)人員也成為平臺的用戶 10
23　原來這就是活動中臺 12
第3章　活動中臺業(yè)務設計 15
31　中臺功能架構設計 15
311　問題背景 15
312　產品介紹 16
313　產品矩陣 17
314　功能架構 17
32　落地頁管理—作品中心 18
321　作品卡片 19
322　作品狀態(tài) 20
323　作品短鏈 20
324　批量管理 21
325　作品組 22
326　數(shù)據(jù)分析 23
33　作品的齒輪—組件與任務 24
331　組件類型 24
332　任務組件 27
34　物料管理—素材中心 30
341　素材上傳 31
342　素材管理 33
35　訪問控制—權限中心 34
351　常見的權限設計模式 34
352　權限系統(tǒng)的實現(xiàn) 36
353　權限隔離設計 41
36　活動工廠—H5可視化搭建 44
361　元素區(qū) 45
362　設計區(qū) 45
363　配置區(qū) 47
364　頁面管理區(qū) 52
365　功能區(qū) 54
37　數(shù)據(jù)服務設計 56
371　組件服務 57
372　編譯服務 57
373　數(shù)據(jù)服務 58
第二部分　活動中臺架構設計
第4章　微前端架構設計 63
41　微組件概述 63
411　Vue 單文件組件 64
412　構建 UMD 規(guī)范 64
413　構建微組件基座 67
42　微組件狀態(tài)管理 70
421　傳統(tǒng)EventBus方案 70
422　天然的解決方案Vuex 71
43　微組件基座設計 77
431　組件沙箱 77
432　沙箱通信 85
44　通用可視化中的微組件 91
441　擴展微組件 91
442　定制化基座 92
443　組件動畫 95
45　熱編譯微組件工程 100
451　微組件生成活動頁 100
452　服務端活動編譯加速 107
46　可視化搭建微信小程序 109
461　基于uni-app的微組件 110
462　微組件編譯微應用 124
第5章　H5 性能優(yōu)化實踐 130
51　H5性能檢測 130
511　Lighthouse 130
512　關鍵指標解析 132
52　H5渲染加速優(yōu)化 136
521　網(wǎng)絡層優(yōu)化 136
522　圖像優(yōu)化 140
53　圖片高效加載方案 142
531　圖片服務架構設計 142
532　實戰(zhàn)中WebP的應用 148
533　提升WebP的兼容性 150
54　網(wǎng)頁秒開探索 153
541　網(wǎng)頁渲染模式 153
542　WebView 秒開方案 157
55　H5跨屏動態(tài)適配方案 162
551　普適性布局方案 162
552　H5在滿屏下的痛點 165
553　預設性的優(yōu)化 167
554　預設規(guī)則的實現(xiàn) 170
第三部分　活動中臺技術探索
第6章　Nodejs在中臺應用上的實踐 179
61　企業(yè)級 NPM 私服實踐 179
611　安裝部署Verdaccio 180
612?利用NRM來使用私有源 183
613　內置插件擴展私服能力 184
614　自定義tag管理多環(huán)境插件 185
62?Nodejs數(shù)據(jù)持久層的探索 187
621　數(shù)據(jù)持久層現(xiàn)狀與思考 188
622?探索數(shù)據(jù)持久層 191
623　工程化體系加持下的未來 204
63　Nodejs 應用全鏈路追蹤技術 206
631　Nodejs 全鏈路信息獲取的方式 207
632　zone-context方案設計 208
64　Nodejs搭建自動化文檔工作流 216
641　自動化文檔生成器 217
642　自動化文檔部署 221
第7章　中臺之上的低代碼開發(fā)平臺 226
71　H5生產力的迷與思 226
711　低復用場景下的弊端 226
712　零代碼與低代碼 228
713　低代碼模式下的活動開發(fā) 230
72　構建本地低代碼工具 233
721　低代碼工具設計 233
722　基于Vue代碼的工程可視化工具 236
73　智能化的活動中臺 247
后記 249