GMTC全球大前端技术大会干货分享
2019-06-24 19:35
330 查看
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
结果展示
未完,待续~
如果你觉得这篇文章不错,可以给小编发个红包给予鼓励。
相关文章推荐
- GMTC全球大前端技术大会干货分享
- WEB前端 300篇技术干货分享文章,在这里任意找!
- 中国前端开发者大会2016干货分享
- 2017全球 C++ 及系统软件技术大会:一场大师智慧+实践干货的技术盛宴!
- 2017GMTC全球移动技术大会专题亮点!
- 2014Esri全球用户大会——亮点系列之产品技术
- 【腾讯Bugly干货分享】iOS黑客技术大揭秘
- 公司内部技术分享会:复盘我的前端成长
- GITC--2014全球互联网技术大会正式开始售票
- 2013大数据全球技术峰会即将启动,征集大会议题赠送峰会门票!
- 【干货分享】前端面试知识点锦集02(CSS篇)——附答案
- 云+社区专栏:分享技术干货,专注打造技术影响力
- 【干货】2016年12月28日 阿里云内部技术分享
- 前端团队技术分享(二)
- Container容器技术大会PPT分享
- 【腾讯Bugly干货分享】总结一个技术总监的教训和经验
- 2009 SAP全球技术研发大会圆满落幕
- 『phphot』【SD2.0大会】语音web 与我们分享技术的“午餐盛宴”
- 五年干货分享!前端开发中最常用的JS代码片段
- 前端技术分享和发展网站总结