📋 速查表合集

开发者常用速查表:Git命令、Vim快捷键、正则表达式、CSS布局、JS数组方法

命令说明
git init初始化仓库
git clone <url>克隆远程仓库
git status查看工作区状态
git add .暂存所有修改
git add -p交互式暂存(逐块确认)
git commit -m "msg"提交暂存区
git commit --amend修改最后一次提交
git push推送到远程
git push -f强制推送(危险!)
git pull拉取并合并
git fetch拉取但不合并
git merge <branch>合并分支
git rebase <branch>变基到目标分支
git branch列出本地分支
git branch -d <name>删除分支
git checkout -b <name>创建并切换分支
git switch <name>切换分支(推荐)
git stash暂存工作区
git stash pop恢复暂存
git log --oneline简洁提交历史
git log --graph --all图形化分支历史
git diff查看未暂存差异
git diff --staged查看已暂存差异
git reset --soft HEAD~1撤销commit保留修改
git reset --hard HEAD~1撤销commit丢弃修改
git cherry-pick <hash>拣选某次提交
git tag v1.0.0创建标签
git remote -v查看远程仓库
git blame <file>查看每行修改者
git bisect start二分法定位bug
快捷键说明
i进入插入模式
Esc回到普通模式
:w保存
:q退出
:wq / ZZ保存并退出
:q!强制退出不保存
h / j / k / l左 / 下 / 上 / 右
w / b下一词首 / 上一词首
0 / $行首 / 行尾
gg / G文件开头 / 文件结尾
dd删除当前行
yy复制当前行
p / P粘贴到后 / 前
u / Ctrl+r撤销 / 重做
/pattern向下搜索
:%s/old/new/g全局替换
v / V / Ctrl+v字符 / 行 / 块选择
> / <缩进 / 反缩进
ciw修改当前词
ci" / ci(修改引号/括号内容
%跳转到匹配括号
Ctrl+d / Ctrl+u向下/上翻半页
ma / 'a设置/跳转到标记a
:split / :vsplit水平/垂直分屏
Ctrl+w w切换分屏
.重复上次操作
g; / g,跳转上次/下次修改
表达式说明
.匹配任意字符(除换行)
\d / \D数字 / 非数字
\w / \W单词字符 / 非单词字符
\s / \S空白 / 非空白
^ / $行首 / 行尾
\b / \B单词边界 / 非单词边界
* / + / ?0+次 / 1+次 / 0或1次
{n} / {n,m}恰好n次 / n到m次
[abc] / [^abc]字符类 / 否定字符类
[a-z] / [0-9]字母范围 / 数字范围
(abc)捕获组
(?:abc)非捕获组
a|b或(a或b)
(?=...) / (?!...)正向/负向前瞻
(?<=...) / (?<!...)正向/负向后顾
g / i / m / s全局 / 忽略大小写 / 多行 / 点匹配换行
[\u4e00-\u9fa5]匹配中文字符
[\u3000-\u303F]匹配中文标点
属性说明
display: flex启用弹性布局
flex-direction: row|column主轴方向
flex-wrap: wrap|nowrap是否换行
justify-content主轴对齐:flex-start|center|flex-end|space-between|space-around|space-evenly
align-items交叉轴对齐:stretch|flex-start|center|flex-end|baseline
align-content多行对齐(需wrap)
gap: 12px子元素间距
flex: 1弹性伸缩(flex-grow)
flex: 1 0 200pxgrow shrink basis
align-self单个子元素交叉轴对齐
order: 1排列顺序(越小越前)
属性说明
display: grid启用网格布局
grid-template-columns列定义:1fr 2fr 1fr / repeat(3,1fr)
grid-template-rows行定义:auto / 100px 1fr
grid-template-areas命名区域布局
gap / row-gap / column-gap间距
grid-column: 1 / 3占1到3列(span 2同效)
grid-row: 1 / -1占整行
grid-area: header放到命名区域
place-items: center单元格内居中
place-content: center网格容器内居中
auto-fill / auto-fit自动填充列数
minmax(200px, 1fr)最小最大约束
方法说明
push / pop末尾添加 / 移除
shift / unshift头部移除 / 添加
splice(i,n,...)删除/插入(修改原数组)
slice(i,j)截取子数组(不修改原数组)
map(fn)映射新数组
filter(fn)过滤
reduce(fn,init)累加/聚合
forEach(fn)遍历(无返回值)
find / findIndex查找第一个匹配
some / every是否至少一个/全部满足
includes(val)是否包含
indexOf(val)查找索引
join(sep)连接为字符串
sort(fn)排序(修改原数组)
reverse()反转(修改原数组)
flat(n) / flatMap展平 / 映射后展平
Array.from(obj)类数组转数组
Array.of(...)创建数组
at(-1)倒数索引
toSorted / toReversed排序/反转(不修改原数组)