Vue、React等现代前端框架很好地解决了组件化和数据视图解耦问题。

而对前端来说，新交互永远是花费时间最多的工作，新交互也是前端团队的自然价值和核心竞争力之一。

在过去的一年里，我的团队聚焦于前端交互基础设施的建设，其中包含了Native和JS的工作。

在这次分享中，我会带来我在交互的基础设施的建设上的一些思考和实践，包括图形图像基础、事件机制与视图层架构模式、交互管理框架等内容。

15年起，直播异军突起，打破了人们日常的娱乐方式，随着带宽等硬件的提升，直播、点播已经在互联网的各个领域大展拳脚。当Adobe公司宣布2020年Flash不在继续维护，随着JavaScript在V8下的性能提升，H5直播点播已经触手可及。当2017年底、2018年泛娱乐直播呼啸而来，我们前端工程师能在H5做哪些事情？直播领域是变幻莫测的，我们只有好的基础和能力才能做直播行业的排头兵。

主要内容

1. HTML5直播；
2. webRTC的应用；
3. 泛娱乐场景下的变种。

随着Adobe在2017年宣布停止维护Flash，以及H5直播能力的迅速崛起，Flash即将退出历史舞台，Web直播进入下一个新纪元。WebRTC作为众多H5直播方案中的一种，由Google在2011年开源诞生的，它使得浏览器之间进行实时音视频通讯变得非常简单。WebRTC的发展迅速，随着17年苹果宣布支持，以及进入W3C的战略重点，WebRTC的发展前景十分美好。

这是一项面向未来的直播技术，那么究竟什么是WebRTC？我们如何用它实现多人直播场景？它的效果如何？

本次主题将介绍腾讯在线教育部，作为腾讯内部首个使用WebRTC，在腾讯课堂，企鹅辅导做直播改造并大幅提高直播性能的实践经历，以及在这个过程中，遇到的一些问题以及挑战。 

主要内容

1. WebRTC的前世今生；
2. 腾讯课堂的WebRTC直播架构；
3. 遇到的问题以及解决方案；
4. 上报与质量监控；
5. WebRTC的展望。

人工智能和机器学习技术为我们从大量数据中获取知识提供了巨大机会。借助云计算和人工智能，我们可以搜索、分析大规模数据，并从中挖掘信息。从数据中找到有意义的信息是最大的挑战之一。

本次演讲将分享如何借助人工智能和机器学习构建智能化云解决方案，涉及内容包括从架构基础设施到使用TypeScript和React构建UI。届时会演示如何开发一款支持文本、文档和图片搜索的Web应用。

最后，演讲将介绍构建解决方案时所用的Azure Search和Cognitive Services的内部构件。

Artificial Intelligence and Machine Learning gives us tremendous opportunity to gain knowledge from massive amounts of data. With the power of Cloud and AI you can search, analyze and learn from your data at scale. One of the biggest challenges is ability to find meaningful information across your data.

In this talk you will learn what you need to know in order to build intelligent Cloud solutions with power of Artificial Intelligence and Machine Learning. From architecting cloud infrastructure to building UI with TypeScript and React. I will show you how to build a web app that can search through not only text, but also documents and images.

I will also give you insights in the internals of Azure Search and Cognitive Services that enable to build such solutions.

PWA是在Web端具有颠覆性的一个概念，在国外已经被普遍接受，很多站点也已经改造成PWA，如：twitter，并且取得了非常好的成绩，twitter lite平均用户停留时长增长65%，在国内，PWA的概念也越来越被广泛接受，微博，饿了么等很多大型的站点都已经改造成PWA，并且也会越来越多。

在改造PWA的实践过程中，会遇到各种各样的问题，如：App Shell、App Skeleton、PWA的SEO，还有Service Worker的更新等等诸多的问题，开发者在改造PWA的时候会需要接受很多新的概念，成本很高。 为了降低开发者接入PWA成本，我们开发了Lavas项目，Lavas是我们在实践PWA的过程中产出的一个PWA的解决方案，帮助解决接入PWA遇到的各种问题。

主要内容

1. App Shell和App Skeleton的应用；
2. PWA的核心技术Service Worker；
3. Lavas如何帮助解决PWA的SEO的问题；
4. Lavas App：基于PWA的安卓APK打包方案。

Webassembly是浏览器的字节码技术。这项技术使原生代码C/C++/Rust可以编译为wasm，并运行于浏览器上。相比原生开发，它跨平台，安全；相比js，它拥有显著的性能优势。

本次分享主要包含两个方面的内容，一个是介绍和推广Webassembly技术，讲解它是如何在浏览器环境下工作的。二是介绍使用Rust，js混合开发WebAssembly应用。使用原生技术开发大前端，由于其无可比拟的性能优势，必然成为未来前端工程师不可缺少的技术栈。 

听众受益

1. 了解C/C++代码是如何在浏览器环境下工作的；
2. 学习使用原生技术开发前端以及它的优缺点；
3. 从新的技术栈获得未来前端开发进化的启发。

HTTP协议虽没有限制只允许使用TCP传输，但一直以来都是依赖于TCP实现，这是事实标准。随着基于UDP之上构建的QUIC传输层协议的出现，其天生内嵌HTTP 2协议的支持，让我们在对外开放HTTP API时多了一种传输通道的选择。

微博移动产品部团队在将QUIC应用在移动端生产实践环境的实践过程中，通过在客户端和服务器端做出一些定制，比如QUIC直连、线上环境支持1-RTT和0-RTT握手优化机制等，逐渐摸索出适应自身的实际业务需求。在具体实践中，我们在QUIC规模部署中也踩了一些坑，定制开发了QUIC性能压测工具用于线上容量评估等，针对不同的实际场景我们的降级策略等等行为，在本次议题中，我们将完整的实践内容和反思，一一分享给大家。

听众受益

• QUIC协议的期待和现实实现之间的差距；
• QUIC脱离WEB浏览器在移动端的实践可行性；
• 需要理性看待QUIC通道和TCP通道；
• QUIC服务实际部署中注意事项等。