腾讯Web前端大会TFC2017精彩回顾

腾讯Web前端大会TFC2017精彩回顾本站　　腾讯Web前端大会TFC2017/已经结束啦

　　腾讯Web前端大会TFC2017/已经结束啦。希望大家收获满满干货的同时，能够在现场与大牛们碰撞各种火花。

　　大会的工作人员，基本都是AlloyTeam的工程师哥哥们，在忙完一天的需求之后，周五晚上纷纷赶赴大会现场筹备，为了准备1000多位参会者的签到礼物、做设备调试，大家奋战至深夜。

　　为了让旅途疲惫的参会观众得到放松，我们在开场前准备了一些极具腾讯特色的节目，包括腾讯的SOS舞团舞蹈表演，腾讯乐团的精彩乐队表演，还邀请了一位模特儿担任大会宝贝，可以一同合照，不知道大家是否已经跟宝贝拍照或者表白了呢？

　　大会开始后，首先迎来了腾讯云技术总监黄老师的开场发言，他分享了自己早年在腾讯前端的开发经历，还有介绍自己在W3C无障碍化的工作。黄老师推动业界无障碍化确实是不遗余力。

　　淘宝的Winter本来安排在接下来的开场发言，不过由于航班延误，推迟到了最后。他其中提到的理念，Web与客户端其实不是竞争，更多是融合合作，蛮有启发性。

　　接下来是来自Elastic Search 的 Nicolas Bevacqua 分享 TC39 委员会及其制定W3C标准的流程，内容虽不难，不过其实对许多新手工程师来说，并不知道。

　　然后是业界工程化先驱，现在在全民直播担任CTO的张云龙大神，他毫无保留地将自己在全民直播这样一家初创公司的前端工程化实践，介绍给了大家。

　　主会场最后是由V8专家迷渡大神介绍面向前端工程师的V8优化。内容有点深，大家可以多到大会技术交流群里向他提问题。

　　首先由来自腾讯的高级前端工程师BruceWan（万波）分享《WebGL新的篇章》，万老师通过通俗易懂的语言向大家讲解了如何去更好的学习WebGL，分析了WebGL的可行性，介绍了WebGL & ThreeJs的工作原理。通过简易的例子向大家阐述了一些三维场景的理论知识，并且介绍了三维软件制作流程。通过演示一些实例展示了WebGL广阔的应用场景。小编也是被WebGL的应用场景所震撼，直呼惊叹。

　　接下来是来自美登科技的前端架构师邓鋆分享《前端与机器学习结合》，以未来前端的新定义为开篇打开了大家的新视野。简单的介绍了机器学习的基本概念，传统编程与机器学习的区别。前端如何应用机器学习是大家所关心的，邓老师以实践经验介绍了前端开发与机器学习的结合，数据是机器学习的核心，在采集数据的时候应该注意一些敏感数据以保证用户安全隐私。

　　接下来是来自腾讯的高级前端工程师HongweiQu（渠宏伟）分享《企鹅电竞PWA实战》，渐进式Web应用简称PWA，渠老师讲解了PWA一些关键特性，并用Demo向大家展示了这些特性，用一些PWA收益例子突出了PWA对于项目的优势。技术总是大家追捧的，老师细心通俗的讲解了PWA的核心技术，并用代码展示了具体是如何操作实现的。通过实例向大家演示了如何从无到有创建一个PWA应用。最后介绍了PWA的一些限制。

　　最后是来自腾讯的高级前端工程师LoviseLu（卢嘉辉）分享《QQ空间AMP实战》，加速移动页简称AMP，卢老师对AMP做了简单的概述，介绍了AMP的技术组成与使用，AMP与非AMP页面的优势。通过代码实例演示了如何去完成线上需求。以QQ空间线上AMP实现为背景，介绍了如何搭建AMP Cache，页面收录，缓存更新等，最后介绍了AMP的应用场景。

　　首先带来分享的是专注精通于浏览器内核工作原理，QQ浏览器内核架构组负责人凌实。目前除了缓存等一些广为人知的前端性能优化外，还有什么更有力的优化方式呢？分享先简单介绍了下QQ浏览器X5内核在加载速度、流畅度上面优化，然后介绍网页加载的特点和瓶颈，不仅给出了一系列的优化方案，还介绍了两款极为好用的调试工具。网络之后再转到了渲染方面，从渲染分层结构上寻求最佳方案；最后展望了一些未来web技术的前景，相信未来web的生态会越来越全，越来越棒。

