周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。
📰 News
Next.js 11.1正式发布
本月 12 号，Next.js 官宣 Next.js 11.1 版本正式发布。此次加入了一系列新特性和性能优化：
- 安全补丁：一个防止潜在的开放重定向的重要更新
- ES Module 支持：今天能够通过 experimental 字段开启
- 基于 Rust 的工具：集成 SWC 以取代 JavaScript 工具（Babel 和 Terser）
- 更快的数据获取：在预渲染时使用 HTTP keep-alive 能力以提升 2 倍的数据获取速度
- 更快的 Source Map：在使用 Source Map 时提升 70% 的构建速度并降低 67% 的内存占用
扩展阅读：
React Native 0.65
内置的Hermes升级到 0.8.1
带来以下改进：
- 支持ES i18n API (Intl)
- 支持 M1以及Mac Catalyst系统
- 更快速的垃圾收集
还包含无障碍化功能的修复和添加。
详情可以浏览：
Taro 正式发布 3.3 版本：支持使用 H5 标签与框架 DevTools
此次 Taro 3.3 最重要的特性就是支持使用 H5 标签进行开发，让开发者在小程序环境中复用部分的 Web 生态。
Chromium 将支持引入CSS样式文件
import sheet from './styles.css' assert { type: 'css' };
document.adoptedStyleSheets = [sheet];
shadowRoot.adoptedStyleSheets = [sheet];
如果想了解更多细节可以阅读下面文章：
Stack Overflow 开发者年度调查中文版
技术人最爱 Rust，最怕 COBOL，工程经理最高薪，懂 Clojure 最赚钱。
微软官方发布首个 Windows 11 ISO 镜像
微软已经对 Windows 11 进行了几个月的测试，今天终于发布了最早于上周交付的 Windows 11 Insider Preview Build 22000.132 的 ISO 文件。测试人员现在可以下载 Windows 11 的 ISO 文件来安装新的操作系统，镜像文件目前已经通过下载页面提供给 Windows Insiders。
现在可以获得 Windows 11 Build 22000.132 的 ISO 文件，Window Insider 现在可以通过 ISO 文件清洁安装最新的操作系统。
若想下载 Windows 11 ISO，你需要先按照以下步骤加入 Windows Insider 计划：
如果你的机器符合系统要求，从下方地址下载 ISO 文件即可：
www.microsoft.com/en-us/softw…
📖 文章
yarn.lock 你锁明白了吗？
diff 算法深入一下？
15张图，20分钟吃透Diff算法核心原理，我说的！！！
⭐️ 3D性能优化 | 说一说glTF文件压缩
NodeJS 服务 Docker 镜像极致优化指北
⭐️ 深入理解 Node.js 的 Inspector
⭐️ 用扩散模型生成高保真度图像
如何将一个低分辨率的图像转换为细节丰富的高分辨率图像？
现在很多人都能想到通过机器学习来做，但是哪种模型会有好的表现呢？
这篇文章介绍的扩散模型(Diffusion Model)将会给你解惑。
重构指北——《重构，改善既有代码设计》精读
React 18 如何支持 Strict Effects
浅谈弹幕的设计
2021 GMTC北京站 - 小程序开发实践专场所见所想
美团App页面视图可测性改造实践
Web前端WebRTC 攻略(五) NAT 穿越与 ICE
⭐️ 如何玩转 WebGL 并行计算
一文带你走进 Rust 和 WebAssembly 的世界
精读《Webpack5 新特性 - 模块联邦》
zhuanlan.zhihu.com/p/115403616
前端领域模型，重构前端研发模式
zhuanlan.zhihu.com/p/269488323
又一个前端框架 Solid ？性能直逼原生 JS ？
自己动手，做个CPU
🦜 技巧
'return await promise' vs 'return promise'
这两种方式都可以正常工作，但是他们的区别你知道吗？
async function func1() {
const promise = asyncOperation();
return await promise;
}
// vs
async function func2() {
const promise = asyncOperation();
return promise;
}
dmitripavlutin.com/return-awai…
怎么在JSDoc注释中定义Typescript接口
🛠 工具、软件
React Page Scroller
流畅的页面滚动库，使用CSS动画实现。
react-native-safe-area-context
帮助你处理安全区域，支持iOS、安卓、web。
react-image-pan-zoom-rotate
常用的图片控制功能，比如拖拽、放大缩小、旋转。
Marked
为速度而生的markdown解析和编译库。
wavesurfer.js
音频声波可视化库，基于 Web Audio API和HTML5 Canvas实现。
zx：帮助你更方便写Shell脚本
更符合前端编程思维的Shell写法，简单易用，不需要处理太多调用细节。
#!/usr/bin/env zx
await $`cat package.json | grep name`
let branch = await $`git branch --show-current`
await $`dep deploy --branch=${branch}`
await Promise.all([
$`sleep 1; echo 1`,
$`sleep 2; echo 2`,
$`sleep 3; echo 3`,
])
let name = 'foo bar'
await $`mkdir /tmp/${name}`
fishdraw
帮助你生成各式各样奇怪的鱼。
wp2vite ~ 让webpack项目支持vite
周刊首发于GitHub，欢迎订阅： 我的周刊
