Web 开发全景梳理

从浏览器到服务器的完整技术栈解析

前端 / 客户端

浏览器 & 客户端 (The Client)

浏览器
Chrome/Edge
HTML/CSS/JS
基础三件套
前端框架
React/Vue

互联网基础设施 (The Network)

域名 & DNS
地址解析
HTTP/HTTPS
通信协议
CDN
内容分发

服务端架构 (The Server)

Web 服务器 (网关)
Nginx / Apache
处理静态文件,反向代理
应用服务器 (逻辑)
Django / Node.js / Java
处理业务逻辑,计算
数据存储层
关系型数据库
MySQL/Postgres
NoSQL
MongoDB
缓存
Redis
支撑体系 (DEVOPS & INFRA)
Linux / OS Docker / 容器 Git / 版本控制 AWS / 阿里云 CI/CD 自动化
前端 / Client Side

Web 浏览器

浏览器是用户进入互联网的窗口。它的核心职责是向服务器发送请求,接收代码(HTML/CSS/JS),并将代码渲染成用户可见的图形界面。

通俗理解

就像是"餐厅的服务员和菜单"。你(用户)坐在这里看菜单(页面),点菜(发送请求),最后服务员把做好的菜(数据)端上来给你享用。

常见工具/技术

  • Chrome (V8引擎)
  • Firefox
  • Safari (WebKit)
  • Edge

核心概念

  • DOM 渲染
  • JavaScript 引擎
  • 本地存储 (Cookies/LocalStorage)
  • DevTools 调试器