欢迎来到个人技术测试站点

本站仅作为个人程序开发、代码演示、技术实验使用，所有内容仅供学习研究，无任何商业运营行为。

前端测试 Demo

各类页面交互、动画、组件实验案例

技术学习笔记

开发过程记录、踩坑总结与方案整理

关于本站

站点介绍、技术栈说明与联系方式

项目 Demo 列表

以下是个人开发的前端交互、后端接口测试示例项目，点击查看详情。

拖拽排序组件

前端原生JS基于 HTML5 Drag API 实现的可拖拽排序列表示例。

Canvas 粒子动画

前端动画使用 Canvas 实现的高性能粒子背景动画效果。

REST API 调试工具

后端接口简易 HTTP 请求调试页面，支持 GET/POST 测试。

响应式布局模板

前端CSS基于 Grid/Flex 的移动端适配布局方案演示。

技术随笔

开发笔记与技术踩坑记录，不定期更新。

CSS 变量在暗色主题中的实践

2026-08通过 :root 自定义属性统一管理配色，实现主题快速切换的思路与代码示例。

JavaScript 滚动监听的性能优化

2026-07对比 passive 事件监听、节流与 requestAnimationFrame 三种方案的差异。

Nginx 静态站点部署备忘

2026-06个人服务器部署静态站点的配置记录，包含 HTTPS 与 gzip 压缩设置。

Grid 布局实现自适应卡片网格

2026-05使用 auto-fill + minmax 实现无需媒体查询的响应式网格布局。

关于本站

本站为个人非商业技术测试站点，仅用于程序开发学习、代码实验与项目演示。所有内容仅供技术交流，不提供任何有偿服务。