Domino_21s-CSDN博客

原创 Docker 太占C盘：docker自定义路径安装完整教程（含 WSL2）

本文详细介绍了在Windows 11/10系统下自定义路径安装WSL2和Docker Desktop的完整流程。主要内容包括：检查虚拟化支持、启用WSL组件、准备安装目录、将Ubuntu安装到指定路径、下载并安装Docker Desktop到自定义位置，以及验证安装结果和常见问题解决方法。重点是通过命令行参数实现自定义安装路径，避免默认占用C盘空间。文中提供了完整的PowerShell命令序列，并强调了安装后需要检查WSL集成和磁盘设置的关键步骤。该方案适用于需要在非系统盘部署开发环境的用户。

2026-04-12 20:44:44 760

原创 Volta：告别 NVM，拥抱现代化的 Node.js 工具链管理

Volta是一个用Rust编写的现代Node.js工具链管理器，解决了传统NVM的多版本管理痛点。它通过shim机制实现工具与Node版本解耦，全局安装的CLI工具不会因切换版本而丢失。Volta能自动识别项目所需Node版本，无需手动切换，执行速度快且原生支持多平台。安装简单，支持镜像加速，通过volta install统一管理工具链，比NVM更稳定高效。对于需要管理多个Node版本的前端开发者，Volta提供了更现代可靠的解决方案。

2026-03-13 00:37:59 739

原创 npm 包管理器从入门到团队实践速记（2026 版）

这篇文章从“什么是包和包管理器”讲到 `package.json`、`package-lock.json`、`npm install`、`npm ci`、镜像源配置、卸载与查看版本，并专门标注了旧资料里常见但容易过时的写法，适合前端工程化入门和团队协作复习。

2026-03-13 00:27:36 609

原创 ES Module 入门到避坑（附 CJS 互操作要点，2026 版）

系统梳理 ES Module（ESM）的导出导入、live binding、浏览器与 Node.js 的差异、以及和 CommonJS 的互操作边界。重点修正常见误区：ESM 不是“导出一个普通对象”，静态 import 也不是“必须写第一行”。

2026-03-12 23:30:19 476

原创模块化与 CommonJS 入门（附 CJS vs ESM 对照表）

本文介绍了JavaScript模块化的必要性及CommonJS规范。模块化主要解决全局变量污染和依赖关系混乱问题，通过隔离作用域和明确依赖关系提升代码质量。文章详细说明了CommonJS(CJS)的基本用法，包括模块导出(module.exports)和导入(require)，并对比了CJS与ES Module(ESM)在导入导出方式、加载机制等方面的差异。同时澄清了常见误区，如Node.js多入口支持和浏览器对CJS的原生支持问题。作为模块化入门指南，本文为后续深入学习ESM和工程化工具奠定了基础。

2026-03-12 12:00:00 508

原创概念笔记：HTML-语义化 (Semantic HTML)

本文介绍了HTML语义化的核心概念与实践意义。语义化HTML指使用具有明确含义的标签（如 `<header>`、`<nav>`）而非通用容器（`<div>`）来构建网页结构。这样做不仅使代码对开发者更清晰可读，还能为机器提供关键信息：提升搜索引擎优化（SEO），帮助搜索引擎识别核心内容；并极大增强无障碍访问能力，使读屏器等辅助技术能准确解析页面结构，方便视障用户导航。其原理基于浏览器的双重构建机制——DOM负责渲染，而AOM（无障碍对象模型）则提取语义信息。每个语义元素都有隐式角色，因此应优先使用原生语义标

2026-02-08 14:33:04 249

原创概念笔记：HTML-元数据 (Metadata)

HTML元数据是位于<head>标签内、用于机器读取的"关于数据的数据"。核心必备元数据包括：字符集声明(防乱码)、视口设置(移动端适配)和页面标题(SEO权重高)。元数据分为三类：描述文档内容的Named Meta、模拟HTTP头的Pragma Directives和社交分享的Open Graph协议。合理设置元数据能确保页面正确解析、优化SEO、增强安全防护(CSP)并改善社交分享体验。特别注意字符集声明必须置顶(前1024字节)，而viewport设置是移动端开发的关键

2026-02-08 14:26:37 1622

原创概念笔记：HTML-可替换元素（Replaced Elements）

摘要： HTML可替换元素（Replaced Elements）是指内容由外部资源决定且具有固有尺寸的元素，如img、input等。它们与空元素不同（如iframe是可替换但非空元素）。浏览器将其视为"黑盒"，CSS只能控制外部样式。可替换元素不支持伪元素（如::after），因为其内容被完全替换。常见于媒体资源和表单控件，iframe等元素还支持兜底内容。理解可替换元素有助于解决CSS布局和浏览器兼容性问题。

2026-02-07 14:49:05 994

原创概念笔记：HTML-元素

HTML元素是网页结构的基本单元，由开始标签、内容和结束标签组成（源码层面）。在DOM树中，元素是节点对象，具有属性、方法和事件。浏览器解析HTML时会将标签转换为元素对象并构建DOM树。元素可分为：按渲染方式（可替换/不可替换）和语法结构（空元素/普通元素）。实际应用中，DOM操作和组件开发都基于元素概念。需注意元素与标签的区别，以及空元素（如<br>）的特殊性。

2026-02-07 14:46:13 672

原创搞懂这些，再也不怕 JavaScript 隐式转换踩坑！运算符与类型转换速记（附官方文档）

本文整理了JavaScript运算符与类型转换的核心知识，重点涵盖逻辑运算返回值规则、布尔判定标准以及隐式转换机制。内容包括：算术/比较/逻辑运算符的运算规则，Falsy值的判定标准，Number/String/Boolean的显式转换规则，以及==运算符的隐式转换陷阱。特别指出&&/||返回操作数而非布尔值的特性，并对比了||和??运算符的区别。通过代码示例展示了常见误区，建议优先使用===和显式类型转换。所有规则均附MDN官方文档链接，便于查阅验证。

2026-02-06 15:28:28 983

原创 CSS 伪类选择器：速查与实战指南

本文整理CSS伪类选择器核心用法，包含高频伪类速查表与实战代码示例。重点介绍超链接、表单和结构三类伪类选择器，包括:hover、:focus、:nth-child等常用伪类。特别强调易混淆点：first-child与first-of-type区别、LVHA顺序规则等。提供可直接复用的代码片段，如链接样式爱恨法则、结构选择器应用等，帮助开发者快速掌握伪类选择器的核心应用场景和注意事项。

2026-02-05 20:00:06 588

原创 HTML Table 表格：从语义化到无障碍的完全指南

HTML表格(<table>)是展示结构化数据的重要元素，需要兼顾语义化和无障碍访问。文章详解了表格的三层结构(<thead>,<tbody>,<tfoot>)、无障碍属性scope的使用方法，并提供了标准代码示例。同时指出了常见错误，如不应将表格用于布局、大数据量时的性能问题及解决方案（分页、虚拟列表等）。表格适用于数据展示、报表系统等场景，但在处理大量数据时需考虑性能优化方案。

2026-02-05 19:48:44 516

原创 CSS 属性值如何确定：层叠、继承与初始值

本文系统梳理了CSS属性值的完整计算流程，分为四个关键步骤：首先确定无冲突的声明值；其次通过层叠规则（比较重要性、选择器特殊性和源次序）解决冲突声明；然后对无值属性检查是否可继承父元素值；最后对剩余属性使用规范定义的初始值。文章通过流程图直观展示判断路径，并详细解释了层叠顺序、特殊性计算等核心概念，帮助开发者准确理解CSS属性值的最终来源机制。

2026-02-03 22:32:42 864