代码片段库
20 多条经典片段,分类筛选一键复制
片段筛选
使用说明
写业务代码时,总有一些东西要反复查:手机号和邮箱的正则怎么写、数组怎么去重、深拷贝选哪种方案、防抖节流的标准实现、Git 提交错了一步怎么撤销、fetch 怎么加超时、CSS 怎么居中。这些内容每次都靠搜索引擎找一遍太浪费时间。片段库把日常最常用的 20 多条经典片段整理在一个页面,每条都配了用途说明,看一眼就知道适不适合当前场景。
页面顶部可以按分类筛选:正则表达式、日期时间、数组对象、字符串处理、Git 常用、HTTP 请求、CSS 技巧;搜索框支持关键词匹配标题和代码内容,比如输入 deep 直接定位深拷贝。每条片段下方有一键复制按钮,点击即可粘贴到编辑器。所有内容随页面本地渲染,无网络请求、无需注册,收藏本页就相当于一份随取随用的速查手册。
常见问题
片段是针对什么语言的?
除 Git 与 CSS 分类外,其余片段均为 JavaScript(ES6 以上),在浏览器与现代 Node.js 中都可以直接运行;Git 分类是命令行命令,CSS 分类是样式代码。复制后注意把示例中的变量名和参数替换为你项目的实际值。
复制按钮复制的是什么内容?
复制的是代码块的完整文本,原样进入剪贴板,不附加空行或额外注释;部分片段需要按你的项目调整参数,例如防抖的等待时间、fetch 的接口地址、CSS 的行数上限。
片段会持续更新吗?
片段库内置在页面中,随站点版本一起更新,收录标准是长期稳定、广泛验证的经典写法,避免追新 API;使用中发现错误或有想补充的高频片段,欢迎通过站点页脚的联系方式反馈,我们会评估后加入。