专题出品人：陈子舜
腾讯专家工程师，前端技术通道委员
腾讯专家工程师，前端技术通道委员。在前端性能，安全，游戏，端能力等方面，超过10多年的研发积累。目前专注游戏技术领域，负责小游戏开发者服务及能力开放，推动webAssembly技术在游戏商业场景应用。
专题：大前端前沿趋势
技术本身是时代的产物，后疫情时代，降本增效、跨端增效、商业化仍然是业内关⼼的切实话题；技术本身服务于产品，业务形态的变迁本身牵动着技术的强⼤变⾰。本专场关⼼⼤前端⽣态探索与实践，结合当下业务⽣态新趋势，讨论新的技术型态、架构实践、⼯程经验分享，让技术源于业务⽽⼜反哺业务。
白晶亮
百度如流 资深工程师
跨端方向实践以及 AIGC 下时代下的客户端应对
1. 客户端跨端方案选择：为什么去尝试跨端方案、选用跨端方案的原则和基准是什么、跨端方案的发展史和优缺点解析。
2. 客户端跨端实践：在十余年历史几百万行代码级别的产品上跨端重构是一种什么体验，切入点和落地路径如何选择。
3. AIGC及大模型的影响：AIGC+大模型，通用人工智能是不是真的来了。
4. AIGC下的服务型智能客户端：在大模型和AIGC加持下，客户端势必从单一产品向服务型智能客户端转变。
2. 客户端跨端实践：在十余年历史几百万行代码级别的产品上跨端重构是一种什么体验，切入点和落地路径如何选择。
3. AIGC及大模型的影响：AIGC+大模型，通用人工智能是不是真的来了。
4. AIGC下的服务型智能客户端：在大模型和AIGC加持下，客户端势必从单一产品向服务型智能客户端转变。
1. 明晰跨端技术的发展史及不同产品方案选型
2. 理清人工智能、AIGC和大模型的关系
3. 探讨一种TOB产品在AIGC时代下客户端的发展形态
2. 理清人工智能、AIGC和大模型的关系
3. 探讨一种TOB产品在AIGC时代下客户端的发展形态
听众收益
百度资深工程师，百度如流客户端跨端技术负责人。
拥有安卓系统从芯片软件到应用的全链路研发经验，擅长人工智能算法工程化和产品化，精通客户端跨端技术选型和落地。
在人工智能算法中间件开发、大前端跨端方面有十多年研发经验。目前负责百度如流客户端的跨端技术重构和落地，并就AIGC与客户端结合点做前沿性探索。
拥有安卓系统从芯片软件到应用的全链路研发经验，擅长人工智能算法工程化和产品化，精通客户端跨端技术选型和落地。
在人工智能算法中间件开发、大前端跨端方面有十多年研发经验。目前负责百度如流客户端的跨端技术重构和落地，并就AIGC与客户端结合点做前沿性探索。
赵存
哈啰出行 资深前端开发工程师
Quarkc，构建下一代前端组件
背景：前端组件库一直以来都随技术栈走，前端发展多年，无论大小公司，一般都存在各种技术栈 or 同种技术栈的不同版本，如果要开发某个通用组件（比如：营销弹窗），工作量就是 double+（不同技术需要分开开发/维护/上线，同技术不同版本也需要分开开发/维护/上线）。随着前端技术的不断发展，这带来了诸多问题！
1. 不同技术栈组件无法复用；
2. UI 视觉/交互无法统一；
3. 随着技术栈的版本升级（如 Vue2 升级到 Vue3），组件也必须跟着升级改造且成本大。
因此需要寻找一种能构建跨技术栈，无框架的组件解决方案，达到降本增效的目的。
方案选型 & 介绍：Web components 是浏览器原生标准，使用 Web components 书写的组件天然支持跨技术栈。
因此使用 Web components 技术作为跨技术栈解决方案是比较好的选择，但基于浏览器提供的原生 Web components api 来书写组件，有几点问题：
1.效率低；
2.不符合现代开发者习惯；
3.需要针对不同技术栈书写兼容代码等。
....
因此为了解决以上问题，哈啰共享前端团队自研 Quarkc，一个利用 Web components 技术构建跨技术栈、无框架组件引擎！Quarkc 面向未来，不会随着“前端框架浪潮”而跟随着不断迭代修改。
成果：利用 Quarkc 构建的跨技术栈组件库 Quarkd 开源第三天就登上 github 趋势榜第一；国内首个能应用于商业环境的跨技术栈构建方案。https://github.com/hellof2e/quark-design，https://github.com/hellof2e/quark-core
1. 不同技术栈组件无法复用；
2. UI 视觉/交互无法统一；
3. 随着技术栈的版本升级（如 Vue2 升级到 Vue3），组件也必须跟着升级改造且成本大。
因此需要寻找一种能构建跨技术栈，无框架的组件解决方案，达到降本增效的目的。
方案选型 & 介绍：Web components 是浏览器原生标准，使用 Web components 书写的组件天然支持跨技术栈。
因此使用 Web components 技术作为跨技术栈解决方案是比较好的选择，但基于浏览器提供的原生 Web components api 来书写组件，有几点问题：
1.效率低；
2.不符合现代开发者习惯；
3.需要针对不同技术栈书写兼容代码等。
....
因此为了解决以上问题，哈啰共享前端团队自研 Quarkc，一个利用 Web components 技术构建跨技术栈、无框架组件引擎！Quarkc 面向未来，不会随着“前端框架浪潮”而跟随着不断迭代修改。
成果：利用 Quarkc 构建的跨技术栈组件库 Quarkd 开源第三天就登上 github 趋势榜第一；国内首个能应用于商业环境的跨技术栈构建方案。https://github.com/hellof2e/quark-design，https://github.com/hellof2e/quark-core
1. 背景介绍
2. Web components 技术介绍
3. Web components 常见问题&技术挑战&解决方案
4. 哈啰自研 Web components 引擎 Quarkc 介绍
5. 哈啰基于 Quarkc 引擎构建的跨技术、无框架组件成果及经验；
6. 总结 & 展望；
2. Web components 技术介绍
3. Web components 常见问题&技术挑战&解决方案
4. 哈啰自研 Web components 引擎 Quarkc 介绍
5. 哈啰基于 Quarkc 引擎构建的跨技术、无框架组件成果及经验；
6. 总结 & 展望；
.....
内容大纲
听众收益
大前端行业多年从业经历，先后做过移动开发、Node 开发、前端开发等大前端相关工作。Quark Design 开源库作者，在前端基建、跨端/跨技术栈方面拥有丰富的经验，曾带领团队，从 0-1 打造 React Native 容器，支撑公司 15+ 跨端 App 开发。目前就职于哈啰出行平台前端团队，负责平台基建相关工作。
曹立成
阿里巴巴1688终端架构负责人
终端研发与测试的完美融合——飞跃地平线
在终端领域，研发和测试在很多公司都存在割裂的情况，测试不清楚研发如何写代码，研发不了解测试如何设计Case做验证。一般情况下，测试只能通过模拟UI操作进行验证，面对一些非UI的技术改造、性能优化、SDK升级等难以验证，隐藏的问题容易被带到线上，从而影响稳定性和用户体验。如何让这些隐藏的问题在上线前浮出水面？容易想到的是在多端代码中加入dev套件扩展，通过数据上报/实时socket等方式让测试感知，但是需要较高的开发/维护成本，侵入性太强。飞跃地平线提供了一种全新的思路，在不侵入代码的前提下，让测试自动化程序能够代码级别的感知端内各种数据（类似于一个限制级的runtime），同时支持服务化，能够配合测试自动化服务做群控部署。结合终端内部研发工作台，还可以实现实时调试增强。
1. 背景与困境
2. 研发与测试的屏障
3. 新思路——飞跃地平线
3.1 整体架构与技术方案
3.2 运行机制
4. 如何落地
4.1 终端压测/性能测试
4.2 技改专项
4.3 故障演练
5. 总结与展望
5.1 防劣化
5.2 终端实时调试功能增强
1. 了解大前端领域研发与测试的屏障在哪里
2. 如何运用新思路，在线下测试自动化中发现隐藏的问题
3. 了解能够落地的场景
内容大纲
听众收益
早期在饿了么蜂鸟负责过 React Native 技术体系的探索落地；2016 年 - 2018 年，在美团点评作为核心成员参与 Logan 大前端个案分析系统的研发工作并推动开源，在内部刊物和《美团技术团队》博客上发表多篇文章。2020 年初加入阿里巴巴，负责 1688 终端架构。QCon、ArchSummit 明星讲师。研究领域包括但不限于动态化容器、端基础架构与中间件、性能优化等。
SECon组委会是由业界多位资深技术专家发起，负责组织技术指导委员会，并和委员会的专家一起挖掘全球软件工程领域的创新技术，同时依托智盟创课国内领先的人才能力提升服务供应商，组织专业的会务服务团队，全面推进会议的顺利落地，保证参会者体验。
商务合作：木子 15122643988
票务联系：丽媛 18600050529
E-mail：speaker@secon.com.cn
关注SECon公众号
添加SECon小助手，获取
会议最新资讯
