- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 VS Code Git 工作树：多分支并行开发体验
工作树的基本定义：同一仓库，多个工作目录与git stash的区别工作树的适用场景：并行特性开发、紧急热修复、多版本测试回顾 Git 工作树为 VS Code 开发带来的生产力提升，探讨未来在 CI/CD、容器化开发环境中的应用潜力。
2026-08-01 19:00:10
249
原创 DOM Attribute 深入解析：从基础到实战
在 HTML 文档中，属性（Attribute）是写在 HTML 标签上的键值对，用于描述元素的特征和行为。比如中的就是一个 attribute。当浏览器解析 HTML 后，会构建 DOM 树，每个 HTML 元素都会变成一个 DOM 节点，这些写在标签上的属性也会被映射到 DOM 对象上。理解 DOM Attribute 是前端开发的基础技能之一。无论是操作样式、处理表单、还是绑定数据，都离不开对属性的读写。本文将从概念辨析入手，配合大量可运行的代码示例，帮助你彻底掌握 DOM Attribute。
2026-08-01 18:59:53
351
原创 深入理解 DOM CDATA：概念、用途与实战代码示例
CDATA（Character Data Section，字符数据段）是 XML 文档中的一个特殊语法结构，用于标记一段文本内容，告诉 XML 解析器“这段内容中的所有字符都应被视为普通字符，而不是 XML 标记”。在 HTML DOM 中，CDATA 的概念主要来源于 XML，但在 HTML 解析中也有其特定的表现和处理方式。理解 CDATA 对于处理包含大量特殊字符（如 <、>、&）的脚本或样式内容至关重要。CDATA 是 XML 和 HTML DOM 中处理特殊字符内容的重要机制。
2026-07-31 08:36:45
168
原创 DOM Comment：你可能忽略却强大的 DOM 节点类型
DOM Comment 节点虽然简单，但在精细化 DOM 操作、模板标记、元数据携带以及框架底层实现中都占有一席之地。掌握它的创建、遍历和识别方法，能让你在处理 DOM 时更加得心应手。下次当你写下-- 这是一条注释 -->时，不妨想一想：这条注释，是否也可以成为你代码逻辑的一部分？
2026-07-31 08:36:21
360
原创 深入理解 DOM Document：核心概念与实战代码示例
DOM（Document Object Model，文档对象模型）Document 是 HTML/XML 文档在内存中的表示形式，它是整个 DOM 树的根节点，也是 JavaScript 操作网页内容的主要入口。当浏览器加载一个 HTML 页面时，会解析 HTML 代码并构建一个 DOM Document 对象，通过这个对象，我们可以访问、修改、添加或删除页面上的任何元素。DOM Document 是前端开发的核心基础，掌握其 API 和最佳实践对于构建高效、可维护的 Web 应用至关重要。
2026-07-30 21:32:43
396
原创 DOM Document 详解：从节点创建到文档操控的全方位指南
Document对象是前端开发中最基础也最强大的接口之一。掌握它的常用属性、节点创建方法、查询 API 以及事件委托模式，不仅能让你写出更高效的前端代码，还能帮助你更好地理解浏览器的渲染机制。在实际项目中，合理使用进行批量操作、优先采用避免 XSS 攻击、利用事件委托简化动态元素的事件管理，都是提升代码质量和性能的有效实践。
2026-07-30 21:32:26
220
原创 深入解析 DOM DocumentImpl：原理、实现与实战代码示例
在 Web 开发中，DOM（Document Object Model）是浏览器将 HTML/XML 文档解析为树状结构对象的编程接口。而则是许多 DOM 实现（如 Apache Xerces、某些浏览器内部实现）中，用于表示整个文档树的底层核心类。它不仅是 DOM 树的根节点，还负责管理元素创建、节点操作、命名空间解析等核心功能。本文将深入剖析 DocumentImpl 的设计原理、关键方法，并通过丰富的 Java 代码实例，展示如何在实际项目中操作和扩展 DocumentImpl。
2026-07-29 16:42:41
201
原创 DOM Element 技术详解与实战
DOM Element 是 DOM 树中表示 HTML 元素的一种节点类型。例如<div><p><h2>等标签在解析后都会成为一个个元素节点。每个元素节点都继承自Element接口，拥有属性、方法和子节点，我们可以通过 JavaScript 动态地访问和修改它们。// 一个简单的 HTML 片段在 DOM 中会被解析为一棵树// 1 - 元素节点// DIV// DIVHTML5 提供了data-*自定义属性，可以通过dataset方便地访问。
2026-07-29 16:42:19
302
原创 DOM NamedNodeMap 详解：属性节点的动态集合
NamedNodeMap 是 DOM 中表示属性节点集合的接口。它类似于一个由名称索引的节点列表，当通过元素的attributes属性访问时，会返回一个 NamedNodeMap 对象。这个集合是动态的（live），会实时反映元素属性的变化。与 NodeList 或 HTMLCollection 不同，NamedNodeMap 专门存放Attr节点，而不是普通的文本或元素节点。每个属性在 NamedNodeMap 中都以一个Attr对象存在，可以通过名称或索引进行访问。
2026-07-28 18:41:17
386
原创 DOM ParseError 对象详解：从错误捕获到稳健解析
DOM 解析错误虽然不像网络错误或运行时TypeError那样常见，但在处理第三方数据、用户上传的文件或复杂 XML 配置时，它们是不可避免的。本文从DOMParser的节点检查入手，延伸到的各种变体，再到的响应解析和 DevTools 调试技巧，最终给出了一个可用于生产环境的封装类。掌握这些技巧后，你可以更从容地面对各种畸形 XML 和非法 DOM 操作，写出真正健壮的前端数据处理逻辑。
2026-07-28 18:40:56
312
原创 深入理解 DOM ProcessingInstruction：XML 处理指令的 JavaScript 操作指南
在 DOM（文档对象模型）中，接口表示 XML 文档中的处理指令（Processing Instruction，简称 PI）。target：指令目标，标识接收该指令的应用程序（如xml-modeldata：指令数据，包含传递给目标应用程序的具体参数在 JavaScript 中，接口继承自，因此具有datalength等文本操作方法，同时拥有target只读属性来获取指令目标。// 解析包含自定义处理指令的 XML// 查找所有处理指令doc,null,falselet node;
2026-07-27 14:18:22
603
原创 DOM XMLHttpRequest 详解：从基础到进阶的 Ajax 实战
XMLHttpRequest（简称 XHR）是浏览器提供的内置对象，用于在不刷新整个页面的情况下与服务器进行异步通信。它是 Ajax 技术的核心，让网页可以根据请求结果动态更新局部内容，从而提升用户体验。虽然名字里含有 XML，但 XMLHttpRequest 可以处理各种数据格式，包括 JSON、HTML、纯文本等。现代浏览器还提供了更简洁的 Fetch API，但 XHR 依然广泛存在于现有项目中，并且支持上传/下载进度监听等 Fetch 尚未完全覆盖的特性，因此掌握它仍然十分必要。
2026-07-27 14:18:05
1204
原创 从Copilot到Agent：我的开发工作流正在被颠覆
总结从Copilot到Agent的旅程，强调这不仅是工具升级，更是思维方式和工作范式的重塑。鼓励开发者积极尝试，成为这场变革的参与者和定义者。
2026-07-26 14:30:48
531
原创 警惕Codex幻觉：AI编程的边界实测
本节将明确定义“AI编程幻觉”的概念，区别于传统软件bug，并阐述其典型表现形式。概念界定：AI模型生成看似合理、实则错误或无效的代码片段。主要类型逻辑幻觉：代码逻辑错误但语法正确API幻觉：使用不存在的库函数或错误参数上下文幻觉：误解问题需求或代码上下文安全幻觉：生成存在安全隐患的代码模式危害性分析：为什么AI幻觉比人工错误更隐蔽、更危险？总结全文核心观点，强调AI作为工具而非替代者的定位，呼吁建立审慎而开放的AI编程文化。
2026-07-26 14:29:59
792
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人