AICODER大前端培训

AICODER-IT培训专家,前端培训基地,前端培训,全栈培训,大学生IT培训基地,线上IT课程免费自学,线下培训项目实战,实习,html5培训实习-AICODE程序员

在线咨询

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

AICODER官方 发布于: 2019年6月23日 1时17分12秒 阅读889次

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

  • 结果展示

  


AICODER编辑推荐:



报名就业班送基础班

最近分享