js、html、css - 随笔分类 - JackYang

javascript的正则表达式常用方法replace、split、test、exec、match、matchAll、search、compile、RegExp.$1、RegExp.$9

摘要：一、正则表达式概述正则表达式（Regular Expression，简称 Regex）是一种强大的工具，用于描述、匹配和操作字符串。它的核心功能是通过模式匹配来查找或验证目标字符串中的特定内容。为了更好地理解正则表达式的匹配机制以及 .test() 方法的工作原理，我们可以将其分为以下几个部分进行阅读全文

posted @ 2025-04-01 10:31 JackYang 阅读(1) 评论(0) 推荐(0) 编辑

正则表达式匹配的基本过程与 .test() 方法的工作原理

摘要：正则表达式（Regular Expression，简称 Regex）是一种强大的工具，用于描述、匹配和操作字符串。它的核心功能是通过模式匹配来查找或验证目标字符串中的特定内容。为了更好地理解正则表达式的匹配机制以及 .test() 方法的工作原理，我们可以将其分为以下几个部分进行详细阐述。 1. 正阅读全文

posted @ 2025-03-31 19:45 JackYang 阅读(3) 评论(0) 推荐(0) 编辑

正则表达式匹配流程解析

摘要：1. 编译阶段正则表达式会被编译成确定性有限自动机（DFA）或非确定性有限自动机（NFA），不同引擎实现不同。JavaScript 使用回溯型 NFA 引擎（特点：支持复杂语法，但可能效率低）。示例： const regex = /a+b/; // 编译为内部状态机 2. 匹配过程 2. 阅读全文

posted @ 2025-03-31 19:38 JackYang 阅读(1) 评论(0) 推荐(0) 编辑

JavaScript 中substr方法详解

