前端技术栈（React、Vue 等）每年更新迭代是近年来的一种常态，随之依赖技术栈的组件库也需要经常变更，这让项目升级迭代和维护变得非常困难。为了让组件能超越框架而存在，我们使用了 Web Components 去搭建了一套与众不同的 UI 组件，它拥有以下优点：其一，原生支持，不需要任何框架即可完成开发，同时也意味着这将有更好的用户体验、更低的网络请求，以及更稳定的迭代前景。其二，无排他性，组件可以同时在 React、Vue、Preact、Angular 或原生 JS 等任意框架或无框架中使用，这意味着对 Quark 的支持无需大刀阔斧的颠覆现有逻辑体系，可以直接项目中接入使用。其三，性能优势，Shadow Dom 使得每个组件都拥有自己的根节点，因此对主 DOM 没有侵入性，并且 CSS、事件的有效隔离，不用担心不同组件之间的样式和事件污染。
 

演讲提纲：
1. Web Components 技术介绍
2. Web Components 常见问题＆技术挑战＆解决方案 
3. 如何从零构建一个简单的 Web Components 组件
4. 哈啰自研 Web Components 开发框架建设
5. 跨技术栈的组件库——Quark 的实现及成果展示
6. 下一步，打造跨小程序侧的组件库建设
7. 总结＆展望 

你将获得：

• 了解哈啰在 Web Components 的实践经验，来建设补充自己的 Web Components 跨技术栈技术方案
• 了解如何打造国内首个能用于生产环境跨技术栈组件库
• 学习 Web Components 技术建设注意点
• 了解如何打造高质量、易扩展的跨技术栈组件体系
• 学习如何迁移 Web Components 组件体系到小程序侧