第 04 期 - 金城湾公园

封面图来自无锡金城湾公园。

这是「果酱前端周刊」第四期，以后每周都会把看到的有趣的工具、开源项目、文章发布到周刊，欢迎关注。

开源和工具

Linear 是一款研发项目管理工具，我目前正在使用它管理我个人的一些项目。这里有两篇文章也许对你理解 Linear 有些帮助：

基于 React + Vite 开发的极简文档框架，界面风格非常极简，和 vitepress 很相似，不过一个是基于 React 的，一个是基于 Vue 的。

React 实现的设计媒体分享按钮，还支持显示分享次数，支持 tree shaking。

一个非常年轻的 React UI 库，已经拥有非常多的组件和 hooks 以及表单校验规则。目前 Star 不算特别多，可以持续关注。

作者抛开技术栈和方案经验等这些具体的内容，从做事情、想事情、谈事情三个方面总结了自己的一些感悟。

使用纯 CSS 实现各种形状，越往后看形状越复杂有趣，比如心形、太极图、Facebook Logo、锁。

使用纯 CSS 实现各种聊天气泡

「胆小菇之梦」自制关卡，看的过程中不断地被惊喜和震撼，它有着自己的一套很奇特的关卡机制。我估计很多人都很熟悉这个游戏的原版，不过如果让你玩这个自制关卡，你还有多少信心呢？

关卡机制：

胆小菇不论前方有无僵尸，不断射击。

其他植物仅在被子弹命中时发射子弹。

双发被子弹命中后会发射两发子弹，但有上限：每游戏刻最多一颗。

卷心菜向上射击。 -磁力菇会使周围子弹转弯。