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

      

     未完,待续~

      

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

     

  • 相关阅读:
    开通博客了
    nginx一些高级配置
    hue的优化
    hue改下载行数
    运维常用脚本
    scala
    kafka调优
    confluent部署:
    Redis主从及哨兵
    Redis配置
  • 原文地址:https://www.cnblogs.com/yiyi17/p/11070872.html
Copyright © 2020-2023  润新知