本期网址 https://blog.cosine.ren/post/weekly-35
本周刊更新时间期望是在每周天。
推荐订阅本周刊的 RSS。
公众号 前端周周谈 FE Bits，点击阅读原文链接可查看原文。
QQ 讨论小群 598022684 / Discord 群
本周刊文章内容同时也开源在 fe-bits-weekly，欢迎关注。
今天是 2026 年 6 月 1 日，星期一，儿童节快乐呀！
个人动态
1.搬家
这两周都在忙着搬到惠州住，忙的不停，搬家收拾东西真的好累哦……虽然我不是主力搬东西和装东西的，主要起到一个装饰和收拾的作用（
买了一大堆东西，燃尽了，这几天都是拆快递拿快递收拾屋子忙的要死才只搬了一半。
但是惠州大亚湾待着的生活质量真的比广州舒服多了，喜欢，还经常看到有人在唱歌，没事儿了走几步就能到万达和永辉超市，绿化感觉也很好，一点儿都没有鬼城的感觉 。而且也没有广州那么多到处乱窜的电动车，不禁摩，这点真是太好了呜呜。
89r 的烤肉双人餐吃撑了……太好吃了性价比直接给到夯，而且荤素搭配还很均衡。店名是三肥七瘦。
最近忙的脚不沾地的，感觉更新周刊的动力不太足呢，但是还是更一下。
2.VSCode 更新后个人体感变卡了
起因是发了条推表示「有点小悲伤，vscode 现在真的变得超级卡，打开速度奇慢无比，再也没有频繁使用的欲望，推荐插件的欲望了，以前的 vscode 插件推荐系列文章感觉也已经要成为过去式了，现在也是拥抱上 lazygit 和 zed 了」
然后正好也看到了很多吐槽 VSCode 更新的，所以也在这里记录一下我的体感。
因为以前是重度 VSCode 用户，以前虽然内存占用也大，但不会像新版本的一坨 AI 功能更新后，冷启动等一百年。
叠甲：我 M1 max 64g 之前经常同时启动 Cursor / Zed 和 VSCode 换着用，都是 disable all 插件启动新的 worktree 项目，VSCode 反正是明显感觉比起之前来说变得巨慢……
然后工具不好用那当然是换几个工具试试看hhh 等好用了，再换回来也未尝不可。
不过就算这样也没卸载，因为我真的很喜欢 VSCode 的插件生态，电脑上还是 Zed Cursor VSCode 都有的状态，该吃的还得吃x
Zed 虽然快，但是他的布局什么的也确实得适应适应，看看后面体验如何了。
3. 最近的表达欲下降严重
感觉热情也下降了一些，这是怎么回事呢（？）
文章
-
Deno 2.8正式发布，Node.js兼容性大幅提升：Node.js 兼容率飙升至76.4%，支持 deno install 替代 npm install。
-
一根上流滚动条的诞生：介绍如何用CSS实现超酷的自定义滚动条效果。
-
Cross-Document View Transitions Part 2 深度解析：深入探讨 View Transitions API 在 MPA 跳转中的动画平滑处理与状态恢复。
-
2026年CSS居中方法全面梳理：系统对比Flexbox、Grid等现代方案的居中技巧，适合初学者参考。
-
框架无关的设计系统构建（第一部分）：使用Web Components和Elena构建可移植的设计系统组件库及文档。
-
Chrome声明式部分更新API详解：介绍两组新API实现HTML非顺序流式交付，提升性能与开发体验。
-
用GSAP创建滚动驱动的SVG地图动画：教程详解如何结合GSAP的ScrollTrigger实现SVG地图动态轨迹与交互。
-
CSS vs JavaScript动画性能深度剖析：打破传统误区，解释主线程阻塞对动画流畅度的本质影响。
-
AI 时代技术写作的价值与建议：探讨AI对技术写作的冲击，提出聚焦真实案例、避免AI生成正文等建议。
-
用 CSS letter-spacing 实现文本揭示动画：通过负值间距隐藏文本再过渡展开，实现逐字母揭示效果。
CSS 新特性
-
2026 年 4 月 Baseline 月度更新：CSS contrast-color() 等新特性：CSS自动对比色函数、高精度求和等多项Web特性进入Baseline。
-
In-N-Out Animations: Dialogs (Part 1/3)：介绍如何利用现代 CSS 新特性（allow-discrete 和 @starting-style）优雅地解决
<dialog>等元素在 display 离散属性切换时的进出场动画难题。
工具
-
react-doctor：React代码自动诊断修复工具：开源工具，支持自动修复不良React代码，可作AI Agent的Skill使用。
-
Liquid Layout 轻量级 Web 布局引擎发布：一款灵感来自 SwiftUI、专为 Canvas 等 CSS 无能为力场景设计的小型可扩展布局引擎。Demo | GitHub |
npm i @liquid-dom/layout
趣站
- Aimee's Papercraft World 纸艺互动网站：展现精美纸艺创作的视觉互动网站，交互设计独特。
- JS Crossword：硬核JavaScript填字游戏：谜面等于谜底eval()结果的趣味填字游戏，考验JS隐式转换。
