https://blog.keepcalm.cn 专注 JavaScript、HTML、CSS、Node.js 与数据库的技术分享博客 zh-CN Fri, 23 Oct 2026 04:51:37 GMT https://blog.keepcalm.cn/posts/http2-http3-explained https://blog.keepcalm.cn/posts/http2-http3-explained Sat, 12 Sep 2026 02:00:00 GMT HTTP/1.1 的队头阻塞是什么？HTTP/2 多路复用、头部压缩，以及 HTTP/3 基于 QUIC 又解决了什么问题。 https://blog.keepcalm.cn/posts/ai-assisted-coding-workflow https://blog.keepcalm.cn/posts/ai-assisted-coding-workflow Sat, 15 Aug 2026 02:00:00 GMT 用了一年 AI 编程助手后的真实体会：哪些环节效率翻倍，哪些地方差点被坑，以及如何给 AI 当好"产品经理"。 https://blog.keepcalm.cn/posts/es2023-es2025-practical-features https://blog.keepcalm.cn/posts/es2023-es2025-practical-features Sat, 18 Jul 2026 02:00:00 GMT findLast、toSorted、Object.groupBy、Promise.withResolvers、Set 集合运算……盘点近三年 ES 标准里真正用得到的那些。 https://blog.keepcalm.cn/posts/commonjs-esm-module-loading https://blog.keepcalm.cn/posts/commonjs-esm-module-loading Sat, 20 Jun 2026 02:00:00 GMT require 和 import 到底有什么本质区别？循环依赖在两者中分别如何表现？讲清模块包装、加载时机与互操作。 https://blog.keepcalm.cn/posts/proxy-reflect-reactivity-foundation https://blog.keepcalm.cn/posts/proxy-reflect-reactivity-foundation Sat, 21 Mar 2026 02:00:00 GMT Proxy 能拦截哪些操作？为什么处理函数里要用 Reflect 而不是直接操作 target？从陷阱方法讲到响应式实现。 https://blog.keepcalm.cn/posts/nuxt4-fullstack-framework-trends https://blog.keepcalm.cn/posts/nuxt4-fullstack-framework-trends Sat, 22 Nov 2025 02:00:00 GMT Nuxt 4 调整目录结构、强化数据层。盘点其变化，并观察 SSR/SSG/RSC/边缘渲染这几年的演进方向。 https://blog.keepcalm.cn/posts/docker-for-frontend https://blog.keepcalm.cn/posts/docker-for-frontend Sat, 18 Oct 2025 02:00:00 GMT "我本地好好的"这句话我听过太多次了。把前端项目塞进 Docker 后，构建环境完全一致，部署变成一条命令。这篇写给没碰过 Docker 的前端同学。 https://blog.keepcalm.cn/posts/deep-dive-v8-execution-context https://blog.keepcalm.cn/posts/deep-dive-v8-execution-context Sat, 20 Sep 2025 02:00:00 GMT 一段 JS 代码在引擎里到底经历了什么？从解析、AST、字节码讲到执行上下文、词法环境和调用栈模型。 https://blog.keepcalm.cn/posts/new-viewport-units-svh-dvh https://blog.keepcalm.cn/posts/new-viewport-units-svh-dvh Sat, 16 Aug 2025 02:00:00 GMT 移动端 Safari 上 100vh 一直被地址栏坑，老方案是 JS 算 --vh 变量。现在 CSS 原生给出了答案：svh、dvh、lvh 三兄弟。这篇讲清它们的区别和迁移策略。 https://blog.keepcalm.cn/posts/vite6-and-build-tools-future https://blog.keepcalm.cn/posts/vite6-and-build-tools-future Sat, 21 Jun 2025 02:00:00 GMT Vite 6 带来 Environment API，为开发环境多目标构建打基础。梳理版本演进、核心新特性与 Rollup 4 生态。 https://blog.keepcalm.cn/posts/modern-css-has-container-nesting https://blog.keepcalm.cn/posts/modern-css-has-container-nesting Sat, 17 May 2025 02:00:00 GMT :has() 让 CSS 第一次能"选中父元素"，容器查询让组件按自身宽度响应式，原生嵌套让预处理器不再是必需品。 https://blog.keepcalm.cn/posts/mongodb-aggregation-pipeline https://blog.keepcalm.cn/posts/mongodb-aggregation-pipeline Sat, 19 Apr 2025 02:00:00 GMT 复杂统计 find 已经力不从心。介绍 aggregate 管道思想与 $match/$group/$lookup 等常用阶段，附实战示例。 https://blog.keepcalm.cn/posts/vue3-5-reactivity-optimization https://blog.keepcalm.cn/posts/vue3-5-reactivity-optimization Sat, 22 Feb 2025 02:00:00 GMT 官方称内存降低 56%、大型列表更新提速。梳理 3.5 响应式重构的三个关键变化及其背后的设计权衡。 https://blog.keepcalm.cn/posts/nodejs-22-23-new-features https://blog.keepcalm.cn/posts/nodejs-22-23-new-features Sat, 18 Jan 2025 02:00:00 GMT Node 22 成了新的 LTS，带来了原生 WebSocket、内置 SQLite、require ESM 等硬货。盘点这两个版本里我认为前端最该知道的特性，有些真的可以删掉依赖了。 https://blog.keepcalm.cn/posts/vue-ecosystem-2024-vapor-mode https://blog.keepcalm.cn/posts/vue-ecosystem-2024-vapor-mode Sat, 21 Dec 2024 02:00:00 GMT 年底盘点 Vue 生态：Vapor Mode 无虚拟 DOM 策略、Vue 3.4/3.5、Nuxt 4、语言工具与社区趋势观察。 https://blog.keepcalm.cn/posts/customref-debounced-input https://blog.keepcalm.cn/posts/customref-debounced-input Sat, 16 Nov 2024 02:00:00 GMT ref 只能"改了就触发"，但防抖搜索框要的是"改完停一会再触发"。Vue 3 的 customRef 把 get/set 的控制权交给你，这篇用它从零实现一个 v-model 可用的防抖 ref。 https://blog.keepcalm.cn/posts/github-actions-cicd-guide https://blog.keepcalm.cn/posts/github-actions-cicd-guide Sat, 19 Oct 2024 02:00:00 GMT push 代码后自动 lint、测试、构建、部署是怎么配置的？从 workflow 语法讲到 Node 项目完整流水线与缓存优化。 https://blog.keepcalm.cn/posts/cookie-session-token-jwt https://blog.keepcalm.cn/posts/cookie-session-token-jwt Sat, 17 Aug 2024 02:00:00 GMT 登录状态到底存在哪里？JWT 为什么不能随便用？梳理四种鉴权机制的原理、存储位置与安全实践。 https://blog.keepcalm.cn/posts/performance-api-measure https://blog.keepcalm.cn/posts/performance-api-measure Sat, 20 Jul 2024 02:00:00 GMT 性能测量的正确姿势不是 Date.now() 做减法——精度只有毫秒还受系统时钟影响。Performance API 提供微秒级精度、标准化的打点标记和完整的资源耗时数据。 https://blog.keepcalm.cn/posts/redis-penetration-breakdown-avalanche https://blog.keepcalm.cn/posts/redis-penetration-breakdown-avalanche Sat, 22 Jun 2024 02:00:00 GMT 大促时缓存层挂了数据库怎么办？区分三种缓存异常，分别给出空值缓存、互斥锁、随机过期等方案。