The event has been closed.

09:00  

使用 PWA + AMP 构建超快 Web App

随着浏览器性能的不断升级以及前端技术的发展，前端开发的复杂度也在急剧上升，动辄上兆的 JavaScript 脚本加载使得我们的网站功能更加丰富的同时却也使得浏览器的负载越来越大，加载速度甚至变慢。而 PWA 和 AMP 要解决的问题核心之一便是性能，本次话题将会带领大家领略在此双剑合璧之下 Web App 的性能提升到底如何。

 李耀东

 ThoughtWorks 高级前端工程师

09:45 

滤镜与混合模式

滤镜与混合模式是目前可以在实际项目中应用的CSS新的特性，其给web开发带来的变革不仅仅是视觉表现的提升，对于web功能的开发也有极大的帮助。

 张鑫旭

 阅文集团-前端重构

 畅销书《CSS世界》作者

10:30  

前端多媒体技术的探究

1 多媒体行业分析

近几年短视频的蓬勃发展，直播行业方兴未艾，我们聊聊前端开发从业者在多媒体领域里肩负的使命和机会

2 HTML5 多媒体接口概述

从生产的角度分析 HTML5 多媒体接口的普通应用和高级扩展，概述设计的不足和可拓展性

3 前端拓展多媒体的实践

结合字节跳动的实践，谈谈前端技术对多媒体接口能力的拓展

4 前端多媒体标准的提议

根据我们大量的应用场景实践以及对多媒体算法的实现，提议几项标准增强浏览器端处理多媒体的能力

银国徽

字节跳动 视频架构前端负责人

11:15  

主题待定

 贺师俊 Hax

 百姓网 前端专家

09:00  

React-Hooks：从设计理念到实战经验

本次分享将从 class-component 现有的问题出发，引出 react-hooks 的起源和它如何解决那些问题。通过几组实战案例，演示 react-hooks 带来的代码简洁化、逻辑可复用与提升渲染一致性等优势。从源码实现的角度分析 react-hooks 为什么如此设计，并指出它目前的限制和使用场景。

 李子翔

 携程度假研发部前端架构组

 高级前端工程师

09:45  

React：The bad parts

React 框架因其颠覆性的设计、清新的数据状态管理理念、甚至“性能友好”卖点，一经推出很快风靡业界。我们在历数 React 框架特点，学习其精髓之时，也不妨从 bad parts 入手，分析它有哪些“瑕疵”，这些“瑕疵”有的已经在 React 发展过程中被淘汰或被“纠正”，有的依然存在，甚至就在你的代码当中！

 侯策LucacHC

《React 状态管理与同构实战》作者

10:30  

React状态管理最佳实践探索

React做为业界主流框架之一专注定位UI，因此应用状态管理就成了一个绕不开的话题，种类繁多的状态管理库应运而生。那么新的Context API 和 React Hooks 又能为状态管理带来什么新思路？今天让我们一起从窥斑知豹，探索一下状态管理的最佳实践。

 贾扉扉（元贽）

 阿里巴巴

 前端技术专家

11:15  

RxJS 在 React 中的应用

- RxJS 简介

- RxJS 与 Redux/Mobx 之间的关系

- 在 Redux 中使用 RxJS

  - redux-observable 介绍

  - redux-observable 与 redux-saga 的异同

  - 在 redux-epics-decorator 下使用 RxJS

- 在 React 中直接使用 RxJS

- 在 react hooks 中使用 RxJS

  - 使用 rxjs-hooks

  - 使用 ayanmi

- 总结

龙逸楠

LeetCode 中国  

架构师

13:00  

Omi - Push JSX and Web Components to the limit

目前 Omi 生态非常丰富，其口号是 One framework. Mobile & Desktop & Mini Program & Cloud。那么整体生态底层的核心基础 JSX 和 Web  Components 的扮演了什么角色，它对 Omi 的整体架构设计有什么意义？ 它对桌面开发、移动 Web 开发和小程序云开发有什么影响？它对图形 图像渲染和开发有什么作用？拭目以待。

 张磊 dntzhang

 腾讯 

 Omi 框架负责人 & 高级前端工程师

