Web 技术在阿里经济体中发展迅猛，有着广泛的应用场景，U4 内核近些年来也一直在持续优化演进，现已具备了比较强的技术竞争力，我们也一直在思考及探索寻求技术上更大的突破，以便更好地服务广大的业务及开发者。

本次分享将重点为大家揭秘 U4 内核是如何通过进程架构的演进去解决业务上的一些重大问题，降低 OOM 隐患的？U4 内核在渲染流水线上的极简化大改造，是如何给性能及内存体验带来重大提升的？

演讲提纲：

1. Web 引擎是如何解析渲染网页的？
   •  Web 页面
   •  Web 引擎渲染流程
   •  Web 渲染引擎
   •  U4 内核（Ali Web Platform）
2. Web 引擎现阶段面临哪些挑战？
   •  Web 引擎安全保障
   •  Web 引擎该内存开销及稳定性
   •  Web 引擎性提升
3. U4 内核（Ali Web Platform）做了哪些重要优化？
   •  U4 内核进程模型
   •  U4 内核架构
   •  U4 GPU Process
   •  U4 4.0渲染架构
   •  异步分块光栅化
   •  U4 游戏模式（Game Mode）
4. Web 引擎未来演进方向

听众收益：

1. 了解 Web 引擎架构演进历程，以及演进过程中所解决的一些核心架构问题；
2. 了解 U4 内核在进程及渲染架构上所做的一些优化，以及这些优化解决了开发者哪些痛点问题；
3. 了解 U4 内核规划了哪些技术，更好的服务开发者。

在小程序研发的过程中，不同平台（如微信、支付宝等小程序）在开发的时候会遇到同一问题。不同平台的调试和体验差异直接导致在开发过程中会耗费大量的研发成本，于是我们开始思考如何将小程序研发工作简化统一，有效降低研发成本。

我们以 Taro 为基础，把微信小程序、百度小程序、H5 等多个平台的开发工作整合到一个工作台中。如果是开发者，可以从应用开发、功能调试到多平台小程序发布，整个开发工作流都可在工作台上完成；如果不是开发者，同样也可以体验到沙箱测试、数据统计、项目发版管理等实用功能。在这次分享中，我将详细讲述工程化对工作方式的改变，以及配合 Taro 使用的桌面客户端 Taro IDE 各个模块的实现方案及细节。

演讲提纲：

1. 小程序工程化背景
   • 原始的工作流，大多数流程都依赖手工操作
   • 多平台同时开发，多窗口来回切换导致体验割裂
2. 设计思路
   • 为什么要做一个客户端
   • 总体架构（模块划分）
   • 我们的工作流
3. 研发增效
   • 快速进入研发状态
   • 多平台小程序调试器
   • 海量多平台物料
   • 可视化辅助编程
   • 小程序测试套件
4. 流程加速
   • 快速发布及回滚能力
   • 直观的异常监控、业务数据统计
5. 插件定制能力
6. 展望未来
   • 云构建
   • 团队协作

听众收益：

1. 了解我们团队在小程序开发过程中对于工程化的思考
2. 了解 Taro 如何通过一系列配套设施实现研发提效

公司各领域 IT 应用的前端技术栈不统一，业务系统体验一致性改造困难，不论是前端技术栈归一，还是前端框架的持续演进，都会造成大量的重复建设，比如同一套业务逻辑要在不同技术栈、不同前端框架里重复实现。此外，以提高复用性为目的卡片，希望开发一次就能在桌面、移动、大屏等应用里展示，且能自适应不同领域应用的不同主题样式，现实和理想差别很大。

2018 年 React 发布颠覆性的 Hook 新特性，2019年 Vue 也相应推出 Composition API，这引起我的关注与思考，再结合 Renderless Components 与函数式编程的理念，我开始构思 AUI 3.0 的组件架构，2019年6月完成 POC 验证，经半年开发实践，架构细节不断完善，发布后获得广泛的认可，已在多个领域项目中试用，初步达成业务逻辑与前端框架分离、卡片自适应多终端与主题样式的设想。

本次演讲内容首先介绍在华为内部 IT 业务变革中遇到的重复建设等问题，再通过对三个前端前沿技术的介绍与思考，探索出跨平台前端组件的架构，接着阐述该架构的设计与开发原则，并以开发一个 TODO 组件为例子，演示如何实现共享相同逻辑的 React 和 Vue 组件，同时支持切换组件的 PC 和 Mobile 状态，还支持自定义组件的 Template 及 Renderless 层，最后总结该架构存在的缺陷，评估在支撑业务变革推行中的影响力。

演讲提纲：

1. 没有一成不变的前端框架
2. 多端一致还要像变色龙的卡片
3. React 钩子带来的新气象
4. 被低估的无渲染组件
5. 尝试做一个跨端跨框架的TODO组件
   • 跨平台前端组件的架构
   • 架构的设计与开发原则
   • 共享相同逻辑的 React 和 Vue 组件
   • 切换组件的 PC 和 Mobile 状态
   • 自定义组件的 Template 和 Renderless 层
6. 架构的缺陷与影响力

听众受益点：

1. 了解 React Hook 与 Vue Composition API 新技术
2. 了解 Renderless Components 理念
3. 了解跨端跨框架、业务与框架分离的前端组件设计方案

中大型企业内部应用系统繁多，大前端多端需求、前后端分离、极致用户体验、前台业务快速变化都对后端 API 接口服务的研发提出越来越高的挑战，各业务线的 IT 支持团队在提供 API 接口服务上做着大量重复或相似的工作，建设一个统一的 API 开发运维平台意义重大。

本次我将分享搭建企业内部统一 API 开发平台的实践经验，包括基于 GraalVM 和 VertX 实现高性能 FaaS 运行时，基于 K8s 实现容器资源调度，基于 ES4X 实现轻量级在线动态 JS 函数开发工具，最终形成一个强大、灵活的 API 接口服务开发平台，让开发人员专注于实现业务逻辑，提高生产力，减少重复投入。

以及我们是如何克服技术难点的，例如技术选型方案设计；如何差异化定制做到超越本地 IDE 的开发体验；如何实现代码即文档；如何简化测试用例编写和自动回归，保障 API 代码质量。如何利用容器实现云开发、云部署。

演讲提纲：

1. 背景介绍：统一 API 开发平台的意义
2. 高性能 FaaS：JavaJS vs NodeJS
3. ES4X 改造：纯函数和热更新
4. 代码即文档：代码语法 AST 提取
5. 云开发：在线 IDE、测试用例收集、自动化测试
6. 云部署：拥抱 Serverless
7. 案例分享：数据中台 API 服务、AI 能力 API 服务

听众受益点：

1. 了解 FaaS 对企业应用开发的意义和实践经验
2. 了解如何按自身需求改造 ES4X，收获高性能又能满足企业级开发要求
3. 了解利用 K8s 配合 FaaS 运行时搭建 Serverless 平台
4. 了解如何实现一个轻量级的在线 IDE