前端快爆
- 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 & 专题供稿: @冯雨