2302_80171619的博客

单位时间内，频繁触发事件，只执行最后一次百度输入框, 输入一个字母下面就会有提示输入第二个字母下面的提示就会变而别的浏览器只有在你输入结束之后才出现提示, 这就是做了防抖处理搜索框搜索输入。只需用户最后一次输入完，再发送请求手机号、邮箱验证输入检测每次只要输入一个字母 就会触发因为 input 事件会在 用户输入内容时 立即触发。每当用户更改输入框的内容（包括键盘输入、粘贴文本、删除字符等），事件会立即响应并执行相应的回调函数。

1.实例成员(属性和方法)写在谁身上?实例对象的属性和方法即为实例成员实例对象相互独立，实例成员当前实例对象使用2.静态成员(属性和方法)写在谁身上?构造函数的属性和方法被称为静态成员静态成员只能构造函数访问。

纯函数是一种「干净、可预测」的写法，只使用输入参数，不依赖也不修改外部的任何东西。

1 构造函数作用是初始化对象。定义对象的方法。2 构造函数的名字通常以大写字母开头，以便与普通函数区分。普通函数是小驼峰命名法 .3 默认返回新创建的对象（除非显式返回另一个对象）// 为实例添加属性${this// 为实例添加属性 this . age = age;// 为实例添加属性 this . age = age;${this// 为实例添加属性 this . age = age;// 为实例添加属性 this . age = age;

💡。

✅ 面向对象：就是**把任务分配给具体的人（类和对象）**去做，每个人有自己的职责，谁该做什么很清楚。✅ 面向过程：就是一步一步地把事情做完，用函数一步步完成任务，重点在“流程”和“怎么做”。🔍 特点： 一步一步执行，流程清晰，但每次都要重复这些操作逻辑，不好复用。🔍 特点： 用“对象”组织代码，行为清晰，职责分明，系统更好维护和扩展。用的**“点外卖”**的生活场景，来对比一下面向过程和面向对象。面向过程强调“怎么做”，面向对象强调“谁来做”。面向过程是“做事的人”，面向过程：怎么做（流程）

Promise 链（Promise chain）是指通过 Promise 对象的 then() 方法将多个异步操作按顺序串联起来，实现异步操作的顺序执行。每个 then() 方法都会返回一个新的 Promise，从而可以继续调用后续的 then() 方法。通过链式调用，可以避免回调地狱（callback hell），使代码更加简洁和可读。

如果需要读取 URL 或简单跳转，href 更方便；如果只想执行跳转且强调跳转行为，assign() 更合适。平常用的window.location.href 更多。

在事件监听器中，e.target 和 this 有时是一样的，但它们并不完全相同。✅ 相同点当事件直接绑定到元素时：e.target 和 this 通常指向相同的元素，即事件绑定的元素。// 指向 #btnlog;// 指向 #btn;</解释：this 指向的是事件绑定的元素。e.target 指向的是实际触发事件的元素。在这种情况下，它们相同。

事件委托是一种将事件监听器绑定到父元素上，利用事件冒泡机制来处理子元素事件的技术。事件冒泡：当一个元素上的事件被触发时，事件会从目标元素向上冒泡到其父元素，直至根元素（document）。e.stopPropagation()：阻止事件从当前目标元素继续向上冒泡，不会触发父元素的事件监听器。e.stopPropagation() 的作用是 阻止事件继续冒泡，让事件不会再传递到父元素。e.stopPropagation() 只阻止事件冒泡，不会阻止同一元素上的其他事件执行。

innerHTML 主要用于处理 HTML 内容（包括标签），并且可以动态插入 HTML 代码。但它的使用需要小心，尤其是在处理用户输入时，因为可能引发 XSS 攻击。innerText 仅操作纯文本内容，适合用来获取或设置文本，忽略 HTML 标签和样式。相较之下，innerText 更安全。✅ 示例：innerHTML 和 innerText 的使用。✅ innerHTML 与 innerText 对比。

在 DOM（文档对象模型）中，“添加到节点” 通常是指将一个新创建的元素或节点添加到现有的 HTML 元素中。动态添加元素： 比如在待办事项应用中，点击“添加任务”按钮时，你可以动态地向页面中添加新的一项任务。动态内容更新：你可以在页面加载后动态地插入新的内容（例如添加新的一项任务到待办事项列表）。交互性：用户与网页的交互可能会触发页面内容的变化（例如点击按钮时添加新元素）。appendChild()：将新节点添加为子节点（追加到父节点的末尾）。insertBefore()：将新节点插入到指定的节点前面。

✅ 事件监听的基本语法element：目标元素。event：事件类型，如 ‘click’、‘mouseover’、‘keydown’ 等。function：事件发生时执行的回调函数。useCapture (可选)：true 表示在捕获阶段触发事件，false 表示在冒泡阶段触发事件（默认）。🧑‍💻 示例 1：点击事件✅ 解释：当你点击按钮时，事件监听器会捕捉到 ‘click’ 事件并执行弹窗。🧑‍💻 示例 2：鼠标移入事件✅ 解释：鼠标移入 mouseover 时，背景颜色变红。

typeof 只能检测基本数据类型和函数, instanceof不能检测基本数据类型如何一句话检测数据类型呢?结果是一个全为小写的字符串。

→ 这些是 JavaScript 语言本身提供的，而不是浏览器 BOM。→ 这些属于 DOM API，而不是 BOM。→ 这些是 Web API，不属于 BOM。→ 这些都是典型的 BOM API。

继承与扩展 Dog.prototype = Object.create(Animal.prototype) 复用父类方法，减少代码重复。是指向 Object.prototype，而 Object.prototype 的。方法共享 User.prototype.sayHello 让多个实例共享方法，节省内存。扩展原生对象 Array.prototype.sum 添加全局通用方法，增强功能。

typeof 适合基本类型（string, number, boolean, undefined, function 等）。instanceof 适合判断对象的具体类型（Array, Date, Function 等）。

正则表达式，又名 “规则表达式”正则是JS中的数据类型, 是一个复杂数据类型由我们自己来书写 “规则”，专门用来检测字符串是否符合 “规则” 使用的我们使用一些特殊的字符或者符号定义一个 “规则公式”，然后用我们定义好的 “规则公式” 去检测字符串是不是合格上面的变量reg就是定制好的规则检测str1这个字符串的时候，符合规则检测str2这个字符串的时候，不符合规则\d等价于[0-9]，表示匹配一个数字，表示一个或多个。所以\d+就是“匹配一个或多个数字”，而/\d+/

那如何把aaa bbb ccc创建成li并插入到页面的ul里面。把aaa bbb ccc创建成li并插入到页面的ul里面。上面将的是数组 , 如果是返回值是一个对象还能这样写吗。满足了 return只有一句话的标准 试着改写。上面说了只有一个形参的时候可以省略大括号。