腾讯 Web 前端大会
会前花絮
大会的工作人员，基本都是 AlloyTeam 的工程师哥哥们，在忙完一天的需求之后，周五晚上纷纷赶赴大会现场筹备，为了准备 1000 多位参会者的签到礼物、做设备调试，大家奋战至深夜。
为了让旅途疲惫的参会观众得到放松，我们在开场前准备了一些极具腾讯特色的节目，包括腾讯的 SOS 舞团舞蹈表演，腾讯乐团的精彩乐队表演，还邀请了一位模特儿担任大会宝贝，可以一同合照，不知道大家是否已经跟宝贝拍照或者表白了呢？
主会场
黄老师分享腾讯前端经验
大会开始后，首先迎来了腾讯云技术总监黄老师的开场发言，他分享了自己早年在腾讯前端的开发经历，还有介绍自己在 W3C 无障碍化的工作。黄老师推动业界无障碍化确实是不遗余力。
Winter 分享阿里前端经验
淘宝的 Winter 本来安排在接下来的开场发言，不过由于航班延误，推迟到了最后。他其中提到的理念，Web 与客户端其实不是竞争，更多是融合合作，蛮有启发性。
Nicolas Bevacqua 分享 W3C 标准制定
接下来是来自 Elastic Search 的 Nicolas Bevacqua 分享 TC39 委员会及其制定 W3C 标准的流程，内容虽不难，不过其实对许多新手工程师来说，并不知道。
张云龙分享初创公司的前端工程化
然后是业界工程化先驱，现在在全民直播担任 CTO 的张云龙大神，他毫无保留地将自己在全民直播这样一家初创公司的前端工程化实践，介绍给了大家。
迷渡分享面向前端的 V8 性能优化
主会场最后是由 V8 专家迷渡大神介绍面向前端工程师的 V8 优化。内容有点深，大家可以多到大会技术交流群里向他提问题。
分会场一
1.1 腾讯-万波-WebGL 新篇章
首先由来自腾讯的高级前端工程师 BruceWan（万波）分享《WebGL 新的篇章》，万老师通过通俗易懂的语言向大家讲解了如何去更好的学习 WebGL，分析了 WebGL 的可行性，介绍了 WebGL & ThreeJs 的工作原理。通过简易的例子向大家阐述了一些三维场景的理论知识，并且介绍了三维软件制作流程。通过演示一些实例展示了 WebGL 广阔的应用场景。小编也是被 WebGL 的应用场景所震撼，直呼惊叹。
1.2 美登科技-邓鋆-前端与机器学习结合
接下来是来自美登科技的前端架构师邓鋆分享《前端与机器学习结合》，以未来前端的新定义为开篇打开了大家的新视野。简单的介绍了机器学习的基本概念，传统编程与机器学习的区别。前端如何应用机器学习是大家所关心的，邓老师以实践经验介绍了前端开发与机器学习的结合，数据是机器学习的核心，在采集数据的时候应该注意一些敏感数据以保证用户安全隐私。
1.3 腾讯-渠宏伟-企鹅电竞 PWA 实战
接下来是来自腾讯的高级前端工程师 HongweiQu（渠宏伟）分享《企鹅电竞 PWA 实战》，渐进式 Web 应用简称 PWA，渠老师讲解了 PWA 一些关键特性，并用 Demo 向大家展示了这些特性，用一些 PWA 收益例子突出了 PWA 对于项目的优势。技术总是大家追捧的，老师细心通俗的讲解了 PWA 的核心技术，并用代码展示了具体是如何操作实现的。通过实例向大家演示了如何从无到有创建一个 PWA 应用。最后介绍了 PWA 的一些限制。
1.4 腾讯-卢嘉辉-QQ 空间 AMP 实战
最后是来自腾讯的高级前端工程师 LoviseLu（卢嘉辉）分享《QQ 空间 AMP 实战》，加速移动页简称 AMP，卢老师对 AMP 做了简单的概述，介绍了 AMP 的技术组成与使用，AMP 与非 AMP 页面的优势。通过代码实例演示了如何去完成线上需求。以 QQ 空间线上 AMP 实现为背景，介绍了如何搭建 AMP Cache，页面收录，缓存更新等，最后介绍了 AMP 的应用场景。
分会场一圆桌会议
分会场二
2.1 腾讯-凌实-从浏览器内核看性能优化
首先带来分享的是专注精通于浏览器内核工作原理，QQ 浏览器内核架构组负责人凌实。目前除了缓存等一些广为人知的前端性能优化外，还有什么更有力的优化方式呢？分享先简单介绍了下 QQ 浏览器 X5 内核在加载速度、流畅度上面优化，然后介绍网页加载的特点和瓶颈，不仅给出了一系列的优化方案，还介绍了两款极为好用的调试工具。网络之后再转到了渲染方面，从渲染分层结构上寻求最佳方案；最后展望了一些未来 web 技术的前景，相信未来 web 的生态会越来越全，越来越棒。
2.2 梨享计算-谢庭-WebRTC 加速
接着，来自梨享计算的谢庭给大家带来了运用 WebRTC 进行流媒体加速的方案。嘉宾先简单介绍了 WebRTC 背景和 web 通信的发展历史，然后详细的讲解了建立 WebRTC 的媒体会话流程以及数据通道相关配置；再接着讲解了 P2P 流媒体的一些算法以及其优势特点，最后说了下 WebRTC 与雾计算的配合，并且和云计算进行了细致的对比。这场分享让大家看到了未来 WebRTC 丰厚的使用场景与发展潜力。
2.3 腾讯-周明礼-QQ 钱包应用开发实践
下一场是来自腾讯的资深前端工程师周明礼对 QQ 钱包 h5 应用开发心得。QQ 钱包是一个重量级的 H5 应用，面临着一系列的开发挑战，比如接入层服务器压力、网络环境复杂等情况，嘉宾首先针对这些情况进行了细致的分析，并给出了相关的解决方案。然后指出了传统的浏览器缓存机制的不足，引出基于 service worker 这种新型的缓存管理方案；接着分享了 MoggyCache 离线包去大幅度提升性能的方式，不过优化是无止境的！讲师给出了一个 QQ 钱包中最终页面直出秒开的实践：NODEJS+SONIC。嘉宾从技术选型到 SONIC 的优化方案，让开发者感受到 QQ 钱包这个 H5 应用是如何体验接近于 native 的。
2.4 腾讯-龚澄-小程序框架设计
要是说起前端最近最火的几个词，小程序一定占据了一席之地。会场 2 的最后一场分享就是由腾讯资深前端工程师、WebPY 作者龚澄带来的小程序框架设计。嘉宾先从小程序的起源和基础说起，讲解了小程序与传统 web 开发之间的异同，然后剖析了小程序的架构，指明小程序的优势和限制。既然原生小程序有着诸多的痛点与坑点，那开发者该如何快速敏捷的开发呢？此时 WePY 这个组件化开发框架遍登场啦，WePY 出现的愿景是让开发小程序就像是开发传统 H5 应用一样，开发者可以快速上手业务，而不用去先完整学习整个小程序的开发流程。嘉宾紧接着一步一步的指导听众如何使用 WePY 框架，从代码结构、配套功能还有编译过程上入手，让观众了解到 WePY 的优势；在最后讲解了 WePY 与 web 之间的联系和差异。有了 WePY，相信再遇到小程序的需求时，大家一定可以从容面对啦。
分会场二圆桌会议
分会场三
3.1 百姓网-贺师俊-Start R & B
分会场三率先由贺师俊 Hax 点燃全场。相信大家对以 CoffeeScript、TypeScript 为代表的编译到 JavaScript 的语言已经不陌生。来自百姓网的前端专家贺师俊（Hax）为我们介绍了 JS 平台语言家族的重要新成员 R & B —— Reason（Facebook 推出的 OCamel 语言的新语法和工具链）和 BuckleScript（Bloomburg 开源的 OCamel 到 JS 的高性能编译器）组合，并通过代码实例讲解了 Reason & BuckleScript 的特点和优势。
3.2 腾讯-郭润增-微信支付大规模外包实战
第二场是由微信支付的郭润增讲述，微信支付在业务高速发展下，在前端人力极其匮乏的条件下大规模引入外包团队协同作业。引入外包带来了一些其他的挑战，来自腾讯的高级前端工程师 rizenguo ( 郭润增 ) 从如何保证外包的效率和质量，如何控制版本变更风险以及解决可持续问题的角度为我们一一分享了微信支付的研究实践。
3.3 富途证券-王运国-富途的工程化实践之路
代码难以维护？代码质量堪忧？难复用？难维护？第三场由来自富途的前端技术专家王运国从问题出发，以工程化的角度，分享探索出来的组件化（npm + git）的方案来解决代码相关的问题，并引入 Webpack 与 Jenkins 以解决构建与发布相关的问题。
3.4 石墨-许海浩-揭秘实时协作文档
最后一场，石墨前端团队负责人许海浩分析常用的前端编辑器的方案，并引出一种代码层级的 Text Model 来表示编辑器里的 HTML 内容，从而满足多人编辑的场景，最后深入浅出的讲解了 Text Model 处理多人改动的原理以及多端同步的设计方案，为我们揭开了多人协作文档的秘密，保证文档的正确和稳定。
分会场三圆桌会议
大会展位
大会我们引入了数量不多，但品质优秀的参展商，例如腾讯大讲堂、微信相框、糖大夫、Coding，IT 大咖说、图灵教育、掘金等。
腾讯 Web 前端大会的成功举办，有赖于前端通道、腾讯大讲堂、腾讯学院、AlloyTeam 的通力合作，也有赖于各位合作伙伴的全力支持。我们 2018 年再见！
最后，如果想获取本次大会的 PPT 资料，可通过文末 “阅读原文” 去官网获取。
