代码片段

收集常用命令、函数和配置片段。

内容概览
14片段
5语言
bash
hexoblogdev

Hexo 本地预览

清理缓存、重新生成并启动本地服务。

1
2
3
hexo clean
hexo generate
hexo server
javascript
functionperformance

JavaScript 防抖

适合输入搜索、窗口尺寸变化等高频触发场景。

1
2
3
4
5
6
7
8
const debounce = (fn, delay = 300) => {
  let timer

  return (...args) => {
    clearTimeout(timer)
    timer = setTimeout(() => fn(...args), delay)
  }
}
java
javaenvironmentconfig

Java 读取环境变量

读取可选环境变量，并在未设置时提供默认值。

1
2
String port = System.getenv().getOrDefault("PORT", "8080");
System.out.println("Server starts on port " + port);
cpp
c++inputiostream

C++ 读取一行输入

在包含空格时完整读取一行标准输入。

1
2
3
4
5
6
7
8
#include <iostream>
#include <string>

int main() {
  std::string line;
  std::getline(std::cin, line);
  std::cout << line << '\n';
}
css
csstextlayout

CSS 多行省略

固定展示两行文本，超出部分显示省略号。

1
2
3
4
5
6
.line-clamp-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
bash
gitlog

Git 查看最近提交

用紧凑格式查看最近 10 条提交记录。

1
git log --oneline --decorate -10
bash
gitbranch

Git 创建并切换分支

从当前提交创建新分支并立即切换过去。

1
git switch -c feature/snippet-page
bash
npmdependency

npm 检查过期依赖

查看当前项目中可更新的依赖版本。

1
npm outdated
bash
curlapijson

curl JSON 请求

快速发送一个 JSON POST 请求。

1
2
3
curl -X POST https://example.com/api \
  -H "Content-Type: application/json" \
  -d '{"name":"Solace"}'
bash
dockerlogs

Docker 查看容器日志

持续跟踪某个容器最近的日志输出。

1
docker logs -f --tail=100 container_name
bash
nginxserver

Nginx 重载配置

检查配置文件后平滑重载 Nginx。

1
2
sudo nginx -t
sudo systemctl reload nginx
bash
macosport

查找端口占用

在 macOS 上查看指定端口被哪个进程占用。

1
lsof -i :4000
bash
vscodecli

VS Code 打开当前目录

从终端直接用 VS Code 打开当前项目。

1
code .
javascript
fetchapi

Fetch 请求封装

简单封装 JSON 请求与错误处理。

1
2
3
4
5
6
7
8
9
10
11
12
const request = async (url, options = {}) => {
  const response = await fetch(url, {
    headers: { 'Content-Type': 'application/json' },
    ...options
  })

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`)
  }

  return response.json()
}

没有匹配的片段

换一个关键词或语言试试。