前端 2026-09-20· 5 分钟阅读

用 IntersectionObserver 做一个丝滑的滚动出现动画

不用动画库也能做出自然的入场效果：监听可视区、错峰延迟，同时尊重用户的「减少动态效果」偏好。

R Rain

• #JavaScript
• #性能优化

设计 2026-09-17· 7 分钟阅读

2026 年我最爱的 5 组低饱和配色

从奶油色到莫兰迪，附上可直接复制的色值变量，并聊聊低饱和配色为什么更耐看。

R Rain

• #UI 设计
• #配色

前端 2026-09-14· 4 分钟阅读

纯 CSS 打磨按钮的交互细节

用渐变、内阴影和 keyframes 处理按钮质感：包含按压反馈、光泽流动与焦点环的完整写法。

R Rain

• #CSS
• #动效

生活 2026-09-10· 6 分钟阅读

在出租屋里做一个 1㎡ 的阅读角

一盏暖灯、一块毛毯、一杯手冲，预算 300 元以内，把角落变成一天里最想待的地方。

R Rain

• #生活手帐
• #咖啡

前端 2026-09-07· 10 分钟阅读

React 里那些看起来很像但没必要的重渲染

从 Profiler 火焰图出发，找出 6 种常见却容易忽略的重渲染场景，并给出收敛方案。

R Rain

• #React
• #性能优化

随笔 2026-09-03· 9 分钟阅读

读《Web 无障碍设计》后，我改掉的 9 个习惯

从 aria-label 的滥用，到只用颜色传达状态。无障碍不是加分项，而是最基础的尊重。

R Rain

• #读书笔记
• #无障碍