随笔分类 - JavaScript
摘要：element.classList 是一个对象，对象中提供了对当前元素的类的各种操作方法 element.classList.add() 向元素中添加一个或多个class element.classList.remove() 移除元素中的一个或多个class element.classList.to
阅读全文
摘要：读取的样式都是只读，无法修改 获取元素内部的宽度和高度（包括内容区和内边距） element.clientHeight element.clientWidth 获取元素的可见框的大小（包括内容区、内边距和边框） element.offsetHeight element.offsetWidth 获取元
阅读全文
摘要：let str = "000014500"; // ^：表示字符串的开头，0+：表示一个以上0，g：全局匹配，i：忽略大小写 let result = str.replace(/^0+/gi, ""); console.log(result); // 14500
阅读全文
摘要：appendChild(node)：向节点添加最后一个子节点 insertAdjacentHTML(position, text)：把元素插入到指定位置 position： beforebegin - 插入到当前元素的前面，即开始标签之前 afterbegin - 作为当前元素的子元素，插入到所有子
阅读全文
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：事件（event） 事件就是用户和页面之间发生的交互行为 比如：点击按钮，鼠标移动，双击按钮，敲击键盘，松开按键... 可以通过为事件绑定响应函数（回调函数），来完成和用户之间的交互 绑定响应函数的方式 （1）直接在元素的属性中设置 （2）通过为元素的指定属性设置回调函数的形式来绑定事件（一个事件只
阅读全文
摘要：属性也是一个节点对象（Attr），和文本一样，通常我们不会去直接获取节点对象，而是通过元素来完成对属性的操作： 方式一： 读取： 元素.属性名（注意，class属性需要使用className来读取） 读取一个布尔值时，会返回true或false **修改：**元素.属性名 = 属性值 方式二： **
阅读全文
摘要：在DOM中，文本内容也是一个节点对象（Text），可以通过获取文本对象然后完成对它的各种操作，但这种做法会使得事情变得复杂，并不建议这么做。在大部分场景下，可以通过元素的属性来操作其中的文本内容 假设我们已经获取到了div的元素节点对象，我们可以通过以下的属性来完成对文本的操作: element.t
阅读全文
摘要：元素节点对象（element） 在网页中，每一个标签都是一个元素节点 1. 通过document来获取已有的元素节点： document.getElementById()：根据id获取一个元素节点对象 document.getElementsByClassName()：根据元素的class属性值获取
阅读全文
摘要：document对象 document对象表示的是整个网页 document对象的原型链 HTMLDocument -> Document -> Node -> EventTarget -> Object.prototype -> null 凡是在原型链上存在的对象的属性和方法都可以通过Docume
阅读全文
摘要：document 浏览器为我们提供了一个document对象，是一个全局变量 代表整个网页 ... <body> <button id="btn">点我一下</button> <script> // 获取btn对象 const btn = document.getElementById("btn")
阅读全文
摘要：DOM（Document Object Model）文档对象模型 使用JS去操作网页的一组对象 DOM属于Web API的一部分。Web API中定义了非常多的对象，通过这些对象可以完成对网页的各种操作（添加删除元素、发送请求、操作浏览器等）。
阅读全文
摘要：垃圾回收（Garbage collection） 如果一个对象没有任何的变量对其进行引用，那么这个对象就是一个垃圾 垃圾对象的存在，会严重的影响程序的性能 在JS中有自动的垃圾回收机制，这些垃圾对象会被解释器自动回收，无需手动处理 对于垃圾回收来说，我们唯一能做的事情就是将不再使用的变量设置为nul
阅读全文
摘要：用来定义一个规则 通过这个规则计算机可以检查一个字符串是否符合规则或者将字符串中符合规则的内容提取出来 也是JS中的一个对象，所以要使用正则表达式，需要先创建正则表达式的对象 // 构造函数创建，参数1：正则表达式，参数2：匹配模式 let reg = new RegExp("a", "i"); /
阅读全文
摘要：1. 描述 字符串本质就是一个字符数组 "hello" --> ["h", "e", "l", "l", "o"] 2. 属性和方法 （1）length 获取字符串的长度 （2）字符串[index] 获取指定位置的字符 （3）at() 实验方法，根据索引获取字符，分可以接受负索引 （4）charAt
阅读全文
摘要：1. 描述 在JS中所有的和时间相关的数据都由Date对象来表示 2. 对象的方法 （1）getFullYear() 返回当前日期的年份（4位） （2）getMonth() 返回当前日期的月份（0-11） （3）getDate() 返回当前日期的几日 （4）getDay() 返回当前日期是周几（0-
阅读全文
摘要：工具类 为我们提供了数学运算相关的一些常量和方法 常量 （1）Math.PI 圆周率 方法 （1）Math.abs() 求一个数的绝对值 （2）Math.min() 求多个值中的最小值 （3）Math.max() 求多个值中的最大值 （4）Math.pow() 求x的y次幂 （5）Math.sqrt
阅读全文
摘要：Set用来创建一个集合 功能和数组类似，不通电在于Set中不存存储重复数据 1. 创建 new Set() new Set([...]) 2. 属性和方法 （1）size 获取数量 （2）add() 添加元素 （3）has() 检查元素 （4）delete() 删除元素 const set = ne
阅读全文
摘要：Map用来存储键值对结构的数据（key-value） Map中任何类型的值都可以成为数据的key 1. 创建： new Map() 2. 属性和方法： （1）map.size() 获取map中键值对的数量 （2）map.set(key, value) 向map中添加键值对 （3）map.get(ke
阅读全文
摘要：const obj = { name: "孙悟空", friend: { name: "猪八戒" } }; // 对obj进行浅复制 const obj2 = Object.assign({}, obj); // 对obj进行深复制 const obj3 = structuredClone(obj)
阅读全文
