这是 「MDH:前端周刊」 第 0009 期,发表于:2021/07/05。本期刊开源(GitHub: sorrycc/weekly),欢迎 issue 区投稿,推荐或自荐项目。
封面图:千岛湖 @ 2021.7.4 。
👉 Umi 3.5
👉 Github Copilot
👉 Mini CSS Extract Plugin 2
👉 Temporal
👉 TypeScript 4.4 Beta
👉 迈入现代 Web 开发
👉 程序员的酒后真言
补充介绍下 MFSU(Module Federation based Speed Up solution) 的 V1、V2 和 V3。V1 是去年做的内网 MFSU,在线做依赖预编译,不仅二次快,首次也快,缺点是有不少坑;V2 是上周发布的 Umi 3.5 包含的 MFSU,本地化预编译,功能通用化,V1 的坑全解,预编译匹配度拉满所以效果稳定,支持生产和协作,能完美支持组件开发、h5、微前端、chair、sff 等 V1 不支持或支持不完善的场景,并且在 DX(Developer eXperience)上增益不少,唯一的缺点是首次编译速度没有提升;V3 是未来一两个月要做的版本,在预编译速度方面(同时提升首次编译速度、比肩 Vite)、产物尺寸(export 级 tree-shaking)和开发生产体验(请求合并)方面再做进一步提升。
AI Completion 工具,没收到邀请的还可以先试试 tabnine、codota、aixcoder 和 kite,tabnine 风评还不错。
https://github.com/webpack-contrib/mini-css-extract-plugin/releases/tag/v2.0.0
主要是 publicPath 相关的改进,如果没有用 cdn,建议用默认的 auto。
https://2ality.com/2021/06/temporal-api.html
包含,
- Immutable 设计
- Moment 风格的日期计算
- 支持时区
- 支持范围(比如计算两个 date 之间的时差)
https://devblogs.microsoft.com/typescript/announcing-typescript-4-4-beta/
最好用的功能是 Control Flow Analysis of Aliased Conditions,
function foo(arg: unknown) {
if (typeof arg === "string") {
// TypeScirpt 4.4 之前会报错
// TypeScript 4.4 之后知道这是字符串
console.log(arg.toUpperCase());
}
}
GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文,期待 Modern.js 的开源。
https://www.ruanyifeng.com/blog/2021/06/drunk-post-of-a-programmer.html
本周刊每周一发布,同步更新在语雀 「mdh/weekly」 和微信公众号。
微信搜索 「云谦」 或者扫描二维码,即可订阅。
(完)