阿里巴巴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 運行編譯後的二進制代碼。

熱門文章

我在淘寶作前端的這三年

紅了櫻桃，綠了芭蕉。文章將在淘寶的三年時光折射爲入職、職業規劃、招聘、晉升、離職等與咱們息息相關的經驗分享，值得品讀。

前端專業方向的盡頭

駑馬十駕,功在不捨。或是走一條純專業的探索之路，或是趨向技術管理，這些都是技術人的選擇與堅持，也會擁有獨一無二的風景。

2019年大前端技術趨勢深度解讀

念過去，望將來。前端的發展突飛猛進，堅持學習的同時也要保持思辨和平和。

關於Fundebug

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