摘要：開發(fā)教程步步為營(yíng)，掌握基礎(chǔ)技能發(fā)布機(jī)器學(xué)習(xí)速成課程為了幫助更多的人了解與學(xué)習(xí)機(jī)器學(xué)習(xí)相關(guān)的知識(shí)技能，發(fā)布了人工智能學(xué)習(xí)網(wǎng)站。更多相關(guān)內(nèi)容參考數(shù)據(jù)科學(xué)與機(jī)器學(xué)習(xí)實(shí)戰(zhàn)手冊(cè)。

前端每周清單專注前端領(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)

Go 語(yǔ)言的 WebAssembly 架構(gòu): 本文檔描述了 Go 編譯器中即將加入的 WebAssembly 架構(gòu)設(shè)計(jì)方案，該方案會(huì)被合入目前的 Go 1.11 版本。這也意味著我們可以使用 Go 來(lái)編寫 WebAssembly 模塊代碼，從而也為 Go 提供了類似于 JavaScript 這樣能夠編寫 Web 端應(yīng)用的能力。可預(yù)見該架構(gòu)會(huì)對(duì)軟件工程生態(tài)體系有一定積極的影響。

Flutter beta 1 發(fā)布: 作為 Mobile Word Congress 2018 的一部分，近日 Flutter 正式發(fā)布了其首個(gè) Beta 版本。Flutter 是 Google 新的移動(dòng)端界面框架，用來(lái)幫助開發(fā)者快速構(gòu)建高質(zhì)量的跨平臺(tái)原生界面。Flutter 致力于實(shí)現(xiàn)以下目標(biāo)：原生的無(wú)縫集成與性能保障，高效率的開發(fā)以及大量跨平臺(tái)的 UI 工具/組件庫(kù)。

再見，PhantomJS: 隨著 Chrome 與 Firefox 紛紛推出了 Headless 模式，原本許多的 PhantomJS 開發(fā)活動(dòng)都逐漸停滯。近日，PhantomJS 宣布將會(huì)歸檔其項(xiàng)目，并且停止開發(fā)操作；PhantomJS 2.1.1 將會(huì)是最后一個(gè)穩(wěn)定版本。感謝 PhantomJS 這些年來(lái)帶給我們的功能特性，它已經(jīng)很好地完成了最初的目標(biāo)與歷史使命，感謝 & 再見。

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

Google 發(fā)布機(jī)器學(xué)習(xí)速成課程: 為了幫助更多的人了解與學(xué)習(xí)機(jī)器學(xué)習(xí)相關(guān)的知識(shí)技能，Google 發(fā)布了人工智能學(xué)習(xí)網(wǎng)站 Learn with Google AI。本次課程，一共是 15 小時(shí)，其中包括 25 節(jié)課程以及 40 多項(xiàng)練習(xí)，該課程并不要求任何前置的學(xué)習(xí)內(nèi)容，非常適合于各個(gè)層次的初學(xué)者。非常值得一提的是，本次課程提供了非常完美的中文支持，包括中文配音，中文課程材料以及中文概念講解。更多相關(guān)內(nèi)容參考 數(shù)據(jù)科學(xué)與機(jī)器學(xué)習(xí)實(shí)戰(zhàn)手冊(cè)。

深入探究 ES2018 與 ES2019: 本小冊(cè)是對(duì)于 ES2018 與 ES2019 的特性進(jìn)行全面的介紹與講解，目前涵蓋了 ES2018 中的 Asynchronous iteration, Rest/Spread Properties, RegExp named capture groups, RegExp Unicode property escapes, RegExp lookbehind assertions, s (dotAll) flag for regular expressions, Promise.prototype.finally(), Template Literal Revision 等特性。更多相關(guān)內(nèi)容參考 現(xiàn)代 JavaScript 開發(fā)：語(yǔ)法基礎(chǔ)與工程實(shí)踐。

React Suspense 演練: Dan 在 JSConf Iceland 上演示的 Async React Demo 吸引了大量的關(guān)注，并為我們介紹了 Time Slicing 與 React Suspense 這兩個(gè)特性。本文即是對(duì)于 Movie Search 案例的分析與實(shí)踐，從而了解 React Suspense API 的相關(guān)特性，包括了 simple-cache-provider.SimpleCache, simple-cache-provider.createResource, ReactDOM.unstable_deferredUpdates 等。更多相關(guān)內(nèi)容參考現(xiàn)代 Web 開發(fā)基礎(chǔ)與工程實(shí)踐--React 篇。

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

你或許不知道的 CSS 技巧: 本文是對(duì)于 CSS 中的一些特性用法進(jìn)行介紹，有點(diǎn)類似于 30 Seconds of CSS 這樣的 CSS 實(shí)用代碼片。本文涉及到的技巧譬如基于寬度的垂直排版，多背景動(dòng)畫，字體簡(jiǎn)寫等等。更多相關(guān)內(nèi)容參考 CSS CheatSheet。

