参加GMTC的收获

前言

本次GMTC内容丰富，就是议程太紧凑了，很多想听的，顺序都重合了。但还是有些收获的，因为时间关系，我倒序来讲

干(shui)活(huo)部分

春晚活动中的降级方案设计与稳定性保障 -- 俞天翔

1. 天翔老师熟面孔了，2019的vueConf就见识过，扎实的技术人

2. 本次讲解主要围绕快手春节活动，工期不到两个月，面临的挑战比较多，

    1. 兼容性
    2. 稳定性
    3. 体积
    4. 性能
    5. 架构设计
   

3. 针对于兼容性，主要是动效的相关问题，如下四个方案做了评比，APNG、Lottie、TransparentVideo、css Animation，从兼容性，大小，性能等进行评比，最后确定降级方案 Lottie >> transparentVideo >> css Animation ~ APNG

4. 针对于架构设计分为业务曾，工具层，环境层，然后进行人员分工，核心人员与非核心人员

5. 最重要的是由于快手体量和日活较大，需要有降级的方案进行支撑，保障低端机的体验，不然用户会损失很多，一共多个版本，最终对所有机型都做了兜底。

时间紧，任务重的情况下，合理设计系统架构及人员安排，才是最重要的，且兜底方案需要考虑，感谢最后老师解答了我做表情包时的疑惑，为何GIF懒加载不渲染。

飞猪ServerLess技术探索和落地 && 基于ServerLess的腾讯在线教育中后台业务落地实践

1. 由于之前没有接触过ServerLess，也没有具体实践过，包括Faas也是，所以只能概念上大体意会，但是具体的落地等，体会不会很深刻，但是感觉Faas以及ServerLess 的特点，未来大有可为，对于前端开发同学来讲，可以基本免运维，可以做到无感知。 Faas简单介绍
2. 目前我们的架构组的同学正在推进ServerLess以及Faas的落地，期待～
3. 有些奇怪的联想，之前开发小程序为了避免域名的限制，也避免做内网穿透，直接本地代码同步服务器端，服务器本地启动项目进行调试开发，也应该算是早期的ServerLess。
4. 目前也在接触BFF层，希望后面能有更多的理解和体会，以及Faas和ServerLess的落地和实践

搜索渲染架构演进 -- 梅旭光

1. 百度的搜索结果页和信息流页面的优化，每天10亿级别的请求，每天上线次数多，每个人的搜索结果都是不同的。

2. 面临的挑战及解决方法 | 挑战 | 解决方案 | | --- | --- | | 主框架与子区域之间的解耦 | 业务模块与主模板解耦 | |vue2.x SSr优化问题|去除不必要步骤，直接进行字符串拼接| |进程间通信问题|共享内存 解决（uds 内存拷贝成本过高）| |偶发渲染超时| 模块预热以后再上线 |

3. 多进程主从并行渲染 这个是很强的，可以同时渲染 X个卡片，主要看用了多少进程

4. 以后大流量场景就可以借鉴了，目前的业务，还没有这么大的流量

webAssembly Annual Report - 2021

1. 这个分享主要介绍了WebAssembly 的一些基本情况，以及目前应用到的领域，之前我只接触过一次wasm，做音视频的解码使用的，
2. WebAssembly 可以让其他的语言通过标准化的方案，嵌入浏览器进行使用，比如Rust，C++ 等，极大的丰富了浏览器的能力，
3. WebAssembly 目前应用的领域较多，新兴编程语⾔，多媒体，仿真器，区块链，游戏，等方面均有应用,一个前端向外拓展的有效途径

SES 安全的ECMAScript

1. 主要是安全方面
2. Realm 提案，可以创建一个沙箱，来提供相对安全的调用
3. Compartment 提案，冻结并共享内置对象，进一步的虚拟化，
4. 运行时防护 安装、编译时防护
5. 之前在安全方面一直没怎么关注过，这次感觉打开了一个新的领域

Deno

1. 这个专题感觉就是讲解了一下Demo 的特性及目前现状，并做了一些总结，而且Deno的官网目前也没有用Deno 写，还是用Next.js 解决的。
2. Deno 主要是没有历史包袱，而且基于浏览器WebAPi 进行开发，所以，新，强，爽！

SmartFeed 多端模版渲染架构体系

1. 应用场景是手机百度
2. 统一DSL，并且原子化的粒度控制在三个。<View>,<Text>,<Img>,分别控制，布局，文字，图片，以这三个进行最基本粒度的渲染和拆分，这就是百度这方案的核心
3. 另外，做成这三个，做了一些取舍，有些复杂交互的需要二次开发。
4. 对Ditto 有一些参考作用

贝壳中泰话建设下的前端体系思考

1. 这个更多的是从业务维度进行了一些列的思考，通过技术的方法为业务提效，
2. 中台化，沉淀一些组件，避免重复开发。
3. 讲真，这个听得我有点迷糊，没太听明白，点也get 的不是很到位，后面再看回放回顾一下。

MBC业务标准化容器在美团的实践

1. 啥也不说了，Ditto的终极形态，未来Ditto 必须也具备相应的能力
2. 全链路的工程化方案，非常值得参考，一套DSL走遍天下都不怕。

字节跳动的现代Web前端开发实践 -- 杨杨

1. 杨杨 老师的 MWA 概念 打开的一片新的天地，以前从未考虑过这些高层次的概念，但是有人已经做了先驱，并做出了实践，直接按照工程概念维度进行思考和打造。
2. 同构开发的样子，一套代码，N个平台都可以支持，
3. 还有很多没有吸收到的， 演讲链接
4. 后面再多多学习

写在最后

1. 内容太丰富了，脑瓜子有点吸收不了，还需要加强学习
2. 大前端领域的进步实在是太让人惊叹，未来更会是百花齐放
3. 打铁还得自身硬