🌐 Web 开发研究

本目录收录 Web 开发核心概念、前端技术、后端架构及全栈工程实践的深度研究笔记。

🧭 知识图谱 (Knowledge Graph)

CSS 入门：为什么需要 CSS 与三种添加方式 (CSS 历史、Inline/Internal/External 三种方式)
选择器与优先级：CSS 选择器与优先级 (元素/类/ID/属性选择器、组合选择器、层叠机制与特异性)
CSS 属性：颜色、字体与文本 (命名色/Hex、font-size 单位、font-family、Google Fonts、DevTools 检视)
盒模型：Margin、Padding 与 Border (content/padding/border/margin、多值语法、Div 容器、尺寸计算)
定位与浮动：CSS 定位 (static/relative/absolute/fixed、z-index、定位容器模式)
Flexbox 布局：Flexbox 弹性盒布局 (display flex、flex-direction、主轴/交叉轴、justify-content/align-items、flex sizing、定价表项目)
Grid 布局：CSS Grid 网格布局 (display grid、固定/auto/fr/minmax/repeat 尺寸、grid-column/row/area 放置、棋盘/蒙德里安项目)
响应式设计：CSS 响应式设计 (媒体查询、移动优先、视口单位 vw/vh、clamp() 流体排版、响应式图片)
CSS 动画：Transitions、Animations 与 Transform (过渡/关键帧动画/@keyframes、2D/3D 变换、速度曲线、GPU 性能优化)

栅格系统：Bootstrap 栅格系统 (CDN 引入、Container/Row/Col 三层结构、12 列系统、六大断点、多断点组合、偏移与对齐)
组件库：Bootstrap 组件库 (按钮/卡片/导航栏/轮播/手风琴/模态框/警告框/列表组/徽章/面包屑/进度条)
工具类：Bootstrap 工具类 (间距/显示/Flex/文本/颜色/边框/阴影/尺寸/定位/z-index 层级系统)

Unix 命令行：命令行基础 (Bash Shell、ls/cd/pwd 导航、mkdir/touch/rm 文件操作、快捷键)
Node.js 核心：Node.js 核心基础 (后端概念、运行时与 V8 引擎、fs 原生模块、NPM 包管理、CommonJS vs ESM、QR Code 项目)
Express.js：Express.js 基础 (服务器创建、HTTP 方法与状态码、路由、中间件系统 body-parser/Morgan/自定义、Postman、Nodemon)
EJS 模板：EJS 模板引擎 (6 种标签语法、res.render 数据传递、locals 安全检查、静态文件 express.static、Partials 局部模板)
RESTful API：API 基础与 REST (API 概念、REST 架构、端点/查询参数/路径参数、JSON 序列化、Axios 服务端请求、四种认证方式、CRUD 操作)
构建 API：API 基础与 REST (Postman 测试、Bearer Token/OAuth、PUT vs PATCH、完整 CRUD 代码示例)
Git 版本控制：Git 与 GitHub (init/add/commit/log、GitHub 远程仓库、.gitignore、clone、分支与合并、Fork 与 Pull Request)

数据库基础：数据库基础 (数据持久化、SQL vs NoSQL 深度对比、关系型数据库原理、StackOverflow 趋势、PostgreSQL 选型理由、CRUD 概念)
SQL 语言：SQL 语言 (CREATE TABLE/INSERT INTO/SELECT/UPDATE/DELETE、WHERE 条件查询、LIKE 模糊匹配、ALTER TABLE、外键与关系、INNER JOIN、1:1/1:N/M:N 三种关系类型)
PostgreSQL：PostgreSQL 与 Node.js (pg 包连接、参数化查询 $1 防注入、SERIAL/UNIQUE/NOT NULL 约束、LIKE 模糊查询、CRUD 实战、Travel Tracker 项目、1:1/1:N/M:N 关系与 JOIN)
认证与安全：认证与安全 (六级递进式安全 — 明文存储、AES 加密、dotenv 环境变量、MD5 哈希、bcrypt 加盐哈希、Cookie/Session/Passport.js、OAuth 2.0 Google 登录)

核心概念：React 核心基础 (React 简介、JSX 与 Babel 编译、属性与样式、className/内联样式、函数组件、ES6 Import/Export 模块系统、本地环境搭建)
Props 与数据渲染：Props 与数据渲染 (Props 属性传递、组件复用、map 列表渲染、条件渲染 ?😕&&、ES6 箭头函数、map/filter/reduce/find、解构赋值、展开运算符)
Hooks 与状态管理：Hooks 与状态管理 (声明式编程、useState Hook、事件处理、受控组件与表单、复杂状态对象/数组、子→父组件通信、不可变状态更新、Keeper App)
路由：React Router、动态路由、导航守卫
状态管理：Context API、Redux 基础
前后端联调：Fetch/Axios 调用 API、CORS、数据渲染