Electron 應(yīng)用自動(dòng)更新方案設(shè)計(jì): 在發(fā)布一個(gè)桌面應(yīng)用之前，必須要考慮的一個(gè)問題是：怎么更新（迭代）？作者設(shè)計(jì)和實(shí)現(xiàn)了 Electron 應(yīng)用的一整套自動(dòng)更新方案，并且已應(yīng)用于產(chǎn)品上，所以寫下這篇文章和大家分享，可以怎么設(shè)計(jì)和實(shí)現(xiàn)一個(gè) Electron 應(yīng)用的自動(dòng)更新，我們對(duì)于自動(dòng)更新需求的考慮可能比你想得稍微復(fù)雜一些。本文將首先從需不需要更新開始談起，接著談怎么從人肉更新一步步進(jìn)化到無(wú)痛的自動(dòng)更新。然后，我會(huì)向你介紹，一個(gè)完善后的自動(dòng)更新需求可以是怎樣的。最后，也是最關(guān)鍵的一部分 —— 我們?cè)摬扇≡鯓拥母滤悸?，又該如何設(shè)計(jì)我們的產(chǎn)品邏輯。更多相關(guān)內(nèi)容參考現(xiàn)代 Web 應(yīng)用架構(gòu)與性能調(diào)優(yōu)。

前端案例分析: 在前端學(xué)習(xí)實(shí)踐的過程中，我們可能會(huì)閱讀很多類似于構(gòu)建 Todo List 的文章，他們是不錯(cuò)的入門文章，卻無(wú)法告訴你如何來(lái)解決真實(shí)的，大規(guī)模應(yīng)用中的問題。本文則是列舉了一系列企業(yè)級(jí)應(yīng)用的實(shí)踐案例，包括了來(lái)自 Facebook, Twitter, Google, Airbnb 等公司的演講或者文章。更多相關(guān)內(nèi)容參考 Awesome Web Reference。

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

Didact Fiber: Incremental reconciliation: 這是一篇非常不錯(cuò)的深入講解 Fiber 實(shí)現(xiàn)的文章。Didact 是作者實(shí)現(xiàn)的類 React 教學(xué)型框架，而本文則矚目于如何將 didact 中的部分代碼重寫以使其適配于最新的 React 16 架構(gòu)；作者直接使用了來(lái)自 React 代碼庫(kù)中的結(jié)構(gòu)、變量以及函數(shù)名，從而方便理解。本文依次介紹了為何需要 Fiber，如何調(diào)度 MicroTasks，F(xiàn)iber 的數(shù)據(jù)結(jié)構(gòu)、流程與實(shí)現(xiàn)等內(nèi)容。更多相關(guān)內(nèi)容參考現(xiàn)代 Web 開發(fā)基礎(chǔ)與工程實(shí)踐--React 篇。

重構(gòu) Redux: 隨著 React 發(fā)布新的 Context API，又有了許多關(guān)于 Redux 的討論：狀態(tài)管理是否依然解決？眾所周知，狀態(tài)管理一直是應(yīng)用開發(fā)中的難點(diǎn)之一，本文即是對(duì)于狀態(tài)管理中常見的問題進(jìn)行重新考量：我們是否需要額外的狀態(tài)管理庫(kù)，Redux 是否值得使用，是否有更好地狀態(tài)管理方案等。更多相關(guān)內(nèi)容參考現(xiàn)代 Web 應(yīng)用架構(gòu)與性能調(diào)優(yōu)。

從 JS 到 DOM 的雙向追蹤: Chrome 66 中針對(duì)內(nèi)存泄漏分析進(jìn)行了優(yōu)化，從而方便開發(fā)者調(diào)試內(nèi)存泄漏相關(guān)的問題?，F(xiàn)在 Chrome DevTools 能夠追蹤并且快照 C++ DOM 對(duì)象，然后從 JavaScript 對(duì)象開始列舉出所有的可達(dá)對(duì)象。該特性是 V8 垃圾收集器中提供的新 C++ 追蹤機(jī)制的應(yīng)用之一，更多相關(guān)內(nèi)容參考Web 內(nèi)存泄漏分析。

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

Pandora.js: Pandora.js 是阿里開源的 Node.js 應(yīng)用管理工具，其基于 TypeScript 開發(fā)，提供了管理、衡量、追蹤等一系列的特性。Pandora.js 源于多年企業(yè)級(jí) Node.js 應(yīng)用管理實(shí)踐，致力于提供從管理監(jiān)控，到調(diào)試部署等全流程的支持。

filepond: filepond 是靈活有趣的 JavaScript 文件上傳控件，它提供了漂亮的過場(chǎng)交互動(dòng)畫以及良好的用戶體驗(yàn)，并且利用客戶端圖片優(yōu)化技術(shù)來(lái)保證高性能的上傳。

just-dashboard: just-dashboard 能夠基于 YAML 或者 JSON 配置文件生成數(shù)據(jù)面板，從而避免了開發(fā)者或者數(shù)據(jù)工程師重復(fù)的勞動(dòng)。just-dashboard 還允許使用 jq 查詢，或者指定某個(gè)組件的數(shù)據(jù)抓取地址，just-dashboard 會(huì)在運(yùn)行時(shí)動(dòng)態(tài)抓取數(shù)據(jù)并且渲染為圖表。

prompts: prompts 是可以在命令行中使用的，輕量級(jí)、美觀大方、用戶友好的交互式提示。與其他框架相比，prompts 沒有過多的外部依賴，盡可能地簡(jiǎn)化內(nèi)部復(fù)雜度。

過完年跳槽，要考慮哪些要素？: 發(fā)完獎(jiǎng)金了，過完年了，又到了人心躁動(dòng)的時(shí)節(jié)。不少 IT 圈的小伙伴可能在思考，要不要換工作。今天和大家聊聊 IT 人換工作這個(gè)話題，樓主也面試過的不少候選人，站在面試官的角度，談?wù)勈裁礃拥?IT 人會(huì)在面試中加分。

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