經典的架構設計可以跨越時間和語言，得以傳承。 —— 題記 一、背景 悟空活動中台技術文章系列又和大家見面了，天氣漸冷，注意保暖。 在往期的系列技術文章中我們主要集中分享了前端技術的方方面面，如微組件的狀態管理，微組件的跨平台探索，以及有損布局，性能優化等等。還未關注到的同學 ...

本文首發於 vivo互聯網技術 微信公眾號 鏈接： https://mp.weixin.qq.com/s/oGX4XSm8F4fa1ocLdpyqlA作者：悟空中台研發團隊 【悟空活動中台】系列往期精彩文章： 《揭秘 vivo 如何打造千萬級 DAU 活動中台 - 啟航篇 ...

本文首發於 vivo互聯網技術 微信公眾號 鏈接： https://mp.weixin.qq.com/s/rSpWorfNTajtqq_pd7H-nw作者：悟空中台研發團隊 一、背景 移動端網頁的加載速度對用戶體驗極為重要，是影響頁面轉化率的關鍵因素，H5 活動頁往往使用大量 ...

背景 項目：移動端H5電商項目 痛點：慢！！！ 初始方案：最基本的圖片懶加載，靜態資源放到cdn，predns等等已經都做了。但是還是慢，慢在哪？ 顯而易見的原因：由於前后端分離，所有的數據都由接口下發，之后根據模板渲染頁面。也就是說，我們需要先加載js，等到js加載完畢之后，請求接口，接口返回 ...

需求： 　　實現一套靈活的活動組件模板，編輯人員只需要打開后台，拖拽相應組件，填入相應內容，最終就生成一個活動頁面。 因為涉及投票，評論，關注等功能（每個功能都當做一個組件），所以一個富文本編輯器是無法實現的。 生成的h5活動頁面，還有幾種環境：公司APP內，外部瀏覽器，微信&QQ ...

活動頁開發流程 針對各種節日各種活動，臨時定稿開發的活動頁，往往時間安排都比較急 ———— 產品定下需求方向 UI實現設計稿 1. 草圖和交互邏輯定稿=>多少個頁面，每個頁面表達的含義以及和用戶的交互邏輯; 2. 具體到每個頁面的UI設計稿; 3. 動效腳本稿; 基於2.1 ...

前言：本學習文檔的目的是為了實現h5,或者簡單的h5游戲，比如說，我們要實現一個可以左右，或者上下移動的場景的h5,在場景移動的過程中，會有相應的動畫或者操作，我們通過 js 也可以實現，但是為了流暢度和更好的效果，還是需要借助一些引擎來實現，比如說 2d的渲染引擎 pixi.js 或者是本文 ...

...