代码示例库 – 原创展示

</>

WordPress / PHP

WordPress 技术站从 0 到 1 搭建指南

wordpress-php/wordpress-php-01.php

查看源码

</>

WordPress / PHP

WordPress Hooks 入门：Action 与 Filter 到底怎么用

wordpress-php/wordpress-php-02.php

查看源码

</>

WordPress / PHP

WordPress WP_Query 实战：分类、标签与自定义查询

wordpress-php/wordpress-php-03.php

查看源码

</>

WordPress / PHP

PHP 8 错误处理与日志：开发环境和生产环境要分开

wordpress-php/wordpress-php-04.php

查看源码

</>

WordPress / PHP

Cron 定时任务入门：Linux Cron 与 WordPress WP-Cron 的区别

wordpress-php/wordpress-php-05.php

查看源码

</>

HTML / CSS / JavaScript

JavaScript Fetch 与 async/await：接口请求的正确写法

web-frontend/web-frontend-01.js

查看源码

</>

HTML / CSS / JavaScript

CSS Grid 与 Flexbox：什么时候该用哪一个

web-frontend/web-frontend-02.html

查看源码

</>

HTML / CSS / JavaScript

浏览器 DevTools 调试教程：Network、Console 与 Performance

web-frontend/web-frontend-03.js

查看源码

</>

HTML / CSS / JavaScript

HTTP 状态码速查：200、301、404、429、500 分别代表什么

web-frontend/web-frontend-04.js

查看源码

</>

HTML / CSS / JavaScript

语义化 HTML 实战：让结构、SEO 与可访问性一起变好

web-frontend/web-frontend-05.html

查看源码

</>

TypeScript

TypeScript 从 JavaScript 迁移：渐进式改造路线

typescript/typescript-01.ts

查看源码

</>

TypeScript

TypeScript Everyday Types：对象、联合类型与字面量

typescript/typescript-02.ts

查看源码

</>

TypeScript

TypeScript Narrowing：类型守卫与控制流分析

typescript/typescript-03.ts

查看源码

</>

TypeScript

TypeScript 泛型实战：函数、接口与约束

typescript/typescript-04.ts

查看源码

</>

TypeScript

Utility Types 实战：Partial、Pick、Omit 与 Record

typescript/typescript-05.ts

查看源码

</>

React / Vue / Next.js

React 组件设计：Props、组合与单向数据流

react-vue-next/react-vue-next-01.tsx

查看源码

</>

React / Vue / Next.js

React Hooks 实战：useState、useEffect 与自定义 Hook

react-vue-next/react-vue-next-02.tsx

查看源码

</>

React / Vue / Next.js

React 状态管理：Context、Reducer 与外部 Store 的取舍

react-vue-next/react-vue-next-03.tsx

查看源码

</>

React / Vue / Next.js

React 性能优化：memo、useMemo 与渲染边界

react-vue-next/react-vue-next-04.tsx

查看源码

</>

React / Vue / Next.js

Vue 3 Composition API：ref、reactive 与 computed

react-vue-next/react-vue-next-05.vue

查看源码

</>

Node.js / API

REST API 设计基础：URL、状态码、分页与错误结构

node-api/node-api-01.mjs

查看源码

</>

Node.js / API

开发者官方文档大全：Node.js、PHP、Python、Go、Rust、TypeScript

node-api/node-api-02.mjs

查看源码

</>

Node.js / API

API 开发资源：OpenAPI、Swagger UI 与 JSON Schema

node-api/node-api-03.yaml

查看源码

</>

Node.js / API

接口与网络排查资源：HTTP Status、curl 与 DNS 查询

node-api/node-api-04.sh

查看源码

</>

Node.js / API

Node.js 运行时基础：事件循环、异步 I/O 与 Worker

node-api/node-api-05.mjs

查看源码

</>

Python

Python 虚拟环境：venv、pip 与依赖锁定

python/python-01.py

查看源码

</>

Python

Python 类型提示：typing、Protocol 与静态检查

python/python-02.py

查看源码

</>

Python

Python 文件与 JSON 处理：路径、编码与异常

python/python-03.py

查看源码

</>

Python

Python HTTP 客户端：requests/httpx 的工程化用法

python/python-04.py

查看源码

</>

Python

FastAPI 入门：路由、Pydantic 与自动文档

python/python-05.py

查看源码

</>

Go / Rust

Go Modules 入门：go.mod、依赖与版本管理

go-rust/go-rust-01.go

查看源码

</>

Go / Rust

Go HTTP Server：路由、中间件与优雅退出

go-rust/go-rust-02.go

查看源码

</>

Go / Rust

Go 并发基础：goroutine、channel 与 context

go-rust/go-rust-03.go

查看源码

</>

Go / Rust

Go JSON API：结构体标签、校验与错误处理

go-rust/go-rust-04.go

查看源码

</>

Go / Rust

Go 测试实践：table-driven tests 与 httptest

go-rust/go-rust-05_test.go

查看源码

</>

MySQL / PostgreSQL / Redis

MySQL 备份与恢复：mysqldump 的基础实战

database/database-01.sh

查看源码

</>

MySQL / PostgreSQL / Redis

Redis 缓存入门：从 Key、TTL 到 WordPress 对象缓存

