AC2017腾讯前端大会总结前瞻 | 文末福利

点击阅读原文

前天周日去南山参加了腾讯明星前端团队Alloyteam发起的前端技术大会AC2017。大会期间干货满满，共7个大分享，期间穿插2个小分享。会前还有腾讯的舞蹈团队SOS开场表演，以及下午的茶歇交流会，提供了不少水果和蛋糕。本叔在大会期间拍摄记录的照片，以及知识星球球友Seunzi、掘金官方小伙伴分享的PPT资料和表演视频统一分享给你们学习使用。心急的朋友能够直接在公众号回复【AC2017】便可获取资料下载地址，但愿你们多多支持。

因为周日一成天会议，接下来又排满了工做，暂时没有时间对每个会上的分享作深刻的实践讨论，暂且放上一些PPT截图或照片，而且梳理整个技术分享内容，专题分享的内容实践和思考后续会针对性地发表文章，请你们持续关注（最下方有二维码，长按可识别关注）。

00

SOS女子舞蹈团开场表演

想看舞蹈视频的童鞋直接在公众号回复【AC2017】便可，视频、照片和PPT资料已经为你们打包准备好。

01

第1场 面向亿万级用户的Web同构直出

分享者：李强

直出技术做为提高页面首屏性能的终极手段，早已运用到腾讯的各个业务中，利用直出技术，Web首屏页面的加载速度能获得极大提高。而有了Nodejs的支持，使得同构直出也成为了可能，利用同构直出，先后端没必要再为须要同时维护两套代码而烦恼。兴趣部落做为手Q内日均访问量高达5亿+的大型web业务，在同构直出方面也有很是多的实战经验来保证服务在高并发量下的可用性。李强将为你揭晓这一切。

什主要从如下方面进行讲解：

1. 什么是同构？什么是直出？

2. 如何进行同构直出？

3. 服务的高可用性

02

第2场 大型Web项目可用性提高-零脚本错误的实战

分享者：郭林烁

脚本错误对于前端开发者一点都不陌生，一旦发生脚本错误，轻则影响页面的一些功能，重则直接致使页面白屏。虽然咱们在开发中竭力避免页面出现脚本错误，但由于用户处在各异的网络状况、不一样的浏览器类型等复杂场景中，脚本错误天天仍然大量发生在用户的页面上。AlloyTeam团队在QQ群等亿级pv的项目中积累了大量脚本错误监控和优化的相关经验。Joeyguo将经过这次分享，由浅入深来说解如何设计和搭建一个完善的脚本错误监控上报、高效定位以及调优的实战方案。

主要从如下方面进行讲解：

1. 如何发现代码出了问题

2. 基础监控体系组成

3. 错误信息分析与优化

4. Web安全与脚本错误

5. 开发测试

03

第3场 如何构建后现代前端工程化开发体系

分享者：李成熙

在公司内，团队创造并维护了许多工具平台。在公司外，团队办大会，作开源，写文章，作分享。究竟是AlloyTeam是凭借什么成为如此高效的开发团队呢？李成熙的这次分享将会为你揭开神秘面纱，介绍AlloyTeam成员如何利用前端现代化开发体系来提升本身的工做效率。

主要从如下方面进行讲解：

1. 开发环境的3个主要环节：脚手架与命令行、组件化和接口联调

2. 开发环境与生产环境的衔接环节：数据上报、错误监控、持续集成和测试部署

3. 生产环境

04

第4场 Service Worker主题 | 5分钟小分享

分享者：王伟嘉

Service Worker 是浏览器后台运行 JS 处理网络请求和管理缓存相应的方法。Service Worker 提供了一个 Application Cache 的替代方案，可使得Web应用在离线状况下也能被用户所见。

主要从如下方面进行讲解：

1. Service Worker的基础知识

2. Service Worker的工程实践

3. 为何须要使用Service Worker

4. Service Worker与PWA

05

第5场 JavaScript与机器学习的前世此生

分享者：张磊（github大牛：dntzhang）

人工智能、机器学习是目前最火热的技术，Google DeepMind的AlphaGo在万众瞩目下战胜了围棋大师李世乭九段和柯杰九段，最近的AlphaGo Zero更是让人们对人工智能的期待到达了顶点。做为对人工智能感兴趣的前端开发者，机器学习和JavaScript结合能帮助咱们作些什么事情呢？前端开发者有没有可能在人工智能领域进行深耕？JavaScript程序员可以以何种方式进入人工智能研究的领域？

主要从如下方面进行讲解：

1. 机器学习的基本概念

2. 神经网络分类器

3. 两种神经网络训练方法

4. 遗传算法+神经网络的案例

5. 反向传播算法

6. 手写数字识别案例

06

第6场 高效H5动画设计与性能优化

分享者：廖泽恺

