阅读本文大概需要3.04分钟
前天周日去南山参加了腾讯明星前端团队Alloyteam发起的前端技术大会AC2017。大会期间干货满满，共7个大分享，期间穿插2个小分享。会前还有腾讯的舞蹈团队SOS开场表演，以及下午的茶歇交流会，提供了很多水果和蛋糕。本叔在大会期间拍摄记录的照片，以及知识星球球友Seunzi、掘金官方小伙伴分享的PPT资料和表演视频统一分享给大家学习使用。心急的朋友可以 直接在公众号回复【AC2017】即可获取资料下载地址，希望大家多多支持。
由于周日一整天会议，接下来又排满了工作，暂时没有时间对每一个会上的分享做深入的实践讨论，暂且放上一些PPT截图或照片，并且梳理整个技术分享内容，专题分享的内容实践和思考后续会针对性地发表文章，请大家持续关注（最下方有二维码，长按可识别关注）。
00SOS女子舞蹈团开场表演
想看舞蹈视频的童鞋直接在公众号回复【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】即可获取资料下载地址，希望大家多多支持，长按一下二维码识别，关注即可。
长按二维码关注 程序猿何大叔
