汪永祥 · 前端学习站
HTML5 · CSS3 · JavaScript · 实验工具库

把复杂的东西拆成可以复制粘贴的模块

这是汪永祥的前端练习与工具集合。示例、笔记、实战小工具 —— 你给我代码，我给你回显。

专注：前端基础与组件设计
风格：简洁、可复用、教学向
状态：持续更新（手动）

响应式导航的最佳实践

在移动端隐藏次级菜单并优先加载关键资源。示例代码附带。

2025-11-11

CSS 变量与主题切换

用 root 变量实现浅色/深色的无痛切换（示例）。

2025-09-02

快速开始

把你的工具文件放到服务器，按下面“工具接入”说明把 URL 塞进来，或直接把 HTML 片段粘到工具列表项中。

工具

下面是预置的工具面板。每项都可以配置为：直接内嵌 HTML、iframe 指向你的工具 URL、或在新窗口打开。

HTML 预览器

把 HTML 粘进编辑器，实时在下方预览（示例）。

JS 控制台（简易）

用于测试小段 JS，显示输出。

添加你的工具

模板：可使用 iframe、直接 HTML、或 script 加载。

关于

个人前端学习站，记录练习、组件与工具示例。适合当作教学 Demo、笔记集合或小型实验室。

  • 技术栈：HTML5 / CSS3 / 原生 JS（无框架依赖）
  • 部署建议：静态托管（Netlify、Vercel、普通静态服务器均可）
  • 扩展方式：工具使用 iframe 或直接插入 HTML 片段。

联系我

汪永祥 · 前端爱好者