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

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

國內(nèi)國外，前端最新動態(tài)

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

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

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

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

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

深入探究 ES2018 與 ES2019: 本小冊是對于 ES2018 與 ES2019 的特性進行全面的介紹與講解，目前涵蓋了 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ā)：語法基礎(chǔ)與工程實踐。

React Suspense 演練: Dan 在 JSConf Iceland 上演示的 Async React Demo 吸引了大量的關(guān)注，并為我們介紹了 Time Slicing 與 React Suspense 這兩個特性。本文即是對于 Movie Search 案例的分析與實踐，從而了解 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ǔ)與工程實踐--React 篇。

立足實踐，提示實際水平

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

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

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

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

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

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

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

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

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

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

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

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

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

「前端之巔」是 InfoQ 旗下關(guān)注前端技術(shù)的垂直社群，加入前端之巔學習群請關(guān)注「前端之巔」公眾號后回復(fù) “ 加群 ”。投稿請發(fā)郵件到 editors@cn.infoq.com，注明 “ 前端之巔投稿 ”。