阿里巴巴TXD前端小報 - 2019年3月刊

原文：前端小報 - 201903月刊

Fundebug經授權轉載，版權歸原作者所有。

【Alibaba-TXD 前端小報】- 熱門前端技術快報，聚焦業界新視界；不知不覺 2019 年已經過去了 1/4，日新月異的前端技術正在蓬勃發展，ES10 都已到來。

歡迎訂閱 & 投稿本期小編：璵璠

學習專欄

2019 年前端技術會議

裕波列出了一份前端技術會議的清單，涵蓋國內和海外的重大前端相關的技術會議

微軟前端訓練營

微軟推出另一個前端的學習路徑規劃，官方提供的程式碼倉庫將一步一步帶你走進前端技術領域，囊括基礎的 HTML/CSS/JS 學習、TypeScript 強型別、React/Redux 學習和實踐等。

新聞快報

阿里開源 Flutter 應用框架 Fish Redux

Fish Redux 框架是基於 Redux 資料管理的組裝式 Flutter 應用框架，適合用於構建中大型的複雜應用，解決了集中狀態管理和UI元件化等問題，將集中，分治，複用，隔離做的更進一步。

Handtrack.js 搞定手部動作跟蹤

這是一個經過訓練的產生的開源模型，而不需要使用者自己訓練。它隱藏了模型的載入步驟，允許使用者在沒有任何 ML 經驗的情況下檢測影象中的手，可以直接在 Web 應用使用該庫，傳送門。

小程式多端框架

如今小程式的發展如日中天，很多公司的業務也都慢慢轉向小程式，同時很多應用需要同時兼顧多個小程式平臺，所以就有了上層開發框架或者腳手架來優化 DSL 來提高開發效率。其中凹凸實驗室從開發體驗、相容性、接入成本、工具鏈等多個方面對小程式的的多端框架進行了全面的測評，如果準備入坑，可以事先了解一下。

TWA 讓你的 PWA 進入應用商店

TWA（Trusted Web Activity）的釋出，是將 Native 的技術擴充套件到 Web App，將 PWA 站點打包為 Native App 放入應用商店，使用者可以在應用商店中搜尋安裝 PWA 應用，相比國外，PWA 在國內並非很流行，但這並不代表這個技術就不關鍵。未來可以考慮如何將該技術融入實踐中來，傳送門，這篇文章也有全面的解析。

Storybook 5.0 正式釋出

Storybook 是一個比較受歡迎的 UI 元件庫，為各種檢視層（如 React、Vue、Angular、React Native、Ember）提供了結構化的 UI 開發、測試和文件。Storybook 5.0 是目前為止釋出的最大的一個版本，新版本的內容包括：全新的開發體驗；帶有主題的元件庫；改進的前端外掛架構；全新的官網。

Node.js 和 JS 基金會合併為 OpenJS 基金會

Node.js 基金會和 JS 基金會宣佈合併為 OpenJS 基金會，將提供一箇中立的組織來託管專案並協助資助有益於生態系統的活動，簡化基金會日常運營的同時滿足個基礎架構、技術和營銷需求，為 Node.js 和 JavaScript 提供更光明的未來，這也是 JavaScript 發展中的一大步。

5G 來了

從 2G 的發展，到 3G 的的成熟，再到 4G 落地，繼而迎接 5G 時代的全面到來。5G 具有極快的傳輸速度、更高的網路容量、資訊可及時觸達等特點，也就是高速率、多連體、低時延。這些優勢可帶動廣泛的行業發展，如物聯網、視訊、全息技術以及無人駕駛等，讓我們，拭目以待。

996.ICU

相當火爆的 github 專案 996.ICU，由 IT 工作者對工作制度的反抗，以謀求自己的合法權益的一種特別的方式。不得不感嘆的是，隨著時代及技術的發展，無產階級的聯合方式也在發生著變化。

TSLint -> ESLint

繼和 Babel 合作，使 Babel 支援編譯 TS 語法後，TypeScript 團隊又釋出了新的 Roadmap，將使用 ESLint 來進行 TS 語法的靜態型別檢查，統一開發體驗。TSLint 和 ESLint 團隊也紛紛發文，公佈未來的計劃，TSLint 在被完全整合之前，會保持維護狀態，ESLint 中推薦使用 typescript-eslint 來支援 TS 語法的靜態型別檢查，具體見 TSLint Roadmap、The future of TypeScript on ESLint

工具推薦

Animations when you scroll

將滾動與動畫相結合，使頁面更有靈性
支援在 DOM、React、VUE 中使用
支援多種動畫引數配置

You Dont Need 系列

You Dont Need 系列教程目的在於讓讀者回歸基礎，在不依賴一些主流的 util 庫的情況下，自己動手去實現庫裡面提供的核心功能；很多情況下，一些 util 庫佔用了大量的體積，而且業務中實際使用的部分很少，如果能夠手工去實現其中使用到的一些方法，就可以輕鬆通過移除三方庫來提高載入速度了。（然而上規模的專案中，依然建議使用統一的 util 庫）

You-Dont-Need-JavaScript 介紹了一些常用的元件、動效、甚至功能，在不通過編寫 JavaScript 程式碼的前提下去實現它！
You-Dont-Need-GUI 許多場景下，我們使用命令互動的方式去操作機器（如檔案、程式等處理），能大幅提高工作效率。
You-Dont-Need-Momentjs 介紹了 moment.js 對時間處理的核心功能實現。（通常情況下，我們還是需要一個時間處理庫，推薦使用體積更小的 date-fns / dayjs）。
You-Dont-Need-Lodash-Underscore 常用的一些 util 方法的 JavaScript 實現。
You-Dont-Need-jQuery 去除 jQuery 的一些 Native JavaScript 的方案，一步一步替換 jQuery 的 API。

TypeScript To WebAssembly

通常我們都需要將 TypeScript 編譯成 ES5 的程式碼，才能在瀏覽器中正常執行，assemblyscript 是一款 TypeScript To WebAssembly 的編譯器，通過 Webassembly 執行編譯後的二進位制程式碼。

關於Fundebug

Fundebug專注於JavaScript、微信小程式、微信小遊戲、支付寶小程式、React Native、Node.js和Java線上應用實時BUG監控。自從2016年雙十一正式上線，Fundebug累計處理了10億+錯誤事件，付費客戶有Google、360、金山軟體、百姓網等眾多品牌企業。歡迎大家免費試用！