摘要：熱門文章我在淘寶做前端的這三年紅了櫻桃，綠了芭蕉。文章將在淘寶的三年時(shí)光折射為入職職業(yè)規(guī)劃招聘晉升離職等與我們息息相關(guān)的經(jīng)驗(yàn)分享，值得品讀。

【Alibaba-TXD 前端小報(bào)】- 熱門前端技術(shù)快報(bào)，聚焦業(yè)界新視界；不知不覺 2019 年已經(jīng)過去了 1/4，日新月異的前端技術(shù)正在蓬勃發(fā)展，ES10?都已到來。

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

裕波列出了一份前端技術(shù)會(huì)議的清單，涵蓋國內(nèi)和海外的重大前端相關(guān)的技術(shù)會(huì)議

微軟推出另一個(gè)前端的學(xué)習(xí)路徑規(guī)劃，官方提供的代碼倉庫將一步一步帶你走進(jìn)前端技術(shù)領(lǐng)域，囊括基礎(chǔ)的 HTML/CSS/JS 學(xué)習(xí)、TypeScript 強(qiáng)類型、React/Redux 學(xué)習(xí)和實(shí)踐等。

Fish Redux?框架是基于 Redux 數(shù)據(jù)管理的組裝式 Flutter 應(yīng)用框架，適合用于構(gòu)建中大型的復(fù)雜應(yīng)用，解決了集中狀態(tài)管理和UI組件化等問題，將集中，分治，復(fù)用，隔離做的更進(jìn)一步。

這是一個(gè)經(jīng)過訓(xùn)練的產(chǎn)生的開源模型，而不需要用戶自己訓(xùn)練。它隱藏了模型的加載步驟，允許用戶在沒有任何 ML 經(jīng)驗(yàn)的情況下檢測圖像中的手，可以直接在 Web 應(yīng)用使用該庫，傳送門。

如今小程序的發(fā)展如日中天，很多公司的業(yè)務(wù)也都慢慢轉(zhuǎn)向小程序，同時(shí)很多應(yīng)用需要同時(shí)兼顧多個(gè)小程序平臺(tái)，所以就有了上層開發(fā)框架或者腳手架來優(yōu)化 DSL 來提高開發(fā)效率。其中凹凸實(shí)驗(yàn)室從開發(fā)體驗(yàn)、兼容性、接入成本、工具鏈等多個(gè)方面對小程序的的多端框架進(jìn)行了全面的測評(píng)，如果準(zhǔn)備入坑，可以事先了解一下。

TWA（Trusted Web Activity）的發(fā)布，是將 Native 的技術(shù)擴(kuò)展到 Web App，將 PWA 站點(diǎn)打包為 Native App 放入應(yīng)用商店，用戶可以在應(yīng)用商店中搜索安裝 PWA 應(yīng)用，相比國外，PWA 在國內(nèi)并非很流行，但這并不代表這個(gè)技術(shù)就不關(guān)鍵。未來可以考慮如何將該技術(shù)融入實(shí)踐中來，傳送門，這篇文章也有全面的解析。

Storybook 是一個(gè)比較受歡迎的 UI 組件庫，為各種視圖層（如 React、Vue、Angular、React Native、Ember）提供了結(jié)構(gòu)化的 UI 開發(fā)、測試和文檔。Storybook 5.0 是目前為止發(fā)布的最大的一個(gè)版本，新版本的內(nèi)容包括：全新的開發(fā)體驗(yàn)；帶有主題的組件庫；改進(jìn)的前端插件架構(gòu)；全新的官網(wǎng)。

Node.js 基金會(huì)和 JS 基金會(huì)宣布合并為 OpenJS 基金會(huì)，將提供一個(gè)中立的組織來托管項(xiàng)目并協(xié)助資助有益于生態(tài)系統(tǒng)的活動(dòng)，簡化基金會(huì)日常運(yùn)營的同時(shí)滿足個(gè)基礎(chǔ)架構(gòu)、技術(shù)和營銷需求，為 Node.js 和 JavaScript 提供更光明的未來，這也是 JavaScript 發(fā)展中的一大步。

