新手向

🚀 前言：你将学到什么？ 本文将帮助你理解： WebSocket 到底是一种什么技术 为什么聊天消息、系统通知可以“瞬间送达” WebSocket 与传统 HTTP 通信方式本质上的区别 即使你是完全的新手，也能轻松跟上。 ✅ 什么是 WebSocket？ WebSocket 是一种让浏览器与服务器保持长期连接、并可双向实时通信的协议。 在普通网页中，浏览器通常是“有事才问服务器”。 而 WebSocket 更像一通持续连线的电话，双方都可以随时讲话。 这也是它能实现“实时”的关键原因。 🎯 WebSocket 存在的意义 WebSocket 的设计目标非常明确： 信息需要立刻送达 由服务器主动推送，而非客户端反复查询 典型例子包括： 💬 聊天消息发送后立即显示 📈 股票价格、游戏分数实时刷新 🔔 新通知无需刷新页面即可弹出 所有这些，都依赖于实时通信机制。 ⏳ 如果没有 WebSocket，会怎样？ 在 WebSocket 出现之前（现在仍有部分场景使用），常见做法是： 手动或自动刷新页面 每隔几秒向服务器询问一次：“有新消息吗？” 这就像反复按别人家的门铃： “有消息了吗？” “现在呢？” “刚刚呢？” 结果显而易见： 网络请求大量增加 信息传递存在延迟 服务器负担更重 🧩 WebSocket 能用在哪些场景？ WebSocket 特别适合以下应用： 💬 Web 聊天系统 🔔 实时通知机制 🎮 在线游戏（位置、分数同步） 📊 实时数据监控（股价、访问量） 🧑‍🤝‍🧑 协同编辑工具 只要你看到“页面不刷新，内容却在动”， 背后往往就有 WebSocket 的身影。 ...

🚀 前言 阅读完本文，你将理解： CORS（跨域资源共享）到底是什么 浏览器为什么会突然拦截你的 API 请求 常见 CORS 报错背后的真实含义（其实并不可怕） ✅ 什么是 CORS（Cross-Origin Resource Sharing） CORS 的本质是： 浏览器在问： “这个网页，可以访问另一个‘地址’的资源吗？” 如果没有明确允许，浏览器就会主动阻止。 🌐 先理解什么是「Origin（源）」 一个 Origin（源） 由三部分组成： 协议（http / https） 域名（example.com） 端口（:80 / :443） 只要其中 任意一项不同，就属于 跨域（Cross-Origin）。 示例： https://example.com https://api.example.com ❌ 域名不同 http://example.com ❌ 协议不同 🔐 CORS 存在的真正目的 只有一个核心目的： ✅ 防止恶意网站在你不知情的情况下读取敏感信息 🏠 举个生活化的例子：家里的邮箱 家人（同源） → 直接投递 陌生人（跨域） → 先确认身份 CORS 就是浏览器自动做的「身份确认」。 ⚠️ 如果没有 CORS 会怎样？ 如果浏览器完全不检查跨域： 恶意网站可以读取： 银行信息 登录状态的 Cookie 个人隐私数据 👉 整个 Web 将变成不设防的环境。 ...

🚀 前言 在使用網站時，你是否想過： 為什麼重新整理頁面後仍然保持登入？ 為什麼購物車的商品不會突然消失？ 為什麼網站能記住你的語言或主題設定？ 這些便利功能背後，都依賴 Cookie 與 Session。 本文將以最生活化的方式，帶你理解： 網站如何「記住你」 Cookie 與 Session 的差異 它們在登入與使用者識別中的角色 ✅ 基礎概念 🍪 Cookie 是什麼？ Cookie 就像放在你瀏覽器裡的一張小紙條。 網站本身不會記得你是誰，因此會把一段小資訊（Cookie）交給你的瀏覽器保存。 Cookie 的特性： 儲存在瀏覽器端 內容是小型文字資料 每次向網站發送請求時會自動附帶 常見用途： 記住登入狀態 保存語言、主題等偏好 分析與廣告追蹤（如 Google Analytics） 🔐 Session 是什麼？ Session 就像伺服器替你準備的一個私人儲物櫃。 當你登入時，伺服器會建立一個 Session，裡面放： 使用者 ID 登入狀態 其他必要資訊 Session 的特性： 儲存在伺服器端 以 Session ID 作為識別 用於管理登入期間的資料 🔗 Cookie 與 Session 的關係 兩者通常是 一起使用 的。 流程如下： 使用者登入 伺服器建立 Session（儲物櫃） 伺服器把 Session ID（鑰匙）放進 Cookie 瀏覽器下次訪問時會自動帶上 Cookie 伺服器根據 Session ID 找到對應的 Session 成功還原登入狀態 Cookie = 鑰匙 Session = 儲物櫃 ...

🚀 前言 读完本文你将明白： 什么是容量规划（Capacity Planning） 为什么在云计算时代依然不可或缺 资源太小或太大，各自会带来什么问题 ✅ 基础概念说明 什么是容量规划？ 容量规划（Capacity Planning） 指的是： 思考系统“需要多大性能与资源规模才刚好够用”。 这里的资源通常包括： CPU 内存 存储空间 网络带宽 为什么需要容量规划？ 目标其实非常简单： ✅ 系统不卡顿 ✅ 服务不中断 ✅ 不花冤枉钱 容量规划正是为了同时达成这三点。 📌 生活化的例子：餐厅经营 座位 太少 → 客人排队、投诉 座位 太多 → 房租、水电费白白浪费 💡 找到“刚刚好的座位数” 这就是餐厅老板在做容量规划。 ⚠️ 没有容量规划会发生什么？ ① 资源太小的情况 网站加载缓慢 流量一高就宕机 用户留下“这个网站不稳定”的印象 ② 资源太大的情况 每月云服务费用过高 大量未使用的资源在持续计费 “为了安心却长期亏钱”的状态 ⚠️ 在云计算中，大多数服务都是按使用量付费 配置过大会让浪费变得非常直观。 📦 在哪些场景下需要容量规划？ ✅ 构建博客或个人网站 ✅ 开发公司的 Web 服务 ✅ 活动、促销或大型上线前 ✅ 预期用户数量激增时 核心思路：同时考虑“现在”与“不久的将来” 💡 小知识 & 实战背景 云计算出现前：一场“未来预测赌博” 过去购买服务器往往需要： ...