GMTC全球大前端技術大會幹貨分享

GMTC-2019北京

GMTC此次的大會的熱詞確定是監控、性能，固然跨平臺依然是熱點，write once,run anywhere!,如下是本身參加的總結心得。

6.20上午

前端的演化

• 核心理念：結構+樣式+表現分離 -2003

  前端崗位的出現

• 核心理念90%優化在前端

  工程化的開始

• 核心理念：先後端分離

  全棧的演進

• 核心理念：mobile first

  無線時代來臨

• 核心理念：LOw/No Code

  中後臺的重塑

• 將來？

 

最大的感觸是阿里的圓心講的，國內前端的標準與世界的差距，前端世界權威組織機構是TC3九、W3C和node基金會，國內對行業標準的貢獻度有很大差距

 

6.21下午

極致前端性能優化探索 貝殼

 

項目自研作監控系統，時光機、日誌分析平臺

對了還分享了下gizip的原理：LZ77算法、Huffman

• 文本68%
• 圖片6.3%

對圖片作壓縮

• 消除替換圖像

• 矢量圖、光柵圖優化

• 有損壓縮與無損壓縮

• 圖片轉行樣式表

• 抽離像素通道

• 手動刷新運營商緩存，強制緩存圖片

• 投放廣告，攜帶圖片緩存到本地

6.22

B站的視頻體驗進化之路 bilibili

• 關鍵資源優先加載
• bundle縮小
• SSR+SPA
• 彈幕：mask-image

0.3秒完成渲染！信息流內容頁「閃開」優化總結和思考 阿里巴巴

直出無白屏，動畫流暢不卡頓

• CSR
• SSR
• NSR

data、image的prefetch，這是基本操做

優化方案：

• PWA

 

 

• SSR

  對比原生的<=300ms仍是有差距

• 拆分階段與設計

 

• 框架演化

  • 首屏 pureJSX
  • 非首屏 preact

• 結果展現

　　

 

 未完，待續～

 

　　

若是你以爲這篇文章不錯，能夠給小編髮個紅包給予鼓勵。