【研发日记】CSS 变量实现主题切换功能

2026-03-07

今天记录一下如何使用原生 CSS 变量实现网站主题切换,不需要框架,纯前端实现,代码简洁且性能优秀。

:root { --bg-color: #f7f8fa; --text-color: #333; } body { background: var(--bg-color); color: var(--text-color); }

配合少量 JS 即可切换明暗主题,适配各种设备,体验非常流畅。

【实战】纯 HTML + CSS 构建响应式博客

2026-03-06

使用最基础的 HTML + CSS 完成一个轻量化博客页面,结构清晰、加载速度快,适合作为个人技术笔记展示。

【技巧】前端页面性能优化小总结

2026-03-05

1. 压缩 CSS / JS 文件
2. 图片使用 WebP 格式
3. 减少不必要的 DOM 操作
4. 使用懒加载提升加载速度

简单几步就能让网站打开速度明显提升。