![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 92
JavaScript 语言
韩曙亮
中国人民大学 计算机应用技术 硕士 , 专注于 移动开发 领域 , 博客专家 , 2023 年博客之星 TOP1 , 2021 年博客之星 TOP9 , 华为云云享专家 , 阿里云社区专家博主 , 51CTO 专家博主 ;
展开
-
【Web APIs】JavaScript 事件基础 ② ( “ 事件 “ 开发步骤 | 常见鼠标 “ 事件 “ )
一、" 事件 " 开发步骤1、" 事件 " 开发步骤2、完整代码示例二、常见鼠标 " 事件 "1、常见鼠标 " 事件 "2、鼠标 " 事件 " 代码示例原创 2024-06-24 19:50:16 · 878 阅读 · 1 评论 -
【Web APIs】JavaScript 事件基础 ① ( JavaScript 事件简介 | “ 事件 “ 概念 | “ 事件 “ 三要素 - 事件源 / 事件 / 事件处理程序 | 事件类型 )
一、JavaScript 事件简介1、" 事件 " 概念2、" 事件 " 三要素 - 事件源 / 事件 / 事件处理程序3、" 事件 " 类型4、" 事件 " 代码示例原创 2024-06-23 21:50:46 · 714 阅读 · 3 评论 -
【Web APIs】DOM 文档对象模型 ⑤ ( 获取特殊元素 | 获取 html 元素 | 获取 body 元素 )
一、获取特殊元素1、获取 html 元素2、获取 body 元素3、完整代码示例原创 2024-06-23 20:34:53 · 747 阅读 · 0 评论 -
【Web APIs】DOM 文档对象模型 ④ ( querySelector 函数 | querySelectorAll 函数 | NodeList 对象 )
一、querySelector 函数1、querySelector 函数简介2、完整代码示例二、querySelectorAll 函数1、querySelectorAll 函数简介2、完整代码示例三、NodeList 对象1、NodeList 对象简介2、完整代码示例原创 2024-06-20 23:45:00 · 1190 阅读 · 7 评论 -
【Web APIs】DOM 文档对象模型 ③ ( 根据类名获取 DOM 元素 - getElementsByClassName 函数 | 代码示例 )
一、根据类名获取 DOM 元素1、根据类名获取 DOM 元素 - getElementsByClassName 函数2、代码示例 - 获取 文档中 指定类名的 DOM 元素3、代码示例 - 获取 Element 元素下指定类名的 DOM 元素原创 2024-06-20 23:15:00 · 1393 阅读 · 7 评论 -
【Web APIs】DOM 文档对象模型 ② ( 根据标签名获取 DOM 元素 - getElementsByTagName 函数 | 获取指定标签下的 DOM 元素 )
一、获取 DOM 元素1、根据标签名获取 DOM 元素 - getElementsByTagName 函数2、HTMLCollection 遍历及使用3、获取指定标签下的 DOM 元素 - getElementsByTagName 函数原创 2024-06-18 11:28:32 · 4060 阅读 · 0 评论 -
【Web APIs】DOM 文档对象模型 ① ( DOM 相关概念 - DOM 文档、DOM 树、DOM 节点 | 根据元素 ID 获取 DOM 元素 - getElementById 函数 )
一、DOM 相关概念1、DOM 简介2、DOM 相关概念 - DOM 文档、DOM 树、DOM 节点二、获取 DOM 元素1、获取 DOM 元素的常用方法2、根据元素 ID 获取 DOM 元素 - getElementById 函数3、标签和 JavaScript 脚本书写顺序4、console.dir 函数打印对象属性列表原创 2024-06-17 19:17:52 · 2093 阅读 · 10 评论 -
【Web APIs】Web APIs 简介 ( JavaScript 组成 | Web APIs 概念 | DOM 文档对象模型 | BOM 浏览器对象模型 | MDN 参考文档 )
一、Web APIs 简介1、JavaScript 组成2、Web APIs 引入3、Web APIs 概念4、Web APIs 参考文档5、常见的 Web APIs 功能原创 2024-06-17 13:44:40 · 1285 阅读 · 6 评论 -
【JavaScript】简单数据类型 与 复杂数据类型 ② ( 简单数据类型参数传递 | 复杂数据类型参数传递 )
一、简单数据类型参数传递1、值传递2、代码示例二、复杂数据类型参数传递1、引用传递2、代码示例原创 2024-06-12 20:15:00 · 1406 阅读 · 2 评论 -
【JavaScript】简单数据类型 与 复杂数据类型 ① ( 堆内存和栈内存 | 简单数据类型内存存储 | 复杂数据类型内存存储 )
一、简单数据类型1、简单数据类型简介2、简单数据类型 null 空类型的特殊性二、复杂数据类型三、堆内存和栈内存原创 2024-06-12 19:15:00 · 1363 阅读 · 3 评论 -
【JavaScript】内置对象 - 字符串对象 ⑦ ( String 字符串替换 | replace 函数 | replaceAll 函数 | String 字符串切割 | split 函数 )
一、String 字符串替换1、replace 函数替换字符串2、使用 replace 函数替换所有匹配字符串3、replaceAll 函数替换字符串二、String 字符串转数组1、split 函数切割字符串2、代码示例 - 切割字符串原创 2024-06-10 00:13:57 · 1004 阅读 · 6 评论 -
【JavaScript】内置对象 - 字符串对象 ⑥ ( String 字符串拼接 | concat 函数 | String 字符串截取 | substr 函数 | substring 函数 )
一、String 字符串拼接1、concat 函数拼接字符串2、代码示例 - 拼接字符串二、String 字符串截取1、substr 函数截取字符串2、substring 函数截取字符串原创 2024-06-09 13:51:04 · 1101 阅读 · 3 评论 -
【JavaScript】内置对象 - 字符串对象 ⑤ ( 判断对象中是否有某个属性 | 统计字符串中每个字符出现的次数 )
一、判断对象中是否有某个属性1、获取对象属性2、判定对象是否有某个属性二、统计字符串中每个字符出现的次数1、算法分析2、代码示例原创 2024-06-08 22:34:29 · 1099 阅读 · 6 评论 -
【JavaScript】内置对象 - 字符串对象 ④ ( 根据索引位置返回字符串中的字符 | 代码示例 )
一、根据索引位置返回字符串中的字符1、charAt 函数获取字符2、charCodeAt 函数获取字符 ASCII 码3、数组下标获取字符原创 2024-06-08 22:11:32 · 745 阅读 · 2 评论 -
【JavaScript】内置对象 - 字符串对象 ③ ( 字符串常用方法 | 查找字符串子串第一次出现的位置 - indexOf | 代码示例 )
一、字符串常用方法1、字符串类型不可变性回顾2、查找字符串子串第一次出现的位置 - indexOf二、代码示例1、查找子字符串2、查找子字符串 - 指定起始查找范围3、查找子字符串出现次数及索引原创 2024-05-21 17:22:55 · 859 阅读 · 0 评论 -
【JavaScript】内置对象 - 字符串对象 ② ( 字符串类型不可变性 | 字符串不可变的好处 | 字符串不可变 - 示例分析 )
一、字符串不可变1、字符串类型不可变性说明2、字符串不可变的好处二、字符串不可变 - 示例分析1、字符串不可变示例分析2、完整代码示例3、字符串拼接性能测试 - 拼接 10 次字符串4、字符串拼接性能测试 - 拼接 10000000 次字符串原创 2024-05-20 20:15:13 · 1025 阅读 · 4 评论 -
【JavaScript】内置对象 - 字符串对象 ① ( 基本包装类型 | 三种基本装包类型 - String / Number / Boolean | 包装过程触发条件 | 包装过程 )
一、基本包装类型引入1、字符串类型变量示例2、基本包装类型引入二、基本包装类型1、三种基本装包类型 - String / Number / Boolean2、包装过程触发条件3、基本包装类型的包装过程原创 2024-05-19 20:51:13 · 890 阅读 · 2 评论 -
【JavaScript】内置对象 - 数组对象 ⑤ ( 数组转字符串 | toString 方法 | join 方法 )
一、数组转字符串1、数组转字符串 ( 逗号分割 ) - toString()2、数组转字符串 ( 自定义分割符 ) - join()原创 2024-05-11 10:01:12 · 967 阅读 · 1 评论 -
【JavaScript】内置对象 - 数组对象 ④ ( 索引方法 | 查找给定元素的第一个索引 | 查找给定元素的最后一个索引 | 索引方法案例 - 数组元素去重 )
一、索引方法1、查找给定元素的第一个索引 - indexOf()2、查找给定元素的最后一个索引 - lastIndexOf()二、索引方法案例 - 数组元素去重1、需求分析2、代码实现原创 2024-05-11 04:45:00 · 1582 阅读 · 0 评论 -
【JavaScript】内置对象 - 数组对象 ③ ( 数组反转 - reverse 方法 | 数组排序 - sort 方法 | 自定义数组排序规则 )
一、数组排序1、翻转数组元素 - reverse()2、数组元素排序 - sort() 默认从小到大排序3、数组元素排序 - sort() 自定义排序规则4、数组元素排序 - sort() 自定义降序排序简化写法原创 2024-05-11 01:45:00 · 992 阅读 · 1 评论 -
【JavaScript】内置对象 - 数组对象 ② ( 数组添加元素 - push 方法 / unshift 方法 | 数组删除元素 - pop 方法 / shift 方法 )
一、添加数组元素1、添加数组元素 - push()2、添加数组元素 - unshift()二、删除数组元素1、删除数组元素 - pop()2、删除数组元素 - shift()三、数组筛选1、数组筛选回顾2、代码示例原创 2024-05-10 21:15:00 · 473 阅读 · 2 评论 -
【JavaScript】内置对象 - 数组对象 ① ( 数组简介 | 数组创建 | 数组类型检测 )
一、数组对象1、数组简介2、数组创建3、数组检测 - Array.isArray() 方法4、数组检测 - instanceof 运算符原创 2024-05-10 20:15:00 · 1328 阅读 · 2 评论 -
【JavaScript】内置对象 - Date 日期对象 ④ ( 制作倒计时页面 )
一、倒计时页面实现1、需求分析2、计算秒数3、计算倒计时时间的 天 / 时 / 分 / 秒4、页面中显示倒计时时间二、完整代码示例1、完整代码2、执行结果原创 2024-05-08 17:14:35 · 1012 阅读 · 3 评论 -
【JavaScript】内置对象 - Date 日期对象 ③ ( 获取日期对应时间戳 | getTime 方法 | valueOf 方法 | +new Date() 方法 | Date.now方法 )
一、获取日期对应的毫秒时间戳1、时间戳简介2、调用 Date 对象的 getTime 函数获取时间戳3、调用 Date 对象的 valueOf 函数获取时间戳4、使用 + 运算符获取 Date 对象的时间戳 ( 最常用 )5、调用 Date 对象的 now 方法获取现在时间戳 ( H5 新增 - 不兼容低版本 )原创 2024-05-07 07:56:45 · 1301 阅读 · 4 评论 -
【JavaScript】内置对象 - Date 日期对象 ② ( 日期格式化 | 获取年 - getFullYear | 获取月 - getMonth | 获取每月的第几天 - getDate )
一、日期格式化1、获取年 - getFullYear2、获取月 - getMonth3、获取每月的第几天 - getDate4、获取每周的第几天 - getDay5、获取每天的第几小时 - getHours6、完整代码示例原创 2024-04-28 23:15:00 · 1114 阅读 · 9 评论 -
【JavaScript】内置对象 - Date 日期对象 ① ( Date 对象简介 | 使用构造函数创建 Date 对象 | 构造函数参数为时间戳 | 构造函数参数为空 | 构造函数参数为字符串 )
一、Date 日期内置对象1、Date 对象简介2、创建 Date 对象二、使用构造函数创建 Date 对象1、构造函数参数为空2、构造函数参数为时间戳3、构造函数参数为字符串4、构造函数参数为多个数字值5、完整代码示例原创 2024-04-26 21:45:00 · 1143 阅读 · 9 评论 -
【JavaScript】内置对象 ④ ( Math 内置对象常用方法 | 取绝对值 | 向下取整 | 向上取整 | 四舍五入取整 | 取随机数 )
一、Math 内置对象常用方法1、计算绝对值 - Math.abs2、取整计算 - Math.floor 向下取整 / Math.ceil 向上取整 / Math.round 四舍五入3、随机数 - Math.random4、代码示例 - 猜随机数原创 2024-04-26 19:15:00 · 1109 阅读 · 1 评论 -
【JavaScript】内置对象 ③ ( Math 内置对象 | Math 内置对象简介 | Math 内置对象的使用 )
一、Math 内置对象1、Math 内置对象简介2、Math 内置对象的使用二、代码示例1、代码示例 - Math 内置对象的使用2、代码示例 - 封装 Math 内置对象原创 2024-04-25 22:13:37 · 1104 阅读 · 4 评论 -
【JavaScript】内置对象 ② ( JavaScript 技术文档查询 | MDN 文档简介 | MDN 文档查询方法 | 查询对象描述 | 查询对象属性 | 查询对象方法 )
一、JavaScript 技术文档查询1、MDN 文档简介2、MDN 文档查询方法3、查询对象描述4、查询对象属性5、查询对象方法原创 2024-04-25 19:45:00 · 770 阅读 · 5 评论 -
【JavaScript】内置对象 ① ( 内置对象简介 | JavaScript 中的三类对象 - 自定义对象 / 内置对象 / 浏览器对象 | 常用的内置对象 )
一、JavaScript 内置对象简介1、JavaScript 中的三类对象 - 自定义对象 / 内置对象 / 浏览器对象2、JavaScript 中常用的内置对象3、代码示例 - Math 内置对象使用示例原创 2024-04-23 23:15:00 · 1342 阅读 · 7 评论 -
【JavaScript】对象 ⑤ ( 遍历对象 | for…in 循环 遍历对象 | Object.keys() 遍历对象 的 属性名称 | Object.entries() 遍历对象属性键值对 )
一、遍历对象引入1、对象遍历需求2、遍历对象的常用方法二、遍历对象1、使用 for…in 循环 遍历对象2、使用 Object.keys() 遍历对象 的 属性名称3、使用 Object.values() 遍历对象 的 属性值4、使用 Object.entries() 遍历对象 的 属性名称 + 属性值 键值对组合原创 2024-04-23 19:45:00 · 1907 阅读 · 0 评论 -
【JavaScript】对象 ④ ( 构造函数与对象的联系 | new 操作符执行过程分析 )
一、构造函数与对象的联系二、new 操作符执行过程分析1、使用 new 构造函数() 创建对象过程2、new 操作符执行过程原创 2024-04-22 23:03:39 · 820 阅读 · 6 评论 -
【JavaScript】对象 ③ ( 使用 new Object 创建对象 | 使用 构造函数 创建对象 | 构造函数语法 | 使用 字面量 和 new Object 创建对象的方法弊端 )
一、使用 new Object 创建对象1、使用 new Object 创建对象语法2、代码示例 - 使用 new Object 创建对象二、使用 构造函数 创建对象1、字面量 和 new Object 创建对象的方法弊端2、构造函数引入3、构造函数语法4、代码示例 - 构造函数语法原创 2024-04-15 12:21:04 · 1505 阅读 · 1 评论 -
【JavaScript】对象 ② ( 对象使用 | 调用对象属性 | 调用对象方法 | 变量与属性区别 | 函数与方法区别 )
一、对象使用1、使用字面量创建对象要点2、调用对象属性3、调用对象方法二、变量与属性区别三、函数与方法区别原创 2024-04-11 23:46:09 · 1370 阅读 · 8 评论 -
【JavaScript】对象 ① ( 对象概念 | 对象使用场景 | 使用字面量创建对象 | 空对象字面量 | 小括号 / 中括号 / 大括号 作用 )
一、JavaScript 对象1、对象概念2、对象使用场景二、使用字面量创建对象1、使用字面量创建对象2、小括号 / 中括号 / 大括号 作用3、代码示例 - 使用字面量创建对象4、代码示例 - 使用字面量创建空对象原创 2024-04-11 19:30:00 · 1023 阅读 · 2 评论 -
【JavaScript】预解析 ② ( 预解析示例分析 | 分步骤分析预解析过程 )
一、预解析示例分析一1、要分析的代码2、代码预解析分析3、作用域链分析二、预解析示例分析二1、要分析的代码2、代码预解析分析三、预解析示例分析三1、要分析的代码2、预解析过程分析原创 2024-04-09 01:15:00 · 4355 阅读 · 5 评论 -
【JavaScript】预解析 ① ( 变量预解析 - 变量提升 | 函数预解析 - 函数提升 | 函数表达式预解析 )
一、JavaScript 预解析二、变量预解析1、变量预解析 - 变量提升2、代码示例 - 变量预解析三、函数预解析1、函数预解析 - 函数提升2、代码示例 - 函数预解析四、函数表达式预解析1、函数表达式预解析2、代码示例 - 函数表达式预解析原创 2024-04-08 21:00:00 · 867 阅读 · 1 评论 -
【错误记录】启动 VSCode 报错 ( 系统错误 : 由于找不到 ffmpeg.dll ,无法继续执行代码 ; 重新安装程序可能会解决此问题 )
一、报错信息二、解决方案一 - 使用修复工具修复 DLL ( 失败 - 仅做参考 )三、解决方案二 - 尝试手动下载 DLL 放到指定目录 ( 失败 - 仅做参考 )四、解决方案三 - 重装 VSCode 软件原创 2024-04-08 19:02:03 · 2187 阅读 · 0 评论 -
【JavaScript】作用域 ③ ( JavaScript 作用域链 | 作用域链变量查找机制 )
一、JavaScript 作用域链1、作用域2、作用域链3、作用域链变量查找机制二、代码示例 - 作用域链原创 2024-04-07 22:18:47 · 1017 阅读 · 9 评论 -
【JavaScript】作用域 ② ( JavaScript 块级作用域 | ES6 之前 等同于 全局/局部作用域 | ES6 使用 let / const 声明变量 / 常量 有 块级作用域 )
一、JavaScript 块级作用域1、块级作用域 - ES6 之前 等同于 全局作用域2、块级作用域 - ES6 使用 let / const 声明变量 / 常量3、代码示例 - ES6 之前的块级作用域 = 全局作用域4、代码示例 - ES6 之后的块级作用域原创 2024-04-07 20:45:00 · 999 阅读 · 0 评论