Blog

学习笔记与技术分享

记录前端学习过程中的思考、实践和复盘,整理成有价值的技术文章。

5 分钟阅读

如何用 CSS Grid 做出稳定的博客卡片布局

从容器宽度、列数变化和内容高度三个维度处理响应式布局,让你的卡片在任何设备上都完美呈现。

4 分钟阅读

静态页面里值得保留的三个轻交互

菜单、滚动显现和表单反馈足够让页面更完整,不必过度复杂。学习如何用最少的代码实现最佳体验。

6 分钟阅读

完成一个页面后,应该怎样检查自己的作品?

先看结构,再看视觉,最后检查移动端和可访问性。建立系统化的检查流程,提升作品质量。

7 分钟阅读

设计系统里的间距为什么比颜色更重要?

稳定的空间秩序,会让页面自然显得高级。深入理解间距系统,打造专业的视觉层次。

8 分钟阅读

用 IntersectionObserver 实现优雅的滚动动画

告别昂贵的 scroll 事件监听,用现代 API 实现高性能的元素显现动画。

5 分钟阅读

Apple 官网的设计语言:留白与层次的艺术

分析 Apple 官网的排版、间距和视觉层次,学习如何用最少的元素传达最强的信息。

6 分钟阅读

从零开始的前端学习路径:我的三个月总结

回顾从前端小白到能独立完成页面的三个月历程,分享学习方法和踩坑经验。

9 分钟阅读

CSS 自定义属性:构建可维护的设计系统

用 CSS 变量统一管理颜色、间距和字体,让主题切换和样式维护变得简单。