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

• 结果展示

  

 未完，待续～

如果你觉得这篇文章不错，可以给小编发个红包给予鼓励。