前端小報 - 201903月刊

image.png

【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 應用使用該庫,傳送門
人工智能.gif

小程序多端框架

如今小程序的發展如日中天,很多公司的業務也都慢慢轉向小程序,同時很多應用需要同時兼顧多個小程序平臺,所以就有了上層開發框架或者腳手架來優化 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 工作者對工作制度的反抗,以謀求自己的合法權益的一種特別的方式。不得不感嘆的是,隨着時代及技術的發展,無產階級的聯合方式也在發生着變化。

加班.gif

TSLint -> ESLint

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

工具推薦

Animations when you scroll

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

lax.gif

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年大前端技術趨勢深度解讀

念過去,望未來。前端的發展日新月異,堅持學習的同時也要保持思辨和平和。

image.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章