GMTC 2021

全球大前端技术大会

主办方：极客邦

参会报告【 汝哲 】

简介

　　GMTC 全球大前端技术大会是由极客邦科技旗下 InfoQ 中国主办的技术盛会，关注前端、移动、AI 应用等多个技术领域，促进全球技术交流，推动国内技术升级。主要面向各行业前端、移动开发、AI 技术感兴趣的中高端技术人员，大会聚焦前沿技术及实践经验，旨在帮助参会者了解大前端&移动开发领域的技术趋势与实践案例。

我的日程

时间 7月4日
上午
  1. 把内容交付这件事做好
  2. 前端的现状之痛及未来趋势
  3. Vite: 对下一代前端工具的思考（远程）
  4. 5G 视频大时代的移动端技术全景
下午
  1. 特效相机工程落地实践
  2. 互动视频原理与技术实践
  3. VR 及 3D 技术在 Web 端架构设计与实践
时间 7月5日
上午
  1. 从野战排到常胜军｜新晋管理者如何打造卓越奋进的团队
  2. 前端团队的价值创造之路
  3. 从面向交付到面向价值，打造高效卓越的泛前端团队
下午
  1. 搜索渲染架构演进
  2. 美团到店前端工程化演进

主题演讲

把内容交付这件事做好

李佳 极客邦科技 /会议总监

筹办会议都干了些什么?

全年会议规划 → 邀请联席主席 → 规划内容方向 → 邀请出品人 → 策划专题内容 → 邀请讲师 → 打磨议题 → 打磨PPT → 在线试讲 → 会场交付

前端的现状之痛及未来趋势

王保平（玉伯） 阿里巴巴 /研究员

前端的现状之痛


　　1. 前端技术卷

　　2. 前端发展难

　　3. 前端资源缺

前端的未来趋势


1. 能用前端技术实现的，迟早都会用上前端技术


2. 越来越多前端工程师，会成为 SaaS 型产品工程师，总人数会超过后端工程师


3. 在低代码、智能化、体验型工具等融合创新领域，中国有机会引领世界


尤雨溪 /Vue.js作者

Vite 到底是什么？


1. No-Bundle 开发服务器
源⽂件⽆需打包，直接以 原⽣ ES modules 的形式加载


2. ⽣产构建
基于 Rollup 预先配置好的，针对⽣产环境⾼度优化的打包命令。


从 Webpack 迁移到 Vite

Vite 的设计基于两个新趋势


1. 现代 JavaScript ⽀持⼴泛铺开 

原⽣ ES modules 已有 92.83% 的全球浏览器⽀持率
包括 Vite 依赖的原⽣ ES modules
微软强势推 Edge，引导 IE11 退役
主流框架开始抛弃 IE11 (Wordpress, Vue, Angular)


2. 新⼀代的⽤原⽣编译语⾔写的 JS 编译器 

基于 Go 的 esbuild
基于 Rust 的 SWC
两者都⽐基于 JS 的编译⼯具快⼀个数量级 (20~100x，视任务类型⽽定)


Vite 的哲学:


The 90% Happy Path


1. 针对 90% 的主流⽤户需求进⾏优化


2. ⼤部分进阶需求可以通过插件⽀持


3. ⻓尾的特殊需求留给其它⼯具也⽆妨


思考


Vite使用的依然是现有的技术，为什么我们想不到去实现一个？
这其中的原因是什么？


5G 视频大时代的移动端技术全景

于冰 快手 /主站和音视频技术负责人


　　5G 很可能不是革命，反而更像是一种催化剂，在 5G 的加持下，视频会像空气和水一样无处不在。


　　从用户需求来看，图文到视频的升级是必然趋势。作为一种多媒体的载体，视频内容的信息量、丰富程度、可观看性和可消费性都是非常大的，给用户带来了全方位的沉浸感体验。再加上推荐算法的赋能，视频显然是一种体验更好的内容消费形式，如今的短视频大潮也印证了这一点。 从基础设施的进步来看，整个网络基础设施和移动端体验都在持续提升。包括千兆固网接入和 5G 的普及，移动端生产侧的拍摄制作能力、消费侧的清晰度和屏幕大小持续提升，这些与用户需求的转变是相辅相成的。

音视频加持下的移动端现状


1. 更多的业务场景
社交、电商、教育、办公……短视频生产、短视频消费、直播、RTC 场景明显增多。