在移动设备性能愈来愈好的今天，基本的web图文展现早已不能知足广大用户的需求，而随着flash正式退出历史舞台，h5动画必将迎来又一次的飞跃发展。廖泽恺的本次分享将向你们介绍H5动画的各类实现原理、在不一样场景下如何选择最合适的动画实现方式、如何在不一样机型下进行适配，以及对动画性能和可配置性上进行深刻探索，帮助你轻松在项目中实现各类各样的动画。

其经过手Q兴趣部落送礼页面的实践为例，主要从如下方面进行讲解：

1. 经常使用动画方案：GIF,APNG,Video,Canvas,JS,SVG,CSS3

2. 移动端屏幕适配

3. 性能监控与优化

4. 性能评分

5. 自动化与可配置性

07

第7场 在ES7时代下的异步处理机制

分享者：（暂时找不到演讲者姓名，sorry...）

Javascript 语言的执行环境是单线程的。若是一个任务耗时很长，就会阻塞后面的任务，致使页面无响应。因而，Javascript 将任务的执行模式分为同步和异步。

主要从如下方面进行讲解：

1. 原生JavaScript解决异步的方式

2. 经过jQuery解决异步的方式

3. 经过Promise解决异步的方式

4. 同步调用和异步调用同时存在致使的混乱

5. ES7下异步处理的终极解决方案

08

第8场 ES2017时代的后函数式编程

分享者：王斌

函数式编程至今已有60年历史，但时至今日仍然有许多开发者被函数式编程的魅力所折服。若是咱们关注过jquery、react、redux等框架的源代码，会发现这些框架做者都加入了很是多的函数式编程技巧。函数式编程究竟有什么优势？对咱们前端开发者编写代码究竟有什么帮助呢？由浅入深认识函数式编程的原理和学习实战技巧，可让咱们像jquery、react、redux做者同样写出优雅的代码。

主要从如下方面进行讲解：

1. 什么是函数式编程

2. 什么是纯函数

3. 函数式编程的特色

4. 什么是柯理化和Compose

5. 什么是Functors(函子)

6. IO和Container

7. 如何用函数式编程实现点击技术

09

第9场 如何把本身构建成大型互联网公司须要的前端人才

分享者：潘佳韩

老教授12年进入腾讯AlloyTeam工做，从前端小白成长为高级工程师和面试官。这次分享将结合老教授本身的成长经历，讲述如何在学校和工做时如何更高效地学习前端知识、校招和社招面试咱们到底须要什么样的前端人才、以及前端新人如何规划职业发展。不管是前端新人仍是有必定工做经验的开发者，这次分享均可以让你少走弯路，早日成为前端大牛。

主要从如下方面进行分享：

1. 大公司有什么好？

2. 社招与校招的区别

3. 校招面试流程

4. 前端基础

5. 校招前端专业知识是考察重点吗？

6. 项目经历

7. 大学阶段该作什么积累？

8. 怎么用大公司的标准要求本身、提高本身？

9. 跳槽与社招

10

结语

关于构建前端工程化开发体系：

上次在TFC2017，全民直播的CTO张云龙先生就分享过《初创公司前端工程体系建设》。我在前端2年的工做时间也认为，为所在的团队打造一个高效的前端工程化开发体系很是有必要，脚手架与命令行、组件化、接口联调、持续集成、自动化测试、部署、版本管理、Dom Diff等等，无一不彰显工程体系建设的重要性。一旦建设完成，将会巨大地提高团队的生产效率，另一点，开发起来也会感受很是有逼格，做为程序猿的咱们，我认为，为了格调，就要开干。

关于JS与机器学习：

dntzhang在会上公布了本身作的马里奥通关游戏利用机器学习方法，主角能够经过不断地变异进化到最后无障碍通关，而对象变异和进化仅是经过加减一个随机数来实现的；并且里面充分地使用了高数的内容，展示了数学的奥妙之处，本叔会抽时间好好钻研一下，实在太吸引人了。

关于参与Conf的门票：

上年的AC2016没有去成，可是今年有了6月份TFC2017的经验，很顺利地就抢到票了。前期官方售票标准价911元，VIP价811元，团购价5位以上798元，均含午饭；学生票价299元，竞价票299元起参与竞价，这两种均不含午饭。我是第一轮竞价发起以前，就用299抢到了，这里主要是给你们提供一个合理的参考，多多关注业界的动态，能够以一个性价比较高的方式获取本身想要的结果。

关于资料获取：

本叔在大会期间拍摄记录的照片，以及知识星球球友Seunzi、掘金官方小伙伴分享的PPT资料和表演视频统一分享给你们学习使用。朋友们能够直接在公众号回复【AC2017】便可获取资料下载地址，但愿你们多多支持，长按一下二维码识别，关注便可。

长按二维码关注 程序猿何大叔