周刊收集包含前端（但不限于前端）的文章、新闻、开源我的项目、工具等等，每周一更新。
📖 文章
看完了 2021 CSS 年度报告，我学到了啥？
一起来查缺补漏。
https://mp.weixin.qq.com/s/BbH6IleqLly82Mqx_0W1IQ
package.json 中你还不分明的 browser，module，main 字段优先级
题外话：
在 Vite 中打包针对 node 环境的包时还是遵循以下逻辑，browser > module，没有 main，这样就导致一些没有配置 module 的包强制应用了浏览器端的代码。
https://www.cnblogs.com/qianxiaox/p/14041717.html
对话 Svelte 将来，Rust 编译器？构建大型利用?
https://zhuanlan.zhihu.com/p/447557470
在政采云如何写前端技术计划文档
下文就想和大家一起探讨一下，前端为什么写技术计划，怎么写前端技术计划。
https://mp.weixin.qq.com/s/UYZeA3XCJzpErH5qxMRrXQ
语雀：在线富文本编辑器的架构设计及实际
文本编辑器技术是一个随同着 Web 倒退的古老技术，有着前端技术中的皇冠之美誉，而近几年，各大公司纷纷器重文档工具，这项技术再次迎来了春天。
GMTC 寰球大前端技术大会（深圳站）2021 邀请到蚂蚁团体语雀文档编辑器负责人韩聪（三甲），分享题为《在线富文本编辑器的架构设计及实际》的演讲。
三甲为大家介绍了语雀以及语雀对文档 & 编辑器的了解，而后以文本编辑器为切入点深度解读了编辑器技术，最初，他联合语雀倒退，对编辑器技术的进化方向作了瞻望。
本文由语雀团队依据此次演讲整顿。
https://mp.weixin.qq.com/s/aEgAwGK568VbFi3UH-sh5A
Nest.js 疾速入门：实现对 Mysql 单表的 CRUD
Nest.js 是一个 Node.js 的后端开发框架，它实现了 MVC 模式，也反对了 IOC（主动注入依赖），比 Express 这类解决申请响应的库高了一个档次。而且也很容易集成 GraphQL、WebSocket 等性能，适宜用来做大规模企业级开发。
Nest.js 在国内外用的都挺多的，明天咱们就来入门下吧：做一个笔记治理性能，实现对 mysql 单表的增删改查并提供 Restful 的接口。
https://mp.weixin.qq.com/s/maOI6SxjY-mxe4jQRN352g
精读《Records & Tuples 提案》
immutablejs、immer 等库曾经让 js 具备了 immutable 编程的可能性，但还存在一些无解的问题，即“怎么保障一个对象真的不可变”。
如果不是拍胸脯担保，当初还真没别的方法。或者你感觉 frozen 是个 good idea，但它外部依然能够减少非 frozen 的 key。
另一个问题是，当咱们 debug 调试利用数据的时候，看到状态产生 [] -> [] 变动时，无论在控制台、断点、redux devtools 还是 .toString() 都看不出来援用有没有变动，除非把变量值别离拿到进行 === 运行时判断。但援用变与没变可是一个大问题，它甚至能决定业务逻辑的正确与否。
但现阶段咱们没有任何解决方法，如果不能承受齐全应用 Immutablejs 定义对象，就只能摆胸脯保障本人的变更肯定是 immutable 的，这就是 js 不可变编程被许多聪明人吐槽的起因，感觉在不反对 immutable 的编程语言下强行利用不可变思维是一种很顺当的事。
proposal-record-tuple 解决的就是这个问题，它让 js 原生反对了 不可变数据类型 （高亮、加粗）。
https://mp.weixin.qq.com/s/D3A89fIPCbde7Ixqewziag
哈啰前端 Web Components 最佳实际
这是业务平台前端在无关【Web Components】在业务实际输入的第 5 篇文章。
通过本文，您将理解什么是 Web components，以及业务中台如何将其落地到业务场景的最佳实际。
https://juejin.cn/post/7044055764532461605
企鹅浏览无障碍拜访优化实际
https://juejin.cn/post/7044815890562416677
设计模式
Patterns.dev 是对于设计模式的收费电子书。
https://www.patterns.dev/
Designing Beautiful Shadows in CSS
This excellent tutorial from Josh (shared back in September) takes a considered look at how to use CSS to create“rich, lush, lifelike shadows”and do away with the commonly found“fuzzy grey boxes”.
https://www.joshwcomeau.com/css/designing-shadows/
🛠 工具、软件
Typehole
Typehole 是一个对 TypeScript 开发很有用的 Visual Studio Code 扩大，它能够获取运行时的数据来生成数据定义，再也不须要本人手动解决。
https://marketplace.visualstudio.com/items?itemName=rikurouvila.typehole
周刊首发于 GitHub，欢送订阅：
我的周刊