在去年的 GMTC 大会上，我曾分享过快手在 2021 CNY 春晚活动中的降级方案设计与稳定性保障的经验。在新的一年里，出于对性能和稳定性等需要的更高要求，以及对更加高效的上下游协作的追求，快手进一步深挖了 Web 场景下的动效的实现方式、性能优化手段以及协作流程，本次演讲将对此进行讲解，希望能给大家带来一些启发。

演讲提纲：

1. 动效背景

• 动效定义
  • 资源播放类
  • 组件级别的效果增强
  • 页面级别的过渡组合
• 动效性能开销的准确预估
  • 内存与稳定性的关联
  • 内存的占用的具体分析

2. 动效方案的进一步探索

• 序列帧动画 - 透明视频的进一步方案探索
• 非序列帧动画 - 基于 bodymovin 的 CSS 渲染方案

3. 协作流程的优化

• 工程师关注点 vs 设计师关注点
• 高效协作方案的探索

4. 总结与回顾

由于 JavaScript 脚本语言特性，代码是公开透明，这个原因也致使 JavaScript 代码是不安全的，任何人都可以直接获取源代码阅读、分析、复制、盗用，甚至篡改。如果不想让 JavaScript 代码被恶意篡改攻击，保障业务的安全，那么使用 JavaScript 保护是必需的。本议题将通过对 H5 应用安全现状及风险的分析，给大家带来关于 58 在基于代码虚拟化的 H5 安全加固方案的案例实践。

演讲提纲：
1. H5 应用安全现状及风险

• H5 安全应用现状
• H5 应用面临的安全风险
• H5 应用风险线上案例

2. H5 加固

• 基于 AST 的 H5 加固系统架构
• 核心技术的解决方案
  • 防格式化
  • 控制流平坦化
  • 废代码注入
  • 防调试保护
  • 代码加密混淆
• H5 加固效果

3. 代码虚拟化（JSVMP）

• JSVMP 整体架构
• 编译器生成指令原理
• 解释器运行过程及原理
• JS 虚拟化后的 bycode 
• 性能及安全

4. 业务数据效果

你将获得：

• 了解 H5 应用存在的风险
• 了解 H5 加固核心技术的解决方案
• 了解代码虚拟化的整体架构方案
• 了解 JavaScript 如何实现编译器和解释器
• 了解整体 H5 应用安全的解决方案，可复制性强
   

随着 5G 技术的广泛应用，各种云端产品层出不穷，深刻地改变了整个 IT 行业的技术形态。面对“卡脖子”问题，国产自研的工业软件需要适应这股浪潮，从云端为用户重塑产品。优秀的工业软件通过长期的技术沉淀形成专业优势，如何将优势迅速地转移到云端，结合并吸收云端的种种优势，是我们工业软件上云重点考虑的因素。本次演讲将会从实际业务场景出发，结合三维家工业软件云 CAD、渲染引擎等的业务应用，阐述相关技术方案和选型，以及核心关键技术问题的解决，为工业软件上云提供借鉴。

演讲提纲：
1. 工业软件上云的挑战
2. 工业软件云端实战

• 以 CAD、AI、渲染为底座的工业软件云端架构方案分享
• 工业软件云端应用中踩过的坑

3. 展望未来：WebAssembly、Web3D、AI 等技术浪潮下的工业软件

你将获得：

• 了解三维家在家居行业利用 WebAssembly 和 Web3D 等技术的前沿研究探索和技术成果
• 借鉴三维家工业软件利用 WebAssembly 和 Web3D 等技术上云的技术架构、技术思路以及踩过的坑
• 在前端技术快速创新迭代浪潮下，新一代云工业软件的未来趋势

互联网诞生于自由平等的共享和创建内容的初衷，网页和论坛是曾经梦想开始的地方，移动互联网的发展创建了新的基于应用的方式来获取内容，越来越让人感到一个一个的平行世界，而成为信息的孤岛，从而让人非常怀念当年看似简陋但是便于分享和传播的网页时代。

随着微信小程序等基于 Web 技术的新的应用开发模式的兴起，应用和网页内容的界限不断被打破，用户社交分享或者扫描二维码来获取网页内容，已经升级为“内容+交互能力”的“小程序”。应用不再是一个个必须回到桌面再进入的图标，而是卡片、浮窗等更有利于内容的触达和分享的新的方式。此时重温 PWA-渐进式 Web 应用，就特别能够理解 Web 技术不断发展，网页具备应用的能力已在眼前，对前端技术开发者而言，用统一的标准化的 Web 技术，实现网站到应用的自然转变，实现网站“内容即应用”并在多端之间“自由分享和运行”，已经唾手可得！

PWA 的想法是由 Google 工程师 Alex Russell 在 2015 年提出的, Alex 于 2021 年加入微软 Edge 团队。基于 Chromium 内核的新版微软 Edge 浏览器于 2020 年 1 月 15 日发布，对整个前端技术的发展意义深远, Web 技术的底层框架趋于统一，有利于桌面和移动端原本两个独立的生态走向协同和融合。本次演讲将为大家介绍 PWA 技术的最新进展，并通过 Windows + Edge 深度融合，从而使网页具备 OS 原生应用的能力, 从而降低应用开发的成本，回归内容为本质的初心。

正所谓，跨端离不开现代化的 Windows 桌面，现代化的 Windows 桌面全力支持跨端的 PWA！