database/database-02.txt

查看源码

</>

MySQL / PostgreSQL / Redis

数据库开发资源：MySQL、PostgreSQL、SQLite 与 Redis 文档

database/database-03.sql

查看源码

</>

MySQL / PostgreSQL / Redis

MySQL 索引实战：B-Tree、联合索引与最左匹配

database/database-04.sql

查看源码

</>

MySQL / PostgreSQL / Redis

MySQL EXPLAIN：如何读执行计划和定位慢查询

database/database-05.sql

查看源码

</>

Linux / Nginx

Nginx 配置 HTTPS 与 HTTP/2 的基础方法

linux-nginx/linux-nginx-01.conf

查看源码

</>

Linux / Nginx

Linux SSH 基础安全设置：从登录到防护

linux-nginx/linux-nginx-02.conf

查看源码

</>

Linux / Nginx

Nginx 反向代理：把域名请求转发到应用服务

linux-nginx/linux-nginx-03.conf

查看源码

</>

Linux / Nginx

Linux systemd 服务管理：启动、重启、日志与自启动

linux-nginx/original-show.service

查看源码

</>

Linux / Nginx

服务器日志怎么读：Access Log 与 Error Log 的排查顺序

linux-nginx/linux-nginx-05.sh

查看源码

</>

Docker / Kubernetes

Docker Compose 入门：一份配置启动 WordPress、MySQL 与 Redis

docker-kubernetes/compose-wordpress.yaml

查看源码

</>

Docker / Kubernetes

DevOps 官方资源：Docker、Kubernetes 与 GitHub Actions

docker-kubernetes/kubernetes-example.yaml

查看源码

</>

Docker / Kubernetes

Dockerfile 最佳实践：分层、缓存与最小镜像

docker-kubernetes/dockerfile-best-practices/Dockerfile

查看源码

</>

Docker / Kubernetes

Docker 容器网络：bridge、端口映射与服务发现

docker-kubernetes/compose-network.yaml

查看源码

</>

Docker / Kubernetes

Docker Volume：持久化数据与备份思路

docker-kubernetes/compose-volume.yaml

查看源码

</>

Git / GitHub Actions

Git 分支工作流：feature、fix 与发布分支怎么配合

git-github-actions/branch-workflow.sh

查看源码

</>

Git / GitHub Actions

GitHub 项目资源怎么筛选：看维护状态而不是只看 Star

git-github-actions/project-evaluation.md

查看源码

</>

Git / GitHub Actions

Git rebase 实战：整理提交而不破坏协作

git-github-actions/rebase-workflow.sh

查看源码

</>

Git / GitHub Actions

Git 冲突处理：定位、合并与回滚的正确顺序

git-github-actions/conflict-recovery.sh

查看源码

</>

Git / GitHub Actions

GitHub Pull Request：Review、检查与合并策略

git-github-actions/pull-request-template.md

查看源码

</>

网络 / HTTP / DNS

DNS 排查基础：A、AAAA、CNAME、TXT 记录怎么理解

network-http-dns/network-http-dns-01.sh

查看源码

</>

网络 / HTTP / DNS

CDN 是怎么加速网站的：缓存节点、回源与刷新

network-http-dns/network-http-dns-02.sh

查看源码

</>

网络 / HTTP / DNS

TLS 证书与 HTTPS 基础：证书链、续期与混合内容

network-http-dns/network-http-dns-03.sh

查看源码

</>

网络 / HTTP / DNS

HTTP 缓存：Cache-Control、ETag 与协商缓存

network-http-dns/network-http-dns-04.sh

查看源码

</>

网络 / HTTP / DNS

HTTP/2 与 HTTP/3：多路复用、QUIC 与部署影响

network-http-dns/network-http-dns-05.sh

查看源码

</>

Web 安全 / OWASP

Web 安全资源：OWASP Cheat Sheet 与安全响应头检查

web-security/security-resources.md

查看源码

</>

Web 安全 / OWASP

XSS 防护：输出编码、DOM API 与 CSP 三层策略

web-security/xss-safe-render.html

查看源码

</>

Web 安全 / OWASP

SQL 注入防护：参数化查询与最小权限

web-security/sql-injection-defense.php

查看源码

</>

Web 安全 / OWASP

CSRF 防护：SameSite、Token 与请求来源校验

web-security/csrf-token.php

查看源码

</>

Web 安全 / OWASP

Content Security Policy：从 Report-Only 到逐步收紧

web-security/csp-report-only.conf

查看源码

</>

性能 / 工程化

Lighthouse 网站性能检查：先看哪几个指标

performance-engineering/lighthouserc.cjs

查看源码

</>

性能 / 工程化

网站性能资源：PageSpeed Insights、WebPageTest 与 Can I Use

performance-engineering/performance-resources.md

查看源码

</>

性能 / 工程化

做技术站时最容易忽略的 7 个细节

performance-engineering/site-quality-audit.js

查看源码

</>

性能 / 工程化

网站备份经验：文件、数据库与恢复演练缺一不可

performance-engineering/backup-verify.sh

查看源码

</>

性能 / 工程化

Core Web Vitals：LCP、INP 与 CLS 的优化方法

performance-engineering/core-web-vitals.js

查看源码