機緣巧合，能夠參加 13屆 D2 前端開發者大會，自己的拖延症又犯了，沒有及時將文章整理出來。下次要趁早，不然點讚的人都少了 （o´ﾟ□ﾟ`o）
0 玉伯 —— 體驗科技與好的社會（螞蟻金服）
文字版 www.yuque.com/yubo/words/…插播一條前一日螞蟻金服 SEE_CONF 玉伯的開場
1 圓心 D2 開場
五個變化
1. PC ->
無線 給前端帶來更多的可能性和創造性
-
無線端市場份額越來越多（淘寶 95% 交易在無線端）
-
無線時代的渲染技術的改變
-
無線時代效能優化的改變（Yahoo 的 N 條軍規不能完全適用）
-
無線時代基礎能力的改變 可以獲取更多端提供的方法
- LBS
- 攝像頭
- 陀螺儀
2. nodejs 讓前端走到後端 讓前端獲得更多的能力
- 前端模組化和體系化
- 前端思維模式的改變（eg:微服務模式）
- 阿里現在已經有 4000 多個 node 應用
3. ToB 體系的到來給中後臺有更多的機會
- ToB 體系逐步完善
- ToB 體系天然的標準化和收斂性催生優秀的 UI 元件庫
4. 前端工程化的到來
- 前端開發逐步從開發工具到開發工程
- 前端開發體系逐漸完善
- 前端走向成熟的標誌
5. 框架語言的相對成熟
- vue react 兩大體系使得前端開發逐步確定
三個機會
1. 中國特有的小程式提供新的機會
- 除了微信，支付寶、釘釘 等都開始推出自己的小程式
- 特點：跨平臺、高度的安全性、賦能
2. AI 智慧化帶來的新的機會
-
AI 智慧化的發展並不是和前端完全沒有關係（但是區塊鏈和前端真的沒有關係 ）
-
去 code 化（design to code ）
- 提高開發效率
- 仍需探索
-
端智慧框架
- 服務端的演算法可以下發到客戶端來做
- eg: 淘寶詳情頁無障礙框架（詳情頁為圖片拼接，如何通過 AI 智慧轉換為文字供障礙人士閱讀）
3. PC 桌面帶來的機會（Electron）
- 開發模式的改變
- 雲+ 端使得前後端開發更加高效
總結
-
唯一不變的就是變化
-
前端的發展前景還是充滿活力並且面臨機遇與挑戰
- 新零售
- 異形屏
- 新一代的互動裝置給前端整個體系的挑戰
-
相信你所相信的，堅持你所堅持的
2 個人收穫
其實我覺得參與本次 D2 給我帶來最大的幫助就是讓我對我現在所從事的行業更加有信心，因為我們能做的還有很多。
其實之前一直有言論說前端工程師慢慢將會被取代，因為這幾年確實有很多優秀的工具出現。
如果你也有這樣的擔心，那麼完全是因為你現在所做的事情就和搬磚的工人是一樣的，機械的重複勞動，所以將會被取代的是 你 本身，而不是某一個行業，我相信，如果只是機械的勞動的話，不久的將來，都是會被機器替代掉的。
從圓心的發言來看，現如今的社會的發展，計算機的發展和前端的發展，和五年之前或者三年之前都是有很大的變化的。那麼面對這些變化，就會有更多的機會和挑戰，比如：
- PC 到無線時代的轉變我們可以獲得更多端的基礎能力
- Nodejs 讓前端開發工程師可以走向後端，無論是業務還是思維方式
- ToB 體系的完善可以讓我們開發出更多的標準化 UI 元件庫
- 中國特有的小程式也會有更多的機遇與挑戰
- PC 桌面我們也可以做更多的事情了
- AI 智慧化逐步會讓前端去 code 化（design 2 code）也會催生出更多的端智慧框架
- 特大螢幕和超小螢幕也會給前端開發有更多的開發和挑戰
- 新一代的互動裝置給前端整個體系的挑戰
也就是說，在未來的幾年中，我們所從事的行業還是有很多的領域需要我們去探索的，我們能做的還有更多，同時，未來也還會有無限種可能，未來就掌握在我們每個人的手中，我們每個人都是推動時代進步的一份子。
3 個人感悟
相對於之前參與的 JSConf，本次 D2 收穫還是蠻多的，也是從一個剛入行的小菜鳥變成了稍微好一點的小菜鳥(ಥ_ಥ)
你從 D2 這樣的分享會能得到什麼
- 想要乾貨？八成都不是，你能得到的是整體大環境的發展趨勢
- 你可以瞭解到其他大牛們都在研究什麼，開闊技術視野，時不時感慨還可以這樣？！ヽ(；´Д｀)ﾉ
- 獲得第一手的學習資料，作者本人直接向你講述，如果你有問題，作者本人可以給你答疑解惑~~
- 感受下和大牛們之前的差距，嗯，可能也就是月球到地球的距離吧 (〒︿〒)
- 學習一下演講技巧，如何在短時間內讓大家理解你想要表達的內容
- 大型網友見面會，感受下旁邊有在微信上問你：“你是不是也來 D2 了呀，我旁邊有個人和你很像唉~~”
- 順便帶走個
女朋友男朋友基友（也不是沒有可能啊喂，上次 餓了麼 秋季交流會就有現場帶走女朋友的~~~）
D2 分享資料：
-
GraphQL rewrite and performance improvement 》王啟安 / Facebook 前端工程師
由臺灣小哥講解的 GraphQL，主要講了 GraphQL 的一些概念使用以及優勢 思路清晰通俗易懂，業務痛點和應用場景也有介紹。
相關資料：graphql.org/ graphql.cn/
一種用於 API 的查詢語言：GraphQL 既是一種用於 API 的查詢語言也是一個滿足你資料查詢的執行時。 GraphQL 對你的 API 中的資料提供了一套易於理解的完整描述，使得客戶端能夠準確地獲得它需要的資料，而且沒有任何冗餘，也讓 API 更容易地隨著時間推移而演進，還能用於構建強大的開發者工具。
-
《你不知道的 Node.js 效能優化》 Starkwang/ 騰訊雲前端工程師 zhuanlan.zhihu.com/p/50055740
小哥哥講的很好，準備非常充分，對內容非常熟悉。講了一些很實用的優化方法和思路，最後還講了怎麼做效能監控，可以說是很用心的了
-
《如何通過逆向工程 V8 從故障的程式中復活 JavaScript 》張秋怡 / Node.js Technical Steering Committee 的成員
通過 Node.js 還原事故現場，在 Node.js 事故之前保留所有除錯相關的資訊，便於事後除錯
相關資料：llnode ：github.com/nodejs/llno…
-
《WebAssembly becoming the biggest platform》Sven Sauleau / TC39成員、Babel 核心成員、 Webpack核心成員、 WebAssembly專家 d2-2019.sauleau.com/
相關資料： webassembly.org.cn/
WebAssembly/wasm WebAssembly 或者 wasm 是一個可移植、體積小、載入快並且相容 Web 的全新格式
-
《Migration To React Suspense》閆暢 / Facebook 前端工程師（github.com/cyan33/Migr…
主要闡述了 React Suspense 所要解決的問題以及相關的使用
-
《Will “class fields” be the new “bad part” of JavaScript? 》賀師俊（Hax）/ 百姓網架構部工程師
-
《從 spritejs 談完整的 UI 系統設計》winter / 計算機之子
主要講了UI系統的設計/分層，包括圍繞spritejs講了其設計以及一些優化，清晰易懂。
UI 系統分哪幾層，瀏覽器、Weex、Flutter 分別是如何實現這幾層的？
接著介紹了 SpriteJS 匹配之前所述的 UI 系統各層都採用了哪些實現方案。最後 winter 給了一些關於由 SpriteJS 在 UI 系統圖形層、渲染層的展望引出的總結
-
《Web 渲染引擎中興之路之技術大揭祕》成國凱 / 阿里巴巴 無線開發專家
從 U3 到 U4 核心，渲染引擎以及容器都有哪些變化，Rasterization 即光柵化是如何利用 GPU 能力的，從單執行緒到多執行緒、多程式和沙箱多程式，Web 平臺的演進史，該如何合理使用 Layer？U4 眾多新特性介紹，以及滑動效能優化、首屏效能優化、混合渲染等等
-
《What makes Flutter fast》李宇騫 / Google Flutter 開發 2018谷歌開發者大會講Less Work（幹活少） Better incentiv（激勵好）
-
《淘寶 MiniApp 容器架構探索之路》煉玉 / 阿里巴巴 高階無線開發工程師煉玉 / 阿里巴巴 高階無線開發工程師煉玉 / 阿里巴巴 高階無線開發工程師主要講手淘在在頁面層與底層抽出來一層業務容器層，圍繞講了一些隔離 / 監控 / debug / 效能優化等，主要還是從架構&
策略等方面去聊手淘小程式的技術，也聊了一些經典問題比如長列表滾動效能問題如何解決之類
分享資料很多都是從 www.zhihu.com/question/30… 下 copy 過來的，侵刪