13:45  

chameleon 跨端实践经验分享

无论各类小程序、weex、react-native，甚至flutter也只是变的是语言和编译模式，不变的是开发架构模式，CML是以更基础更先进更面向未来mvvm+为指导，手段是运行时和编译时，甚至不限制于DSL。为什么cml具有先进性：

1. cml 基于mvvm+更抽象的标准去统一，且涉及工程化和框架的各个细节点的统一

2. 多态协议让各个细节又能差异化实现

我们来分享一下其中的一些故事~

 杨益良 

 滴滴 - 高级前端工程师

14:30  

茶 歇

14:45  

ARMS小程序监控进阶之路

1.了解小程序监控现状及面临的问题。小程序与H5的不同，小程序监控与传统的Web监控也不一样，同时小程序监控面临着：用户体验数据提供较少、无法支持所有的小程序监控、不能提供端到端的监控等等问题。

2.了解小程序监控的相关数据采集原理及如何快速定位小程序问题：如何覆盖不同的小程序监控、如何端到端的监控定位问题以及小程序相对于Web页面不同的一些采集原理问题

3.了解小程序监控系统的架构，对前端日志采集SDK设计、分布式实时流计算架构、监控告警等领域有更深刻的认识

 付萌（慕扉）

 阿里巴巴 高级前端开发工程师

 阿里内部前端监控平台Retcode技术负责人

15:30  

企业级H5质量工程体系探索

1. 前端质量困境：为什么后端开发可以便捷的进行单元测试和集成测试，但前端却难以推行？

