摘要：雅虎從很早就開始招聘和培養(yǎng)研究型人才，雅虎研究院就是在這個(gè)過程中應(yīng)運(yùn)而生的。今天我就來說一說雅虎研究院的歷史，以及過去十多年間取得的成就，聊一聊如何通過引進(jìn)高級(jí)人才，迅速構(gòu)建起一支世界級(jí)的研發(fā)團(tuán)隊(duì)。

作者：王下邀月熊 編輯：徐川

前端每周清單專注大前端領(lǐng)域內(nèi)容，以對(duì)外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)；分為新聞熱點(diǎn)、開發(fā)教程、工程實(shí)踐、深度閱讀、開源項(xiàng)目、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號(hào)（ID: frontshow），及時(shí)獲取前端每周清單。

國(guó)內(nèi)國(guó)外，前端最新動(dòng)態(tài)

D3 5.0: D3 5.0 作為大版本更新，引入了部分不向后兼容的特性更新。該版本開始使用 Promise 來替代傳統(tǒng)的異步回調(diào)以進(jìn)行數(shù)據(jù)加載，Promise 能夠大大簡(jiǎn)化異步代碼的結(jié)構(gòu)，特別是那些支持 await 與 async 的瀏覽器。此外，該版本還使用了 Fetch API 替代傳統(tǒng)的 XMLHttpRequest 對(duì)象，即使用 d3-fetch 替代 d3-request。更多更新特性介紹請(qǐng)查看原文。

Java 10 正式發(fā)布，帶來了這些新特性: 北京時(shí)間 3 月 21 日，Oracle 官方宣布 Java 10 正式發(fā)布。這是 Java 大版本周期變化后的第一個(gè)正式發(fā)布版本。需要注意的是 Java 9 和 Java 10 都不是 LTS 版本。和過去的 Java 大版本升級(jí)不同，這兩個(gè)只有半年左右的開發(fā)和維護(hù)期。而未來的 Java 11，也就是 18.9 LTS，才是 Java 8 之后第一個(gè) LTS 版本。Java 10 提供了愈百項(xiàng)新特性，譬如 var 局部變量類型推斷、統(tǒng)一的垃圾回收接口等。

步步為營(yíng)，掌握基礎(chǔ)技能

使用 Flutter SDK 開發(fā)簡(jiǎn)單的加密貨幣信息應(yīng)用: Flutter 是 Google 最新開源的用于開發(fā) Android 與 iOS 跨平臺(tái)應(yīng)用的開源工具集；其使用 Dart 編程語言，并且能夠直接編譯為原生代碼，因此其能夠在代碼復(fù)用性與性能之間達(dá)成平衡。本教程中，作者循序漸進(jìn)地介紹如何使用 Flutter 來構(gòu)建展示當(dāng)前不同加密貨幣價(jià)格的應(yīng)用，并且針對(duì)初學(xué)者介紹了 Flutter 架構(gòu)與 Dart 語法基礎(chǔ)。

2018 React.js 全面指南: 本文最早寫于 2015 年，此篇?jiǎng)t是基于最新的 React 16.3 版本進(jìn)行的更新，包含了最新版本中的各個(gè)特性。作者希望在本文中談及 React 的大部分核心方面，包括了：JSX, Virtual DOM, React.Component, state, Component LifeCycle, Events 等。更多相關(guān)內(nèi)容參考 現(xiàn)代 Web 開發(fā)--React 篇。

React Apollo 2.1 介紹: 近日，React Apollo 發(fā)布了 2.1 版本，大幅提升了使用 GraphQL 開發(fā) React 應(yīng)用的體驗(yàn)。該版本提供了新的 Render Prop API 以及更強(qiáng)力的 TypeScript 支持，并且優(yōu)化了說明文檔。本文中，我們將會(huì)對(duì)如下新特性進(jìn)行介紹：基于 Query 的數(shù)據(jù)抓取，使用 Mutation 更新數(shù)據(jù)，利用 ApolloConsumer 簡(jiǎn)化本地狀態(tài)等。更多相關(guān)內(nèi)容參考 現(xiàn)代 Web 開發(fā)--React 篇。

立足實(shí)踐，提示實(shí)際水平

Typescript 2.8 React 組件開發(fā)模式: TypeScript 是非常優(yōu)秀的 JavaScript 靜態(tài)類型擴(kuò)展，本文則在常見的 React 開發(fā)模式的基礎(chǔ)上，使用 TypeScript 2.8 實(shí)現(xiàn)了常見的模式：Stateful, Stateless, Default Props, Render Callbacks, Component Injection, Generic Components, High Order Components, Controlled Components。 更多相關(guān)內(nèi)容參考 React DevPractices Links。

React 應(yīng)用中使用的不同動(dòng)畫庫比較: 優(yōu)雅的動(dòng)畫是 Web 站點(diǎn)體驗(yàn)性的重要保障，現(xiàn)在已經(jīng)有了很多介紹使用方式、使用案例、適用場(chǎng)景的文章。本文則是對(duì)于常見的動(dòng)畫庫進(jìn)行了橫向?qū)Ρ龋瑥亩鴰椭_發(fā)者更好地針對(duì)自身的需求選擇不同的動(dòng)畫庫，包括了以下維度的考量：項(xiàng)目的維護(hù)情況如何，入手的難易程度如何，語法如何，性能如何等等。更多相關(guān)內(nèi)容參考 Awesome Links。

