前端快爆
- WebKit 已經實現了 ResizeObserver API,此前該 API 已被 Chrome 支援。通過 ResizeObserver 可以監聽元素盒子尺寸的變化。?
點評:隨著 Edge 遷移到 Chromium 核心,只剩 Firefox 就齊活了。
- Scroll-linked Animations 進入 W3C 非官方草案。通過 Scroll-linked Animations 你可以容易地編寫頁面滾動時觸發的元素動畫。?
點評:從前用 DOM Event 做的事情可以寫幾行 CSS 屬性輕鬆實現,且效率更好。
- Babel 7.4.0 釋出,支援了偏函式應用、類靜態私有方法,提高了與標準的契合程度。?
點評:所以,TypeScript 瞭解一下?
- CSSWG 決定把 display: bootstrap 加入規範,與此同時,瀏覽器將內建 Bootstrap 庫以加快頁面的載入速度。?
點評:謠言。
百寶箱
點評:一個常用 React Hooks 的集錦,讓你不再重複造輪子。
點評:TypeScript 僅支援靜態型別檢查,io-ts 希望彌補執行時的型別檢查。
- VS Code 外掛:Partial Diff
點評:根據選中範圍靈活 Diff 程式碼,實乃重構利器!
專題:TypeScript
開始使用
如果你還沒下定決心使用 TypeScript,此文將從多角度向你詳盡介紹應用 TS 後的利弊得失。
官方指南,適合已經熟悉 JavaScript 的老手。
“《TypeScript Deep Dive》 是一本很好的開源書,從基礎到深入,很全面的闡述了 TypeScript 的各種魔法,它不同於 TypeScript 官方給出的文件,在此書中,結合實際應用下的場景用例,你將能更深入的理解 TypeScript。”
技巧與實踐
官方維護在 Github 上的更新文件,一些尚未總結進 Handbook 的進階用法都能在這裡找到。
用 TypeScript 描述的《程式碼整潔之道》。
一些能快速習得、立竿見影的 TypeScript 技巧。
介紹瞭如何用 TypeScript 來實現 React 的各種元件模式。
React 與 TypeScript 搭配的全面指南,分為基礎、進階、遷移、HOC 四個篇章。
編輯: @馮雨 & 審閱: @humphry huang & 專題供稿: @馮雨