摘要：在 JavaScript 中，substr() 是用于提取字符串中指定位置开始的部分字符串的方法，但需要注意它已经被标记为遗留方法（deprecated）。现代代码建议改用 slice() 或 substring()。以下是详细说明：语法 str.substr(startIndex [, len 阅读全文

posted @ 2025-03-31 17:28 JackYang 阅读(1) 评论(0) 推荐(0) 编辑

JavaScript 扩展运算符 ... 核心解析

摘要：1. ‌基本定义与作用‌ 扩展运算符‌（Spread Operator）... 是 ES6 引入的语法，用于‌将可迭代对象（如数组、对象）展开为独立元素‌，支持数组、对象、函数参数等多种场景。核心能力‌：快速展开数组或对象内容，实现‌浅拷贝‌、‌合并‌或‌参数传递‌等操作。简化代码逻辑，替代传统阅读全文

posted @ 2025-03-27 16:52 JackYang 阅读(2) 评论(0) 推荐(0) 编辑

ECMAScript 各个主要版本的关键特性概述

摘要：ECMAScript 是 JavaScript 的标准规范，各个版本的 ECMAScript 引入了许多新特性和改进。以下是 ECMAScript 各个主要版本的关键特性概述： ECMAScript 1 (ES1) 发布日期: 1997年6月特性:基本的语法和数据类型（如 Number, Strin 阅读全文

posted @ 2025-02-19 11:44 JackYang 阅读(9) 评论(0) 推荐(0) 编辑

forEach 和 for 循环在数组排序上有什么不同？

摘要：在数组排序的场景中，for 循环和 forEach 的使用方式和效果有显著不同。实际上，forEach 并不适合用于实现数组排序，而 for 循环则可以用于实现排序算法（如冒泡排序、选择排序等）。以下是它们在数组排序上的主要区别： 1. for 循环用于排序 for 循环是实现数组排序算法的常用工具阅读全文

posted @ 2025-02-19 11:27 JackYang 阅读(6) 评论(0) 推荐(0) 编辑

forEach 和 for 循环有什么区别？

摘要：forEach 和 for 循环都是 JavaScript 中用于遍历数组的工具，但它们在语法、功能和使用场景上存在一些重要区别。以下是它们的主要区别： 1. 语法简洁性 for 循环：语法较为复杂，需要手动管理索引和循环条件。示例： for (let i = 0; i < arr.length 阅读全文

posted @ 2025-02-19 11:20 JackYang 阅读(65) 评论(0) 推荐(0) 编辑

JavaScript 控制流语句详解

摘要：1. if, else if, else 用途：用于条件判断。语法： if (condition1) { // 当 condition1 为 true 时执行的代码块 } else if (condition2) { // 当 condition1 为 false 且 condition2 为 tr 阅读全文

posted @ 2025-02-19 11:16 JackYang 阅读(12) 评论(0) 推荐(0) 编辑

详解JavaScript中的RegExp.$1

摘要：在JavaScript中，RegExp 是一个内置对象，它包含了正则表达式的属性和方法。当使用正则表达式进行匹配操作时，捕获组（capture groups）可以帮助我们提取字符串中的特定部分。RegExp.$1 到 RegExp.$9 是静态属性，分别代表最近一次成功匹配的第一个到第九个捕获组的内阅读全文

posted @ 2025-02-17 16:44 JackYang 阅读(37) 评论(0) 推荐(1) 编辑

JavaScript ES5 与 ES6 中的类（Class）详解

摘要：在 JavaScript 中，ES5 通过 **构造函数（Constructor）** 和 **原型链（Prototype Chain）** 实现面向对象编程（OOP），而 ES6 引入了 `class` 关键字，提供更清晰、更接近传统面向对象语言的语法。以下是两者的对比与详细说明：一、ES5 中阅读全文

posted @ 2025-02-17 11:48 JackYang 阅读(17) 评论(0) 推荐(0) 编辑

详解JavaScript中闭包（Closure）概念

摘要：闭包（Closure）是 JavaScript 中一个非常重要的概念，它允许函数访问其词法作用域（lexical scope）中的变量，即使这个函数在其词法作用域之外执行。理解闭包有助于编写更高效、模块化的代码，并且在处理异步操作、回调函数和数据封装时非常有用。什么是闭包？ **闭包**是指一个函阅读全文

posted @ 2025-02-14 11:51 JackYang 阅读(24) 评论(0) 推荐(0) 编辑

详解JavaScript 中 `export ` 语句的完整指令格式

摘要：在 JavaScript 中，`export` 语句用于从模块中导出函数、类、对象、变量等，以便其他模块可以通过 `import` 语句导入和使用这些导出的内容。ES6 模块系统提供了多种方式来导出内容，下面详细讲解 `export` 语句的完整指令格式及其用法。基本语法 1. 命名导出（Name 阅读全文

posted @ 2025-02-13 18:26 JackYang 阅读(34) 评论(0) 推荐(0) 编辑

详解JavaScript 中 `import` 语句的完整指令格式

摘要：JavaScript 中 `import` 语句的完整指令格式在 JavaScript 中，`import` 语句用于导入由其他模块导出的绑定（如函数、对象或值）。`import` 语句有多种形式，具体取决于您要导入的内容。以下是一些常见的 `import` 语句格式： 1.导入默认导出如果模块阅读全文

posted @ 2025-02-13 17:01 JackYang 阅读(14) 评论(0) 推荐(0) 编辑

Node.js的模块解析机制

摘要：一、原理 Node.js的模块解析机制基于CommonJS规范，该规范定义了如何在JavaScript中实现模块功能。在Node.js中，每个文件都被视为一个独立的模块，拥有自己的作用域。模块之间通过require()函数来引入依赖，并通过exports或module.exports来导出模块成员。阅读全文

posted @ 2024-06-07 17:19 JackYang 阅读(101) 评论(0) 推荐(0) 编辑

JavaScript对象展开操作符 ...

摘要：对象展开操作符（Spread Operator）...在JavaScript（特别是在ES6及以后的版本中）中是一个强大的工具，它允许你将一个对象的所有可枚举属性复制到另一个对象中。以下是关于对象展开操作符的一些详细信息和用法： 1. 合并对象对象展开操作符可以将一个或多个对象的属性合并到一个新的阅读全文

posted @ 2024-06-03 15:06 JackYang 阅读(88) 评论(0) 推荐(0) 编辑

js默认参数和rest参数

摘要：在JavaScript中，ES6（ECMAScript 2015）引入了默认参数（Default Parameters）和rest参数（Rest Parameters）这两个新特性，它们为函数参数的处理提供了更多的灵活性。默认参数（Default Parameters）默认参数允许你在调用函数时阅读全文

posted @ 2024-05-25 16:32 JackYang 阅读(121) 评论(0) 推荐(0) 编辑

什么是虚拟DOM

摘要：虚拟DOM（Virtual DOM）是一种编程概念，它使用JavaScript对象（通常是一个轻量级的树结构）来表示真实DOM的结构和状态。它不是真实的DOM，而是真实DOM的一个“虚拟”表示，因此得名。以下是虚拟DOM的主要特点和优势：性能优化：通过比较新旧两个虚拟DOM的差异（这个过程被称为阅读全文

posted @ 2024-05-25 11:31 JackYang 阅读(214) 评论(0) 推荐(0) 编辑

Object.defineProperty方法详解

摘要：定义 Object.defineProperty() 方法在 JavaScript 中被用来直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。这个方法允许你精确地控制属性在对象上的行为，包括属性的值、可写性、可枚举性和可配置性。语法 Object.defineProper 阅读全文

posted @ 2024-05-25 10:45 JackYang 阅读(440) 评论(0) 推荐(0) 编辑

RequireJS 中的define，require区别

摘要：定义在AMD（Asynchronous Module Definition）和RequireJS中，define 和 require 是两个关键概念，但它们在模块定义和模块加载方面有不同的用途。 define define 用于定义模块。当你有一个JavaScript文件，它包含了一些函数、变量或阅读全文

posted @ 2024-05-06 18:58 JackYang 阅读(532) 评论(0) 推荐(0) 编辑

随笔分类 - js、html、css