![](https://img-blog.csdnimg.cn/direct/0236c7cfea624aeab892b9c4100119af.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Javascript理论与实践
文章平均质量分 88
本专栏旨在为读者提供全面的 Javascript 知识,涵盖从基础理论到实际应用的各个方面。通过详细的讲解和实际案例,我们将帮助你理解 Javascript 的核心概念、语法和编程范式。
还是大剑师兰特
美国某知名大学研究生,专业的航天航海交通领域高级前端开发工程师,从事GIS、物联网行业多年,深耕vue+openlayers,vue+cesium等领域。
展开
-
JavaScript 理论与实践 【目录 】
前端的开发离不开使用javascript,js是一门非常重要而且很灵活复杂的语言。本文是一个目录列表,方便查找一些经典的示例,能够快捷的应用的实际的开发中。文章是不断的增加,本目录也在不断的更新中,哪天能达到100个,就先庆祝一下~原创 2022-09-06 14:22:12 · 642 阅读 · 0 评论 -
javascript日期字符串转换为时间戳(5种方法)
将JavaScript中的日期字符串转换为时间戳也是常见的需求,以下是五种实现这一转换的方法,包括使用基本的`Date`对象、正则表达式辅助解析、以及一些现代JavaScript特性原创 2024-07-05 00:30:00 · 902 阅读 · 26 评论 -
JS 将时间戳转换为日期字符串 (5种方法 )
最直接的方式是通过`Date`构造函数,将时间戳转为日期对象,然后可以调用各种方法获取年月日等信息,或者直接使用`toLocaleString()`得到本地化的日期字符串。原创 2024-07-02 00:30:00 · 1001 阅读 · 19 评论 -
JS判断对象为空的方法 ( 6种)
在JavaScript中,判断一个对象是否为空(即没有可枚举的自身属性)可以通过几种不同的方法实现。以下是几种常见的方法及其示例代码原创 2024-07-01 00:30:00 · 761 阅读 · 30 评论 -
JS数组判断为空的方法 ( 8种)
在JavaScript中,判断数组是否为空可以通过多种方式实现。以下是一些常见的方法及其示例代码原创 2024-07-03 00:30:00 · 643 阅读 · 11 评论 -
函数柯里化详解
函数柯里化在 JavaScript 中是一种将多参数函数转换成一系列单参数函数的技术。这样做的好处是可以延迟参数的提供,从而实现更灵活的函数调用和重用。原创 2024-06-18 00:30:00 · 1005 阅读 · 24 评论 -
箭头函数与常规函数的this指向问题
函数中this的指向问题特别容易让人迷糊,这里用示例来指点迷津,走出迷茫。原创 2023-01-29 17:49:58 · 584 阅读 · 0 评论 -
JavaScript 内存泄漏的7种场景,及避漏方法
内存泄露(Memory Leaks):是指应用程序已经不再需要的内存,由于某种原因未返回给操作系统或者空闲内存池(Pool of Free Memory)。变慢、卡顿、高延迟。原创 2023-09-27 15:27:26 · 1555 阅读 · 28 评论 -
javascript中 delete 功能详解
上图是一个抛砖引玉,我们今天来讨论下javascript中的delete操作符,看着这个题,你是否在思考是多少呢? 答案是“大剑师”。至于还有哪些不能删除的内容,文章中会做一些解释和分析。delete 操作符用于删除对象的某个属性。如果该属性的值是一个对象,并且没有更多对该对象的引用,该属性所持有的对象最终会自动释放。结果:原创 2023-09-27 18:28:14 · 400 阅读 · 5 评论 -
Mock.js 的语法规范
Mock.js 是一个用于生成随机数据的 JavaScript 类库,主要用于前端开发的 mock 数据测试。它提供了一种简单的方式来模拟 API 返回的数据,非常适合在没有后端接口或接口尚未开发完成的情况下进行前端开发和测试。安装 Mock.js:如果你使用的是 Node.js 环境,可以通过 npm 安装:然后在你的代码中导入:创建模拟数据:使用 对象生成各种类型的随机数据。模拟 HTTP 请求:使用 方法结合 URL 模式来拦截和模拟 HTTP 请求。Mock.js 的语原创 2024-06-11 00:30:00 · 743 阅读 · 25 评论 -
JS正则表达式(3)--替换规则,示例与详解
正则表达式在JavaScript中不仅可用于查找匹配的文本,还能进行高效的替换操作。替换操作主要依赖于`String.prototype.replace()`方法,该方法接受两个参数:第一个参数是正则表达式或字符串(表示要查找的模式),第二个参数是替换后的字符串或一个回调函数(用于生成替换文本)。原创 2024-06-05 00:30:00 · 750 阅读 · 23 评论 -
JS正则表达式(2)-- 查找规则,示例与详解
正则表达式在JavaScript中用于复杂的文本查找、替换和验证等操作,其查找规则包括基础字符匹配、字符集、量词、位置匹配、特殊序列、预定义字符类、分组与捕获、以及高级特性如前瞻和后顾断言等。下面通过一系列详细示例来深入解析这些查找规则。原创 2024-06-04 00:30:00 · 917 阅读 · 20 评论 -
JS正则表达式(1)-- 匹配规则,示例与详解
数字(\d)// ["123"]非数字(\D)// ["abc"]字母(\w,等价于[a-zA-Z0-9_])非字母(\W)// [" "]空白字符(\s)// ["\n"]非空白字符(\S)"]正则表达式是处理字符串的强大工具,通过组合不同的匹配规则、量词、字符类、分组、边界匹配等,可以实现复杂的文本搜索、替换和提取任务。理解这些基本概念和示例是掌握正则表达式的基础,但实践中还需不断尝试和查阅文档以应对各种具体场景。原创 2024-06-03 00:45:00 · 698 阅读 · 19 评论 -
javascript DOM 设置样式
在JavaScript中操作DOM样式是实现动态页面效果和交互的关键。你可以直接修改元素的内联样式,也可以通过改变类名来应用CSS类样式。原创 2024-06-01 00:30:00 · 972 阅读 · 24 评论 -
javascript DOM 属性详解:读取、修改、移除
在JavaScript中,DOM(Document Object Model,文档对象模型)属性操作允许你读取、修改或删除HTML元素的属性,从而动态地改变页面内容或样式。以下是关于DOM属性操作的详细说明、示例代码以及注意事项。原创 2024-06-01 00:00:00 · 1874 阅读 · 2 评论 -
JavaScript的垃圾回收机制
JavaScript的垃圾回收机制是自动管理内存分配和释放的过程,它主要通过两种策略实现:标记-清除(Mark-and-Sweep)和引用计数(Reference Counting)。现代JavaScript引擎如V8(Chrome和Node.js中使用)和SpiderMonkey(Firefox中使用)主要采用标记-清除算法,并在此基础上做了优化,如增量标记、分代回收等。以下是对垃圾回收的详细解释、示例代码以及注意事项。原创 2024-05-31 00:45:00 · 2062 阅读 · 59 评论 -
JavaScript的内存管理机制
JavaScript是一种高级编程语言,它采用了自动内存管理机制,主要通过垃圾回收(Garbage Collection,GC)来自动处理内存分配和释放。这减少了开发者直接管理内存的负担,但也意味着对内存管理的细节不够透明。以下是对JavaScript内存管理的基本概念、示例代码以及注意事项的介绍。通过理解JavaScript的内存管理机制,开发者可以编写更高效、健壮的代码,减少内存泄漏,提升用户体验。原创 2024-05-31 00:00:00 · 905 阅读 · 20 评论 -
JavaScript 查找节点详解
在JavaScript中,查找节点是通过DOM(文档对象模型)操作来定位文档中的特定元素,以便进行进一步的读取或修改。以下是对查找节点方法的详细说明、示例代码、注意事项以及应用场景的概述。原创 2024-06-02 00:45:00 · 900 阅读 · 7 评论 -
Javascript 替换节点详解
在JavaScript中,替换节点是指将DOM树中的某个节点用另一个新节点替换的操作。这一功能对于动态修改页面内容、实现复杂的UI交互非常有用。以下是关于替换节点的详细说明、示例代码、注意事项以及应用场景。原创 2024-06-09 00:30:00 · 869 阅读 · 4 评论 -
Javascript 节点克隆详解
在JavaScript中,`Node.cloneNode()`方法用于克隆一个节点。克隆可以是浅克隆(只复制节点本身,不包括其子节点)或者是深克隆(复制节点及其所有后代节点)。默认情况下,该方法执行的是浅克隆。原创 2024-05-30 00:30:00 · 769 阅读 · 6 评论 -
JavaScript 删除节点
删除节点是实现动态网页内容管理的关键操作之一。正确、高效地使用删除节点的方法,可以提升网页的交互性和响应速度,但在实施时要注意性能优化和避免潜在的错误。原创 2024-05-29 00:30:00 · 783 阅读 · 23 评论 -
Javascript 插入节点
在JavaScript中,插入节点指的是将新创建的或已存在的节点添加到DOM树中的指定位置。这可以通过几种不同的方法实现,包括`appendChild()`, `insertBefore()`, `replaceChild()`等。下面我将详细介绍这些方法,并提供示例代码、注意事项及应用场景。原创 2024-05-29 00:00:00 · 1053 阅读 · 18 评论 -
Javascript 创建新节点 document.createElement()
在JavaScript中,创建新节点是DOM操作的重要组成部分,它允许你动态地向文档中添加内容。以下是创建新节点的详细说明、示例代码、注意事项以及常见应用场景。原创 2024-05-28 00:30:00 · 1090 阅读 · 20 评论 -
JavaScript 节点操作简介
在JavaScript中,节点操作是指对DOM(文档对象模型)树中的元素进行创建、查找、修改和删除等操作。DOM树是浏览器将HTML文档解析后形成的结构化表示,每个节点代表文档中的一个部分,如元素、属性、文本等。原创 2024-06-02 00:00:00 · 887 阅读 · 22 评论 -
console 命令:log、error、table、info、time、assert、warn
在JavaScript中,`console`对象提供了一系列方法用于在浏览器的JavaScript控制台输出信息,这对于调试代码、监控应用程序状态非常有用。以下是一些常用命令的详解、示例代码以及应用场景和注意事项。原创 2024-05-27 00:45:00 · 1595 阅读 · 24 评论 -
Javascript DOM 选择元素详解
在JavaScript中,选择DOM元素是进行网页动态操作的基础。以下是几种常用的元素选择方法,包括原生JavaScript方法和jQuery库(作为一种广泛应用的库)的使用方式。原创 2024-05-26 00:30:00 · 805 阅读 · 5 评论 -
Javascript 控制流详解:条件语句、循环语句
JavaScript的控制流语句允许你控制程序的执行顺序,包括条件执行、循环和异常处理等。以下是JavaScript中主要控制流语句的详解及示例代码。原创 2024-05-25 00:30:00 · 925 阅读 · 4 评论 -
Javascript 数据类型详解:7种基本类型、3种引用类型
JavaScript具有动态类型,这意味着变量的类型可以在运行时改变。JavaScript主要有以下几种数据类型原创 2024-05-23 00:30:00 · 1208 阅读 · 36 评论 -
Javascript 的 alert, confirm, prompt 函数详解
`alert`, `confirm`, 和 `prompt` 是JavaScript中用于与用户进行简单交互的三个内置函数,它们可以弹出对话框来提示信息、获取确认或输入。原创 2024-05-24 00:30:00 · 585 阅读 · 22 评论 -
Javascript screen 对象详解
`screen`对象是JavaScript的一个内置对象,它提供了有关用户屏幕的信息,包括分辨率、可用宽度和高度、颜色深度等。这对于实现响应式设计、调整图像质量或优化用户体验非常有用。原创 2024-05-26 00:00:00 · 557 阅读 · 20 评论 -
Javascript history 对象详解
`history`对象是JavaScript的一个内置对象,它允许网页脚本访问和操作浏览器的历史记录。尽管出于安全和隐私原因,它的功能相对有限,但仍然可以用来实现前进、后退等导航功能。原创 2024-05-25 00:00:00 · 956 阅读 · 21 评论 -
Javascript location 对象详解
`location`对象是JavaScript中与当前页面地址栏信息相关的内置对象,它提供了当前页面URL的各种属性以及用于导航的方法。这对于在网页中实现页面跳转、获取或修改URL参数等操作非常有用。原创 2024-05-24 00:00:00 · 628 阅读 · 43 评论 -
Javascript navigator 对象详解
navigator`对象是JavaScript中的一个内置对象,它提供了有关浏览器的信息。这个对象包含了用户代理(User Agent)字符串和其他与浏览器相关的能力描述,如插件、语言、操作系统信息等。原创 2024-05-21 00:30:00 · 1155 阅读 · 20 评论 -
JS 字符串属性与方法大全( 34个 )
这些方法和属性共同构成了 JavaScript 字符串对象的核心功能集,涵盖了字符检索、操作、转换、比较、分割与合并等多个方面,足以应对日常开发中的大部分字符串处理需求。原创 2024-04-30 00:45:00 · 1988 阅读 · 47 评论 -
JS 比较字符串大小 ( 4种方法 )
- **比较运算符**:简单快速,适用于基本的字典顺序比较。- **`localeCompare()`**:考虑本地化排序规则,适合国际化的字符串比较。- **`startsWith()`, `endsWith()`, `includes()`**:检查字符串的部分特征,而非整体比较。- **`isEqual()` 或 `equals()`**(非标准):在使用特定库时,可用于深度比较,包括字符串对象。原创 2024-05-01 00:00:00 · 1813 阅读 · 0 评论 -
JS 合并拼接字符串 ( 5种方法 )
- **加号 (+)**:简单易用,但可能影响代码可读性和性能。- **模板字面量**:简洁直观,支持多行和嵌入表达式,是现代JavaScript中最推荐的拼接方式。- **`concat()`**:功能较弱,不如其他方法灵活,较少使用。- **数组 `join()`**:适用于拼接大量字符串,性能较好,但需预先收集到数组中。- **`replace()`** 结合空正则表达式:特殊场景下的优化手段,一般不推荐常规使用。原创 2024-04-28 00:00:00 · 2797 阅读 · 10 评论 -
JS 截取字符串的方法( 10种 )
`slice()`, `substring()`, 和 `substr()` 用于根据索引来截取字符串,而 `match()` 则基于正则表达式进行模式匹配。此外,还有其他辅助方法如 `split()`, `charAt()`, `charCodeAt()`, `indexOf()`, `lastIndexOf()`,以及模板字面量,它们在处理字符串时各有用途,可以配合使用以实现更复杂的字符串截取需求。原创 2024-04-27 00:00:00 · 2301 阅读 · 9 评论 -
字符串的 Unicode编码 和 UTF-8 编码
在实际编程和数据处理中,**`字符串的Unicode编码提供了统一的字符表示方式,确保不同语言和字符集的数据能够被正确识别和处理`**。 而UTF-8编码因其高效性、兼容性和跨平台性,成为互联网上最广泛使用的Unicode编码格式。 **`许多现代编程语言、操作系统、数据库系统和文件格式默认支持或推荐使用UTF-8编码来存储和交换文本数据`**。原创 2024-04-30 00:45:00 · 1258 阅读 · 44 评论 -
JS 数组排序 ( 4种方法 )
JavaScript内置sort()方法对数组排序,默认按字符串顺序,传入比较函数实现自定义排序。另有reverse()可反转数组顺序。对于复杂排序场景,可结合自定义逻辑或第三方库如Lodash。原创 2024-04-23 00:45:00 · 1691 阅读 · 22 评论 -
JS 数组过滤元素的方法( 2 种 )
程序员可以通过副业可能实现较高收入的方式,但这并不能保证一定能够赚到100万,成功程度取决于个人技能、在JavaScript中,过滤数组元素的方法主要是 `filter()` 函数。此外,虽然不是专门设计用于过滤的,但有时也使用 `reduce()` 来达到过滤的目的。市场趋势、努力程度等多种因素。原创 2024-04-21 00:45:00 · 875 阅读 · 20 评论