code.251w.com · 共 197 个片段
可复制的前端与站长代码小抄
251代码小抄提供 CSS、HTML、JavaScript、PHP、Python、Golang、Linux Shell、Nginx、Meta/结构化数据、正则等可检索代码片段，面向站长与开发者，并联动 tool.251w.com 与 web.251w.com。
未找到匹配片段。
CSS 片段 20 个 分类列表 →
用 flex 一行使子元素水平垂直居中。
CSS 片段 · css CSS Grid 居中用 grid 一行实现内容居中。
CSS 片段 · css 绝对定位居中position absolute + transform 居中。
CSS 片段 · css 文本水平居中text-align 居中。
CSS 片段 · css 单行文本省略号溢出显示省略号。
CSS 片段 · css 多行文本省略line-clamp 限制行数。
CSS 片段 · css 长词与中文换行overflow-wrap 防撑破。
CSS 片段 · css 保持图片宽高比aspect-ratio 防 CLS。
CSS 片段 · css object-fit 裁剪图片cover 适配容器。
CSS 片段 · css 响应式图片基础max-width:100%。
CSS 片段 · css 粘性顶部导航position:sticky。
CSS 片段 · css 页脚贴底布局flex 沉底。
CSS 片段 · css 移动优先媒体查询min-width 断点。
CSS 片段 · css 容器查询示例@container。
CSS 片段 · css CSS 变量主题色自定义属性。
CSS 片段 · css 系统深色模式prefers-color-scheme。
CSS 片段 · css 美化滚动条（WebKit）自定义滚动条。
CSS 片段 · css 层叠与 z-index弹层分层。
CSS 片段 · css 最小 CSS Reset盒模型重置。
CSS 片段 · css 基础按钮样式主按钮外观。
HTML 片段 10 个 分类列表 →
基础 viewport meta。
HTML 片段 · html 声明 UTF-8 字符集避免中文乱码。
HTML 片段 · html 语义化页面骨架header/main/footer 结构。
HTML 片段 · html 面包屑导航标记nav + ol 面包屑。
HTML 片段 · html picture 响应式图片不同屏幕加载不同图。
HTML 片段 · html 原生图片懒加载loading=lazy。
HTML 片段 · html 表单 label 关联提升可访问性。
HTML 片段 · html 按钮类型注意点button/submit 显式声明。
HTML 片段 · html iframe 可访问标题title 描述嵌入页。
HTML 片段 · html Open Graph 基础标签社交分享卡片。
JavaScript 12 个 分类列表 →
停止触发后再执行。
JavaScript · js 节流 throttle固定间隔最多执行一次。
JavaScript · js DOMContentLoadedDOM 就绪后执行。
JavaScript · js querySelector 常用选取元素与列表。
JavaScript · js classList 切换样式add/remove/toggle。
JavaScript · js fetch 请求 JSONGET JSON 并处理错误。
JavaScript · js async/await 错误处理try/catch 包装异步。
JavaScript · js localStorage 读写本地持久化简单配置。
JavaScript · js 复制到剪贴板navigator.clipboard。
JavaScript · js IntersectionObserver 曝光进入视口再加载。
JavaScript · js 拦截表单提交preventDefault + 校验。
JavaScript · js 读写 URL 参数URLSearchParams。
PHP 片段 8 个 分类列表 →
Content-Type 与 json_encode。
PHP 片段 · php PHP 设置 CORS允许跨域读取接口。
PHP 片段 · php 防 XSS 输出转义htmlspecialchars。
PHP 片段 · php PDO 预处理查询防 SQL 注入。
PHP 片段 · php Session 启动与取值登录态基础。
PHP 片段 · php PHP 301/302 跳转header Location。
PHP 片段 · php require_once 公共文件避免重复加载。
PHP 片段 · php 上传类型基础校验扩展名检查。
Python 片段 20 个 分类列表 →
最简 print。
Python 片段 · bash 创建并激活虚拟环境venv 隔离依赖。
Python 片段 · bash 导出依赖 requirementspip freeze。
Python 片段 · python 读写文本文件 UTF-8open 上下文管理。
Python 片段 · python Pathlib 路径操作拼接与判断存在。
Python 片段 · python JSON 读写json 模块。
Python 片段 · python requests GET JSON调用 HTTP 接口。
Python 片段 · python httpx 异步请求骨架async GET。
Python 片段 · python 命令行参数 argparse脚本传参。
Python 片段 · python logging 基础配置替代 print 打日志。
Python 片段 · python 异常捕获模板try/except/finally。
Python 片段 · python dataclass 数据结构简化类定义。
Python 片段 · python 类型标注函数提升可读性。
Python 片段 · python 列表推导式过滤与映射。
Python 片段 · python 合并字典Python 3.9+|解包。
Python 片段 · python re 提取邮箱正则查找。
Python 片段 · python SQLite 查询示例内置 sqlite3。
Python 片段 · python 占位说明：参数化查询勿拼接 SQL。
Python 片段 · python asyncio.gather 并发同时等待多个协程。
Python 片段 · python FastAPI 最小接口Hello JSON。
Golang 片段 19 个 分类列表 →
fmt.Println。
Golang 片段 · bash go mod 初始化模块化管理依赖。
Golang 片段 · go 标准库 HTTP 服务net/http。
Golang 片段 · go 返回 JSON 响应encoding/json。
Golang 片段 · go 结构体与 JSON 标签序列化字段名。
Golang 片段 · go errors.Join / fmt.Errorf错误包装。
Golang 片段 · go defer 关闭资源文件句柄。
Golang 片段 · go 读取文件内容os.ReadFile。
Golang 片段 · go 读写 JSON 文件MarshalIndent。
Golang 片段 · go context 超时控制WithTimeout。
Golang 片段 · go HTTP Client GET带超时客户端。
Golang 片段 · go WaitGroup 等待协程并发收尾。
Golang 片段 · go Channel 传递结果chan 基础。
Golang 片段 · go select 超时分支避免永久阻塞。
Golang 片段 · go Mutex 保护共享状态并发安全。
Golang 片段 · go HTTP 中间件骨架日志包装 Handler。
Golang 片段 · go 读取环境变量os.Getenv。
Golang 片段 · go 单元测试示例testing 包。
Golang 片段 · go database/sql 查询参数化查询。
Linux Shell 30 个 分类列表 →
pwd / ls 常用参数。
Linux Shell · bash 切换目录与返回cd / pushd / popd。
Linux Shell · bash 创建目录与空文件mkdir -p / touch。
Linux Shell · bash 复制移动与删除cp / mv / rm。
Linux Shell · bash 权限与属主chmod / chown。
Linux Shell · bash find 按名查找查找文件。
Linux Shell · bash grep 递归搜索在代码中搜关键字。
Linux Shell · bash sed 批量替换行内替换文本。
Linux Shell · bash awk 取列统计处理空白分隔输出。
Linux Shell · bash 磁盘与目录占用df / du。
Linux Shell · bash 查看与跟踪日志tail / less。
Linux Shell · bash journalctl 看服务日志systemd 日志。
Linux Shell · bash systemctl 启停服务管理 systemd 服务。
Linux Shell · bash 查看进程与负载ps / top / htop。
Linux Shell · bash 查看内存与缓存free -h。
Linux Shell · bash 结束进程kill / killall。
Linux Shell · bash curl 查看响应头检查状态码与头。
Linux Shell · bash wget 下载文件断点续传。
Linux Shell · bash 打包与解压tar / gzip。
Linux Shell · bash rsync 同步备份增量同步目录。
Linux Shell · bash scp 传输文件SSH 拷贝。
Linux Shell · bash SSH 密钥登录ssh-keygen / ssh-copy-id。
Linux Shell · bash crontab 定时任务编辑与列任务。
Linux Shell · bash 环境变量与 PATHexport / echo。
Linux Shell · bash 常用 alias 示例缩短命令。
Linux Shell · bash UFW 放行端口防火墙基础。
Linux Shell · bash 查看监听端口ss / netstat。
Linux Shell · bash 管道与 tee保存同时输出。
Linux Shell · bash xargs 批量处理把列表交给命令。
Linux Shell · bash history 与重复命令历史命令技巧。
Nginx 配置 10 个 分类列表 →
error_page 指向 PHP。
Nginx 配置 · nginx Nginx + PHP-FPM典型 PHP 站点配置。
Nginx 配置 · nginx HTTP 强制跳 HTTPS80 端口 301。
Nginx 配置 · nginx Nginx 单页 301return 永久跳转。
Nginx 配置 · nginx 开启 gzip 压缩压缩文本资源。
Nginx 配置 · nginx 静态资源长缓存expires 与 Cache-Control。
Nginx 配置 · nginx 禁止访问隐藏文件拦截 .git 等。
Nginx 配置 · nginx 上传大小限制client_max_body_size。
Nginx 配置 · nginx Nginx 添加 CORS 头静态或反代跨域。
Nginx 配置 · nginx Nginx 简单限流limit_req 防刷。
SEO / Meta 9 个 分类列表 →
title/description/keywords。
SEO / Meta · html Canonical 标签声明规范链接。
SEO / Meta · html robots metanoindex/nofollow 示例。
SEO / Meta · text robots.txt 基础允许抓取并声明 Sitemap。
SEO / Meta · xml sitemap.xml 最小示例URL 列表骨架。
SEO / Meta · html 标题层级建议H1-H3 结构示例。
SEO / Meta · html hreflang 互指多语言标注。
SEO / Meta · http 缓存响应头示例Cache-Control 文本。
SEO / Meta · json IndexNow POST 示例推送 URL 的 JSON 体。
正则示例 10 个 分类列表 →
常见邮箱格式校验。
正则示例 · regex URL 简单匹配http/https 链接。
正则示例 · regex 中国大陆手机号1 开头 11 位。
正则示例 · regex 身份证号粗校验18 位格式。
正则示例 · js 压缩多余空白多空格变单空格。
正则示例 · js 去除 HTML 标签粗暴去标签。
正则示例 · regex IPv4 粗匹配四段数字。
正则示例 · regex 日期 YYYY-MM-DD常见日期格式。
正则示例 · regex 强密码复杂度大小写数字特殊字符。
正则示例 · regex 匹配中文字符Unicode 中文范围。
Git 常用 10 个 分类列表 →
git clone。
Git 常用 · bash 查看状态并提交add/commit。
Git 常用 · bash 创建并切换分支feature 分支。
Git 常用 · bash 合并分支merge 到主分支。
Git 常用 · bash 变基整理提交rebase 示例。
Git 常用 · bash 单行查看日志git log --oneline。
Git 常用 · bash 查看未提交差异git diff。
Git 常用 · bash 暂存工作区stash 切换分支。
Git 常用 · bash 打版本标签release tag。
Git 常用 · bash 撤销最近提交（保留改动）reset --soft。
SQL 小抄 32 个 分类列表 →
OFFSET 分页。
SQL 小抄 · sql INNER JOIN 内连接两表都有匹配才返回。
SQL 小抄 · sql LEFT JOIN 左连接保留左表全部行。
SQL 小抄 · sql RIGHT JOIN 右连接保留右表全部行。
SQL 小抄 · sql 多表关联查询三表及以上 JOIN。
SQL 小抄 · sql 自关联查询同表别名关联。
SQL 小抄 · sql REPLACE INTO 替换写入主键冲突则先删后插。
SQL 小抄 · sql ON DUPLICATE KEY 更新冲突则更新。
SQL 小抄 · sql REPLACE 函数替换字符串字段内文本替换。
SQL 小抄 · sql 创建视图 CREATE VIEW封装常用查询。
SQL 小抄 · sql 删除与查看视图DROP / SHOW。
SQL 小抄 · sql 创建外键约束FOREIGN KEY。
SQL 小抄 · sql 追加或删除外键ALTER TABLE。
SQL 小抄 · sql 创建表基础结构CREATE TABLE。
SQL 小抄 · sql 修改表字段ADD / MODIFY / DROP。
SQL 小抄 · sql 子查询示例WHERE / FROM 子查询。
SQL 小抄 · sql EXISTS 判断存在半连接写法。
SQL 小抄 · sql HAVING 过滤分组分组后再条件。
SQL 小抄 · sql UNION 合并结果集合并多查询。
SQL 小抄 · sql NULL 处理 COALESCE默认值回退。
SQL 小抄 · sql CASE WHEN 条件表达式行内分支。
SQL 小抄 · sql LIKE 模糊查询前缀/包含匹配。
SQL 小抄 · sql BETWEEN 与 IN范围与枚举条件。
SQL 小抄 · sql 条件删除 DELETE必须带 WHERE。
SQL 小抄 · sql TRUNCATE 清空表快速清空。
SQL 小抄 · sql 递归 CTE 树形查询WITH RECURSIVE。
SQL 小抄 · sql 创建索引加速 WHERE/JOIN。
SQL 小抄 · sql EXPLAIN 查看执行计划分析慢查询。
SQL 小抄 · sql 插入（预处理示意）防注入写入。
SQL 小抄 · sql 条件更新UPDATE 必须带 WHERE。
SQL 小抄 · sql 事务提交回滚保证一致性。
SQL 小抄 · sql 分组统计GROUP BY。