前端实践思考和探索

会议室:第五会议厅AB
出品人:沈洲

随着手机配置越来越高,移动浏览器的功能越来越强大,前端可做的事情越来越多,想象力... 展开 >

专题出品人:沈洲

百度 网页搜索部Web前端团队技术负责人

沈洲于2008年加入百度,先后担任图片搜索Web前端技术负责人,视频搜索Web前端技术负责人。自2011年起,加入网页搜索部Web前端团队,担任技术负责人。先后负责百度搜索Web前端渲染架构、百度搜索前端速度、百度搜索生态调研、百度搜索用户行为日志专题等工作。自2015年底起,负责百度搜索前端极速浏览框架和移动网页加速器工作,目前极速浏览框架覆盖的点出PV已经数亿。

地点:第五会议厅AB

专题:前端实践思考和探索

随着手机配置越来越高,移动浏览器的功能越来越强大,前端可做的事情越来越多,想象力和空间越来越大;而我们的前端工程师,不仅仅需要关注前端基础的技术选型(如组件化机制),前端性能优化,前端工程效率;同样需要关注前端技术怎么更好的和设计、交互、端的结合,给用户提供更好的产品体验。 另外,随着人工智能、物联网等技术的普及,从未来的端来看,端已经不仅仅是手机和PC,会涉及到各种各样的端的交互和展现形式。在这个专题中,希望通过前端一线工程师的技术实践,给大家带来更多的思考和经验参考。

by 程劭非(寒冬)

淘宝
高级技术专家

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

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

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

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

by 宋光宇

奇虎360
前端开发工程师
泛娱乐直播下的HTML5
所属领域: 前端

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

主要内容

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

by 陈超

腾讯
Web前端高级工程师,IMWeb团队成员

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

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

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

主要内容

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

by Jakub Jedryszek

Microsoft
软件工程师

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

本次演讲将分享如何借助人工智能和机器学习构建智能化云解决方案,涉及内容包括从架构基础设施到使用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.

by 彭星

百度
资深前端工程师

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打包方案。

by 郭力恒

广发证券
前端技术专家

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

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

听众受益

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

by 聂永

新浪微博
技术专家

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

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

听众受益

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

交通指南

© 2019 Baidu - GS(2018)5572号 - 甲测资字1100930 - 京ICP证030173号 - Data © 长地万方