2. 更深的技术栈
在 5G+AI 时代，随着带宽的提升，音视频成为主要内容载体，AI 带来了更多可能性。移动端需要对内容创作和消费体验做出更好的支持，会涉及到多种技术栈，比如网络、缓存、AI 推理引擎、图形引擎、底层编译器、OS 级别的优化等，再加上移动硬件设备的持续升级，移动端 NPU 和高色域高帧率屏幕的逐步普及，会带来技术百花齐放的局面。


3. 更大的基础资源压力
假设我们要在移动端播放一个 60fps/1080p 的视频，它每秒钟会加载 60 张图，这个数据量是非常庞大的，而这些图还要被高速处理，对硬件和 GPU 的渲染能力都有更高的要求。


4. 更高的算法复杂度
除了交互能力，很多在过去只能在 PC 端才能做到的内容生产制作的能力，比如视频采集 / 剪辑、AI 特效等等，如今在移动端也能实现。“端智能 + 端云一体”趋势越加明显。由于用户的机型不同，既要保证能为高端机提供更好的效果，又要保证低端机的体验流畅，我们需要可伸缩的能力，这让生产侧 AI 和音视频处理的算法复杂度进一步提升。


5. 更快的迭代速度
行业竞争激烈，业务需要快速迭代部署上线，这推动着移动原生开发和前端开发加速融合，向着大前端演进。


移动开发的未来和下一个引爆点


3G 时代到 4G 时代，实际上改变互联网的并不是 3G 和 4G 技术，并不是网络的速度，而是 iPhone 的出现，改变移动互联网的肯定也不是移动端本身，5G 时代如果没有类似 07 年的 iPhone 这样的划时代设备出现，还是比较难有新的引爆点的，也许这个引爆点会出现在 6G 时代，或许可能是脑机接口，结合 虚拟世界 形成全新的沉浸式交互体验。


移动技术新趋势

互动视频原理与技术实践

刘晓丹 爱奇艺 /研究员

爱情公寓5 第13集 影片无法快进以及互动选项


VR 及 3D 技术在 Web 端架构设计与实践

李阳 贝壳找房 /资深工程师


前端团队管理

新晋管理者如何打造卓越奋进的团队

张舒迪（圣司） 阿里巴巴 /高级前端技术专家

大前端架构设计实践

搜索渲染架构演进

梅旭光 百度 /资深研发工程师

最后

　　本次大会还是颇有收获的，想明白了实际业务中遇到的一些技术问题，也进一步开拓了视野，了解了一些技术解决方案和团队管理方法。
　　关于Vite的思考，如果应用比较复杂，使用Webpack的开发过程相对没有那么丝滑，① Webpack Dev Server冷启动时间会比较长。② Webpack HMR热更新的反应速度比较慢。迟钝的反馈会极大地影响开发者的开发效率和幸福感。这就是Vite出现的原因，Vite实现了No-Bundler的构建方案。这么好的方案是如何实现的呢？这正是利用了浏览器原生ESM的能力，并非创造了一个全新的技术，那么我们为什么写不出来，想不到如此解决方案呢，因为你根本不知道这些API，解决问题停留在现有的知识结构。框架的方便快捷会让人进入开发的舒适区，其本身的专业技能并没有得到真正的成长。人总是会把框架的能力认为是自己的能力，利用框架我能解决什么什么样的问题，一个新领域，一个新问题没有框架能解决的时候便毫无头绪。所以我们要深入框架或者工具的内部，站在巨人的肩膀上，看看他们有哪些值得借鉴的地方，努力朝一个创造者发展，而不要满足于一个使用者。
　　对于会议的感触此类技术会议的普遍的现象：80% 的主题都在讲生态讲平台、讲架构，鲜有对具体业务问题或者具体技术点的深挖，很难融入其中，跟讲师难以产生高质量的互动，就需要参会者提前关注自身负责领域相关的主题，有自己的痛点、实践和思考，才会更多收获。
　　不管你分享什么，在有价值的人眼里，在会看会读会思考的人眼里终究是有价值的，在不动脑，不会看，不会读的人眼里，终究是没价值的。



最后
　　依然用大会看到一句的话结束。

  • 　　教育是件有价值的事，只是时常记住，凡是值得知道的，都不可能被教会。