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】便可獲取資料下載地址，但願你們多多支持，長按一下二維碼識別，關注便可。

長按二維碼關注 程序猿何大叔