2. 思考和破局：如何通过以数据为中心实现前端质量的突破(支付宝商家技术部的实践，含live demo）

3. 协作与赋能：如何既保障质量，又提升整体的工程效能。

 田浩（灵杭）

 蚂蚁金服高级前端工程师

 支付宝内部前端质量平台魔数项目技术负责人

16:15  

使用serverless云服务快速开发小程序

随着微信小程序的普及，开发小程序已经成为了前端的必备技能，serverless也成为了前端的最新趋势，本次演讲将会介绍如何使用serverless帮助开发者快速开发小程序，免去服务器端编码工作，降低开发成本和开发时间，利用一种全新的思维方式解放生产力。

 曹昱豪

 ThoughtWorks 

 高级前端工程师

17:00 

抽奖，拍照留恋

13:00  

聊聊 Node.js 构建部署时我们要关心的数据

在 DevOps 的时代，构建和部署都已经自动化了。我们可以在构建时和部署时收集一些我们可能要关心的数据，用于以后排错、预警等等。本 Topic 为我在蚂蚁金服做这些数据的收集和实践的一些总结。

 死月

 蚂蚁金服 

 Node.js 工程师

 Node.js Core Collaborator 之一， 《Node.js：来一打 C++ 扩展》作者。

13:45 

让你的网页更丝滑

在大流量C端Web产品中，性能至关重要，网页的丝滑程度与收入和流量息息相关；用户来访问我们的网站，他们希望我们提供流畅的网页，当网页变得不那么丝滑时，用户会感到懊恼与烦躁，然后他们可能会关闭我们的网站，从而导致我们的收入与流量下滑，我们来聊聊如何解决这个问题。

 刘博文

 360导航事业部

 资深前端工程师

14:30  

 茶歇

14:45  

面向接口编程在前端的探索

产品又改了需求？后端给了错误的数据结构？接手了同事的祖传代码？一遍又一遍写重复的模板代码？那个前端终于不堪忍受，偷学了后端编程理念。且看如何运用面向接口编程，挑战前端场景中遇到的痛点。

吴明骏

饿了么大前端高级前端工程师

15:30  

前端核心代码保护技术概览

由于Web的开放性，前端的核心代码保护一直是困扰我们的一个大难题，随着浏览器开发工具越来越便利，“前端代码无秘密”仿佛已经成为了一个无法被打破的既定陈规。此次演讲主题我们从主流的前端核心代码保护方案的原理开始讲起，最终引出一种更为安全、现代的基于WebAssembly及VM的核心代码保护方案，希望大家能从中获得启发并使用与改进，最终参与到WebAssembly和前端安全的领域中来，贡献自己的一份力量。

 赵洋

 前百度、腾讯前端开发工程师

16:15  

服务端渲染框架在喜马拉雅的演变

1. 社区框架next.js的验证使用，发现其难以满足复杂路由的服务端渲染场景

2. 围绕react-router来构建框架，介绍架构解耦的过程

3. 服务端渲染是如何做到更优于现在社区提供的样式处理方案，做到样式按需加载，以及路由的优雅实现策略等

4. 开发者可以在node端做哪些事情，并在框架内提供了哪些便利，比如中间件热更新技术等

5. 根据喜马拉雅的实际案例介绍一个服务端的项目如何部署、发布，整个CI/CD的集成实现

6. 基于服务端渲染场景下的node服务如何进行性能优化，日志监控等

 孙杨杰

 喜马拉雅 前端架构师

17:00  

抽奖，拍照留念

13:00  

模型驱动开发

分享一种以模型为中心的思维方式，向你展示如何围绕业务模型和视图模型构建应用。这种思维方式可以帮助你从纷繁复杂的需求中抓住稳定的本质，快速理顺开发思路，更轻松地应用 TDD 开发方式，建立具有良好维护性的系统。

本主题还将帮助你打破前后端的界限，看到前后端之间的相通之处，通过提升技能与眼界，让你看到成长为 WLB 全栈工程师的发展路径。

汪志成

ThoughtWorks 

高级工程师

Google Developer Expert

13:45  

前端能力中台化之路

1.组件化发展历程及其现状

2.组件能力中台化

2.1 组件库做到可配置可扩展的技术实现(技术点,重点谈)

2.2 设计端Fusioncool 渲染组件的技术挑战(技术点, 详谈)

2.3 统一物料的标准,促进物料沉淀

3.现状&未来

3.1 全流程演示

3.2 组件库无障碍的成果

3.3 阿里内部组件库统一化标准化基础化。物料沉淀也可以反哺设计师

3.4 代码自动生成

听众收益

1.行业新姿态

2.阿里内部前端工程是如何中台化为前端设计师、后端工程师、设计师提效。

李正韬

阿里巴巴 高级前端工程师

Alibaba Fusion Design核心开发者

14:30  

茶歇

14:45  

Element 高效中后台开发

企业的发展离不开背后数不尽的中后台的支撑，这些项目功能复杂又相对独立，开发成本高重复性也比较多。本次分享将介绍 Element 是如何在饿了么中后台系统开发中保证质量、提升效率和满足个性化定制需求的。

朱 昆

饿了么 前端工程师

15:30  

业务实现标准化在中台领域的探索

随着中台业务的不断膨胀，研发效率降低也带来了不少挑战。百度原生广告实践出了基于react技术栈的应用开发框架。通过该框架，每个开发者都将写出一致的代码实现，并拥有配套的测试工具。此次主题将为你介绍百度在中台业务开发所遇到的问题以及框架提供的方法

董天成

百度  高级前端工程师

16:15  

建设企业级的前端应用体系

网易严选包含众多业务线，我们需要支持上百个系统。在业务线众多、需求不断变更的场景下，我们如何高效率、高质量地解决问题并提供优秀的用户体验呢？本次分享将围绕前端规范建设、基础框架建设、工程化建设、未来的规划这四个主题，为大家在如何建设企业级前端技术体系方面提供一些思路和帮助。

 张浩

 网易 资深前端开发工程师

17:00  

抽奖，拍照留念