正则表达式 30 分钟入门
前言正则表达式（Regular Expression）是一套用来匹配和提取文本的语法。它看起来像乱码（\b\d{3}-\d{4}\b），但一旦理解几个核心概念，写起来其实很自然。 这篇文章不讲理论，只讲最常用的语法和实际场景。 一、字面匹配与元字符最简单的正则就是直接匹配文字： 12正则: hello匹配: "hello world" 中的 "hello" 真正强大的是元字符——有特殊含义的符号： 元字符 含义 示例 . 匹配任意单个字符（换行除外） h.t 匹配 hat, hot, h3t \d 数字 \d{3} 匹配 123, 456 \w 字母数字下划线 \w+ 匹配 hello, var_1 \s 空白字符（空格、Tab、换行） a\sb 匹配 a b \D 非数字 \W 非字母数字 \S 非空白 二、量词：控制匹配次数 量词 含义 示例 * 0 次或多次 ab*c 匹配 ac, abc, abbc + 1 次或多次 ab+c 匹配 abc, abbc（不匹配 ac）...
Git 分支管理与协作工作流
前言Git 是现代软件开发的必备技能，而分支管理是 Git 的灵魂。无论是个人项目还是团队协作，合理的分支策略能让开发流程井井有条。本文聚焦于 Git 分支的实战操作与团队协作工作流。 为什么需要分支？分支让你可以在不影响主线代码的情况下进行功能开发、Bug 修复或实验。每个人在自己的分支上工作，完成后合并回主线。 一、分支基础操作1.1 查看分支12345git branch # 查看本地分支git branch -a # 查看所有分支（含远程）git branch -v # 查看分支最后一次提交git branch --merged # 查看已合并到当前分支的分支git branch --no-merged # 查看未合并的分支 1.2 创建与切换分支12345678git branch feature-login # 创建分支git checkout feature-login # 切换分支# 创建并切换（一步到位）git checkout -b feature...
Vim 快速上手：10 分钟脱离鼠标
前言Vim 是 Linux 系统自带的文本编辑器，也是每个开发者迟早要面对的工具。登录服务器修改配置文件、查看日志、写代码——不会 Vim 会非常痛苦。 本文不是百科全书，而是只讲你最常用的 20% 操作，覆盖 80% 的使用场景。 一、理解 Vim 的三种模式Vim 设计中最难适应的概念，也是最重要的概念： 123456789101112┌──────────┐ i / a / o ┌──────────┐│ NORMAL │ ────────────→ │ INSERT ││ (默认模式) │ ←──────────── │ (编辑模式) │└──────────┘ Esc └──────────┘ ↑ ↑ │ : / ? │ └──────────┬────────────┘ ↓ ┌──────────┐ │ COMMAND │ │ (命令...
JavaScript 基础入门
前言JavaScript 是 Web 开发的三大支柱之一（HTML + CSS + JavaScript），也是当今最流行的编程语言。它运行在浏览器中赋予页面交互能力，也能通过 Node.js 在服务器端运行。 本文从零开始，带你系统掌握 JavaScript 的核心基础。 为什么学 JavaScript？ 优势 说明 🌐 无处不在 所有浏览器都支持，前端唯一编程语言 🚀 全栈能力 Node.js 让 JS 可以写后端 📦 生态庞大 npm 超过 200 万个包 🎯 上手快 打开浏览器控制台就能写 一、JS 代码写在哪里？1234567<!-- 1. 内嵌在 HTML 中 --><script> console.log("Hello, 七月小站!");</script><!-- 2. 外部文件引入（推荐） --><script src="main.js"></script> 浏览器控制台（快捷调试）：按 F12 → Console...
CSS 基础入门
前言CSS（Cascading Style Sheets）是网页的”化妆品”，负责控制 HTML 元素的外观和布局。没有 CSS 的网页就像白纸黑字——有了 CSS，页面才能变得美观、灵动。 本文从零开始，带你系统掌握 CSS 的核心知识。 一、CSS 写在哪里？1234567891011121314<!-- 1. 内联样式（不推荐） --><p style="color: red; font-size: 18px;">红色文字</p><!-- 2. 内部样式表 --><head> <style> p { color: blue; } </style></head><!-- 3. 外部样式表（推荐！） --><head> <link rel="stylesheet" href="style.css"></head> 二、选...
HTML 基础入门
前言HTML（HyperText Markup Language）是网页的骨架。每一个网页都是由 HTML 标签搭建起来的结构。无论你学前端还是后端，理解 HTML 都是必备基础。 本文从零开始，带你掌握 HTML 的核心知识。 一、HTML 文档结构12345678910111213141516171819202122232425<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="七月小站 - 个人技术博客"> <title>我的网页</title> &...