CSS Grid 漸進(jìn)式實(shí)踐: 上個(gè)月我們重新設(shè)計(jì)了 Thomasnet.com，并且使用 CSS Grid 作為主要的布局方式。本文即是 CSS Grid 漸進(jìn)式實(shí)踐的分享： CSS Grid 語法速覽以及技巧分享，CSS Grid 與 Flexbox 對(duì)比，CSS Grid 基礎(chǔ)以及瀏覽器的兼容性保障。 更多相關(guān)內(nèi)容參考 現(xiàn)代 Web 開發(fā)--基礎(chǔ)篇。

深度思考，升華開發(fā)智慧

React 與 React Native 事件系統(tǒng)詳解: 現(xiàn)在已經(jīng)有了很多介紹 React 事件系統(tǒng)的文章，不過鮮有介紹它們內(nèi)部工作原理的。本文作者一直從事著 React Native 開發(fā)，并在本文中分享了其閱讀相關(guān)源代碼后整理得到的理解。本文依次介紹了 React 事件系統(tǒng)概覽、事件接收與管理機(jī)制、EventPluginHub 等內(nèi)容；更多相關(guān)內(nèi)容參考 現(xiàn)代 Web 開發(fā)--React 篇。

關(guān)于圖片壓縮的考量: 在之前的討論中，我們關(guān)注過如何使用 Compressive Images 來壓縮圖片尺寸：即在降低圖片清晰度的同時(shí)，將其設(shè)計(jì)稿的尺寸增大，這樣經(jīng)過瀏覽器自動(dòng)壓縮之后，其視覺效果相差無二。這種方式在測(cè)試用例中能夠帶來 50% 的體積減少，不過這種方式也會(huì)帶來更大的內(nèi)存消耗。更多相關(guān)內(nèi)容參考 現(xiàn)代 Web 開發(fā)--基礎(chǔ)篇。

SketchCode: 使用深度學(xué)習(xí)自動(dòng)化前端開發(fā): 本文作者構(gòu)建了某個(gè)深度學(xué)習(xí)模型，能夠從用戶手繪的設(shè)計(jì)草稿中，生成可用的 HTML 網(wǎng)站；作者希望能夠嘗試?yán)眠@種方式來簡(jiǎn)化現(xiàn)在的設(shè)計(jì)流程。本文依次介紹了 SketchCode 的創(chuàng)意來源與設(shè)計(jì)理念，如果獲取到有效的數(shù)據(jù)集，如何將圖片處理為手繪模式，如何設(shè)計(jì)神經(jīng)網(wǎng)絡(luò)架構(gòu)以及如何進(jìn)行模型訓(xùn)練等內(nèi)容。更多相關(guān)內(nèi)容參考 人工智能與深度學(xué)習(xí)實(shí)戰(zhàn)。

樂于分享，共推前端發(fā)展

Driver.js: Driver.js 是強(qiáng)大的，輕量級(jí)，使用原生 JavaScript 引擎開發(fā)的頁面用戶關(guān)注點(diǎn)。Driver.js 并不僅僅是另一個(gè)指南性質(zhì)的庫，其的用戶場(chǎng)景還是非常廣泛的，能夠用于任何需要為頁面構(gòu)建浮層的情況，譬如當(dāng)用戶需要與某些元素交互而隱藏其他元素的場(chǎng)景。

brain.js: brain.js 是基于 JavaScript 實(shí)現(xiàn)的輕量級(jí)神經(jīng)網(wǎng)絡(luò)（Neural Networks）庫，其提供了非常簡(jiǎn)明易用的接口，并且支持異步訓(xùn)練。目前官方提供了識(shí)別顏色常量、簡(jiǎn)單字母識(shí)別、利用 RNN 編寫簡(jiǎn)單的句子等示范，可以自己嘗試一下。

dejavu: dejavu 是新的 ElasticSearch Web 管理界面，不同于 Kibana 這樣服務(wù)端渲染并且響應(yīng)較差的庫；dejavu 采樣了完全的客戶端渲染方式，這也賦予了其便捷部署的能力，從 Github Pages，Chrome 插件到 Docker 鏡像。dejavu 并且提供了 JSON 與 CSV 文件的導(dǎo)入導(dǎo)出功能，并能夠自定義表格頭，以增強(qiáng)其靈活性。

雅虎研究院——如何從輝煌到失??？: 雅虎是最早成功的互聯(lián)網(wǎng)公司之一，也是最早意識(shí)到需要把基礎(chǔ)研究，特別是機(jī)器學(xué)習(xí)以及人工智能研究，應(yīng)用到實(shí)際產(chǎn)品中的公司。雅虎從很早就開始招聘和培養(yǎng)研究型人才，雅虎研究院就是在這個(gè)過程中應(yīng)運(yùn)而生的。今天我就來說一說雅虎研究院的歷史，以及過去十多年間取得的成就，聊一聊如何通過引進(jìn)高級(jí)人才，迅速構(gòu)建起一支世界級(jí)的研發(fā)團(tuán)隊(duì)。當(dāng)然，也會(huì)聊一聊研究院的衰落。高級(jí)研發(fā)機(jī)構(gòu)對(duì)于企業(yè)而言往往是錦上添花的事情，在整個(gè)公司產(chǎn)品和視野都欠缺的情況下，也往往避免不了最后衰敗的結(jié)局。

「前端之巔」是 InfoQ 旗下關(guān)注前端技術(shù)的垂直社群，加入前端之巔學(xué)習(xí)群請(qǐng)關(guān)注「前端之巔」公眾號(hào)后回復(fù) “ 加群 ”。投稿請(qǐng)發(fā)郵件到 [email protected]，注明 “ 前端之巔投稿 ”。