從 2G 的發(fā)展，到 3G 的的成熟，再到 4G 落地，繼而迎接 5G 時(shí)代的全面到來。5G 具有極快的傳輸速度、更高的網(wǎng)絡(luò)容量、信息可及時(shí)觸達(dá)等特點(diǎn)，也就是高速率、多連體、低時(shí)延。這些優(yōu)勢可帶動(dòng)廣泛的行業(yè)發(fā)展，如物聯(lián)網(wǎng)、視頻、全息技術(shù)以及無人駕駛等，讓我們，拭目以待。

相當(dāng)火爆的 github 項(xiàng)目?996.ICU，由 IT 工作者對工作制度的反抗，以謀求自己的合法權(quán)益的一種特別的方式。不得不感嘆的是，隨著時(shí)代及技術(shù)的發(fā)展，無產(chǎn)階級(jí)的聯(lián)合方式也在發(fā)生著變化。

繼和 Babel 合作，使 Babel 支持編譯 TS 語法后，TypeScript 團(tuán)隊(duì)又發(fā)布了新的 Roadmap，將使用 ESLint 來進(jìn)行 TS 語法的靜態(tài)類型檢查，統(tǒng)一開發(fā)體驗(yàn)。TSLint 和 ESLint 團(tuán)隊(duì)也紛紛發(fā)文，公布未來的計(jì)劃，TSLint 在被完全集成之前，會(huì)保持維護(hù)狀態(tài)，ESLint 中推薦使用 typescript-eslint 來支持 TS 語法的靜態(tài)類型檢查，具體見?TSLint Roadmap、The future of TypeScript on ESLint

將滾動(dòng)與動(dòng)畫相結(jié)合，使頁面更有靈性

支持在 DOM、React、VUE 中使用

支持多種動(dòng)畫參數(shù)配置

You Dont Need 系列教程目的在于讓讀者回歸基礎(chǔ)，在不依賴一些主流的 util 庫的情況下，自己動(dòng)手去實(shí)現(xiàn)庫里面提供的核心功能；很多情況下，一些 util 庫占用了大量的體積，而且業(yè)務(wù)中實(shí)際使用的部分很少，如果能夠手工去實(shí)現(xiàn)其中使用到的一些方法，就可以輕松通過移除三方庫來提高加載速度了。（然而上規(guī)模的項(xiàng)目中，依然建議使用統(tǒng)一的 util 庫）

You-Dont-Need-JavaScript?介紹了一些常用的組件、動(dòng)效、甚至功能，在不通過編寫 JavaScript 代碼的前提下去實(shí)現(xiàn)它！

You-Dont-Need-GUI?許多場景下，我們使用命令交互的方式去操作機(jī)器（如文件、進(jìn)程等處理），能大幅提高工作效率。

You-Dont-Need-Momentjs?介紹了 moment.js 對時(shí)間處理的核心功能實(shí)現(xiàn)。（通常情況下，我們還是需要一個(gè)時(shí)間處理庫，推薦使用體積更小的 date-fns / dayjs）。

You-Dont-Need-Lodash-Underscore?常用的一些 util 方法的 JavaScript 實(shí)現(xiàn)。

You-Dont-Need-jQuery?去除 jQuery 的一些 Native JavaScript 的方案，一步一步替換 jQuery 的 API。

通常我們都需要將 TypeScript 編譯成 ES5 的代碼，才能在瀏覽器中正常運(yùn)行，assemblyscript 是一款 TypeScript To WebAssembly 的編譯器，通過 Webassembly 運(yùn)行編譯后的二進(jìn)制代碼。

紅了櫻桃，綠了芭蕉。文章將在淘寶的三年時(shí)光折射為入職、職業(yè)規(guī)劃、招聘、晉升、離職等與我們息息相關(guān)的經(jīng)驗(yàn)分享，值得品讀。

駑馬十駕,功在不舍?；蚴亲咭粭l純專業(yè)的探索之路，或是趨向技術(shù)管理，這些都是技術(shù)人的選擇與堅(jiān)持，也會(huì)擁有獨(dú)一無二的風(fēng)景。

念過去，望未來。前端的發(fā)展日新月異，堅(jiān)持學(xué)習(xí)的同時(shí)也要保持思辨和平和。