GMTC全球大前端技術大會-未來已來

GMTC-2019北京

GMTC這次的大會的熱詞肯定是監控、性能,當然跨平臺依然是熱點,write once,run anywhere!,以下是自己參加的總結心得。

6.20上午

前端的演化

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

    前端崗位的出現

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

    工程化的開始

  • 核心理念:前后端分離

    全棧的演進

  • 核心理念:mobile first

    無線時代來臨

  • 核心理念:LOw/No Code

    中后臺的重塑

  • 未來?

 

最大的感觸是阿里的圓心講的,國內前端的標準與世界的差距,前端世界權威組織機構是TC39、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
  • 結果展示

  

 

 未完,待續~

 

  

如果你覺得這篇文章不錯,可以給小編發個紅包給予鼓勵。

 

 

posted @ 2019-06-22 23:18 化身西湖云 閱讀(...) 評論(...) 編輯 收藏
内蒙古快3开奖结果