收集、管理和分享有用的代码片段,提高开发效率
使用navigator.clipboard复制文本
async function copyToClipboard(text) {
try {
await navigator.clipboard.writeText(text);
console.log('Text copied');
} catch (err) {
console.error('Copy failed', err);
}
}
限制函数频繁触发
function debounce(fn, delay) {
let timer;
return function() {
clearTimeout(timer);
timer = setTimeout(() => {
fn.apply(this, arguments);
}, delay);
};
}
解析URL查询参数为对象
function getUrlParams() {
const params = new URLSearchParams(window.location.search);
return Object.fromEntries(params.entries());
}
使用header进行页面跳转
function redirect($url) {
header('Location: ' . $url);
exit;
}
生成前端验证码字符串
function generateVerificationCode(length = 6) {
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
let code = '';
for(let i = 0; i < length; i++) {
code += chars.charAt(Math.floor(Math.random() * chars.length));
}
return code;
}
Bootstrap响应式卡片布局
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card">
<img src="image.jpg" class="card-img-top" alt="Card image">
<div class="card-body">
<h5 class="card-title">Card Title</h5>
<p class="card-text">Some quick example text</p>
</div>
</div>
</div>
</div>
</div>
高效管理您的代码片段,提高开发效率
通过关键字、语言或分类快速查找代码片段,支持模糊搜索和过滤功能
支持多种编程语言的语法高亮,使代码更加清晰易读
随时随地访问您的代码片段库,支持桌面和移动设备
浏览最受欢迎的代码分类