　　接着，来自梨享计算的谢庭给大家带来了运用WebRTC进行流媒体加速的方案。嘉宾先简单介绍了WebRTC背景和web通信的发展历史，然后详细的讲解了建立WebRTC的媒体会话流程以及数据通道相关配置；再接着讲解了P2P流媒体的一些算法以及其优势特点，最后说了下WebRTC与雾计算的配合，并且和云计算进行了细致的对比。这场分享让大家看到了未来WebRTC丰厚的使用场景与发展潜力。

　　下一场是来自腾讯的资深前端工程师周明礼对QQ钱包h5应用开发心得。QQ钱包是一个重量级的H5应用，面临着一系列的开发挑战，比如接入层服务器压力、网络环境复杂等情况，嘉宾首先针对这些情况进行了细致的分析，并给出了相关的解决方案。然后指出了传统的浏览器缓存机制的不足，引出基于service worker这种新型的缓存管理方案；接着分享了MoggyCache离线包去大幅度提升性能的方式，不过优化是无止境的！讲师给出了一个QQ钱包中最终页面直出秒开的实践：NODEJS+SONIC。嘉宾从技术选型到SONIC的优化方案，让开发者感受到QQ钱包这个H5应用是如何体验接近于native 的。

　　要是说起前端最近最火的几个词，小程序一定占据了一席之地。会场2的最后一场分享就是由腾讯资深前端工程师、WebPY作者龚澄带来的小程序框架设计。嘉宾先从小程序的起源和基础说起，讲解了小程序与传统web开发之间的异同，然后剖析了小程序的架构，指明小程序的优势和限制。既然原生小程序有着诸多的痛点与坑点，那开发者该如何快速敏捷的开发呢？此时WePY这个组件化开发框架遍登场啦，WePY出现的愿景是让开发小程序就像是开发传统H5应用一样，开发者可以快速上手业务，而不用去先完整学习整个小程序的开发流程。嘉宾紧接着一步一步的指导听众如何使用WePY框架，从代码结构、配套功能还有编译过程上入手，让观众了解到WePY的优势；在最后讲解了WePY与web之间的联系和差异。有了WePY，相信再遇到小程序的需求时，大家一定可以从容面对啦。

　　分会场三率先由贺师俊Hax点燃全场。相信大家对以 Coffee、Type 为代表的编译到 Java 的语言已经不陌生。来自百姓网的前端专家贺师俊（Hax）为我们介绍了 JS 平台语言家族的重要新成员 R & B —— Reason（Facebook 推出的 OCamel 语言的新语法和工具链） 和 Buckle（Bloomburg 开源的 OCamel 到 JS 的高性能编译器） 组合，并通过代码实例讲解了 Reason & Buckle 的特点和优势。

　　第二场是由微信支付的郭润增讲述，微信支付在业务高速发展下，在前端人力极其匮乏的条件下大规模引入外包团队协同作业。引入外包带来了一些其他的挑战，来自腾讯的高级前端工程师 rizenguo ( 郭润增 ) 从如何保证外包的效率和质量，如何控制版本变更风险以及解决可持续问题的角度为我们一一分享了微信支付的研究实践。

　　代码难以维护？代码质量堪忧？难复用？难维护？第三场由来自富途的前端技术专家王运国从问题出发，以工程化的角度，分享探索出来的组件化（npm + git）的方案来解决代码相关的问题，并引入 Webpack 与 Jenkins 以解决构建与发布相关的问题。

　　最后一场，石墨前端团队负责人许海浩分析常用的前端编辑器的方案，并引出一种代码层级的 Text Model 来表示编辑器里的 HTML 内容，从而满足多人编辑的场景，最后深入浅出的讲解了 Text Model 处理多人改动的原理以及多端同步的设计方案，为我们揭开了多人协作文档的秘密，保证文档的正确和稳定。

　　大会我们引入了数量不多，但品质优秀的参展商，例如腾讯大讲堂、微信相框、糖大夫、Coding，IT大咖说、图灵教育、掘金等。

　　腾讯Web前端大会的成功举办，有赖于前端通道、腾讯大讲堂、腾讯学院、AlloyTeam的通力合作，也有赖于各位合作伙伴的全力支持。我们2018 年再见！