把问题缩小到一个可运行页面
在完整项目中调试样式和交互，构建工具、框架和业务代码会干扰问题判断。
CodePen 适合隔离一个前端效果，并生成他人可以直接查看的示例。先不用外部库实现核心，再逐步添加依赖，更容易找到真正原因。
可以用于
- 测试响应式布局、动画和组件状态
- 制作问题复现与教学演示
- 浏览社区作品并研究实现方式
推荐使用方法
保留最小 HTML、CSS 和 JavaScript，注明浏览器和预期结果。将示例用于生产前，要移回本地项目并经过性能、无障碍和安全测试。
使用前注意
公开 Pen 中不要放置密钥、私有接口和受版权保护的完整素材。社区代码可能依赖外部资源或不适合商业使用，引用时应注明来源。
