您的位置:首页 > Web前端

GMTC全球大前端技术大会干货分享

2019-06-22 23:18 1726 查看

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
  • 结果展示

  •   

     

     未完,待续~

     

      

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

     

     

    内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
    标签: