前置环境要求 组件 最低要求 推荐配置（适配12G显存显卡） 操作系统 Windows 10+/macOS 12+/Linux 内核5.4+ Windows 11/macOS 14+/Ubuntu 22.04+ 运行环境 Node.js 18.0.0+、npm 9.0.0+ Node.js 20.x LTS 版本 VS Code 1.85.

在 Ubuntu 24.04 (Noble Numbat) 上安装 Docker，推荐使用官方源一键安装，稳定且更新及时。 一、前置准备（可选）如果之前安装过旧版 Docker，先卸载干净： 1sudo apt remove docker docker-engine docker.io containerd runc 二、正式安装（5步完成）1. 更新系统并安装依赖12sudo apt up

console 远不止 log 和分组，还能加颜色、图标、样式、警告、错误、表格、计时、计数等等，非常强大。 整理最实用、最常用的全套用法，直接复制就能用👇 1. 给 console.log 加颜色和样式（最酷）浏览器控制台支持 CSS 样式，用 %c 标记即可。 基础彩色日志12345678// 文字变红console.log("%c这是红色文字", "colo

requestAnimationFrame 执行频率分析requestAnimationFrame(animateScroll) 的执行频率不固定，而是与显示器刷新率同步。 核心原理requestAnimationFrame 是浏览器提供的 API，它会： 与显示器刷新率同步执行回调函数 通常在 60Hz 的显示器上，大约每 16.67ms 执行一次（1000ms ÷ 60 ≈ 16.67ms）

多组件场景下的 resize 处理方案对比当前方案 vs 组件重建方案当前方案：screenKeys 触发组件重建性能消耗分析： 高消耗：每次 screenKeys 变化时，所有使用该 key 的组件都会销毁重建 DOM 操作：移除旧 DOM 元素，创建新 DOM 元素，触发完整的组件生命周期 资源重分配：重新计算样式、重新绑定事件、重新初始化状态 替代方案：集中式 resize 监听方案一：

Scene: Morning Routine at Home Characters: Dad (Carl): A responsible father. Eden: A young student. (In the morning, Carl is standing outside Eden’s bedroom door, knocking gently.) Carl: (loudly but

WSL 所有高频常用命令，按「核心管理」「系统操作」「配置调试」三类整理，覆盖安装、启动、迁移、关闭、排查等全场景，遇到具体场景对应找就行。 一、核心管理命令这是日常管理 WSL 系统的核心命令，覆盖安装、查看、启动、关闭、卸载等基础操作。 命令 作用 示例 wsl -l -v 查看已安装的所有 WSL 系统（显示状态/版本） wsl -l -v wsl -l -o 查看

目前业界最流行的组合是：pnpm Workspaces 作为底层依赖管理，搭配 Turborepo 作为任务编排。 以下三者并不是互斥关系，而是互补的层级关系： pnpm Workspaces（基础层）： 定位： 解决“依赖怎么装、包之间怎么引用”的问题。 现状： 它已经是现代 Monorepo 的事实标准。由于它利用硬链接节省磁盘空间且速度极快，Turborepo 和 Nx 官方都推荐优先使

MQTT 与 WebSocket一、核心概念与本质区别1.1 核心定位对比 特性 MQTT WebSocket 核心定位 物联网专用消息传输协议 浏览器与服务器的双向通信协议 传输层 基于 TCP/IP 基于 TCP/IP（先 HTTP 握手，后长连接） 通信模式 原生发布/订阅（Publish/Subscribe） 全双工双向通信（无原生

前端开发规范（2026年修订版） 本文档基于原规范修订，结合2026年前端开发生态更新，旨在提升代码质量、开发效率和团队协作。 一、开发工具1.1 编辑器与插件推荐使用 VS Code，统一安装以下插件： 必需 GitHub Copilot / 豆包（AI 辅助编码） GitLens — Git supercharged（Git 可视化） ESLint（代码检查） Prettier