weixin_45888283的博客

多维数组降维的几种方法

JQuery中的ajax方法

初识ajax基本概念

浅拷贝和深拷贝一、浅拷贝二、深拷贝一、浅拷贝浅拷贝是对简单数据类型进行值传递的拷贝，不能拷贝复杂数据类型。<script> let obj = { uname: '美杜莎', age: 18, sex: '女' } let p1 = {} /* 直接赋值浅拷贝 p1.uname = obj.uname p1.age = obj.age p1.sex=obj.sex

函数中的this和创建类class一、 函数中的this1.1 默认值1.1.1 常见函数1.1.2 箭头函数1.2 定义值1.2.1 call()1.2.2 apply()1.2.3 bind()二、创建类 class2.1 封装2.1.1 静态成员2.1.2 实例成员2.1.3 constructor构造函数2.2 继承2.2.1 extends2.2.2 super一、 函数中的this1.1 默认值在全局作用域下，this指向全局对象，即window。（可使用globalThis属性获取全局对

原型对象和原型继承1. 原型对象2. 封装和继承2.1 封装2.2 继承2.2.1 原型继承2.2.2 原型链1. 原型对象构造函数的原型属性 prototype， 指向其原型对象；原型对象的 constructor 属性 指向该原型对象对应的构造函数。作用：共享属性和方法；当实例对象找不到成员时，便会找原型对象上的成员。场景：构造函数中创建属性，在原型对象中创建方法，使得代码更加灵活。<script> function Person(uname,

构造函数和引用方法对象1. 构造函数1.1 构造函数1.2 instanceof 和 constructor1.3 实例成员和静态成员1.4 原型对象2. 数据类型和方法2.1 引用类型2.1.1 Object2.1.2 Array2.1.3 RegExp2.2 包装类型2.2.1 String2.2.2 Number2.2.3 Boolean2.3 公共方法对象对象：特指，类中的某个实例，由属性和方法构成。JS中一切皆对象，也允许自定义对象。1. 构造函数1.1 构造函数字面量创建对

这里写目录标题箭头函数和解构赋值1. 箭头函数2. 解构赋值2.1 数组解构2.2 对象解构箭头函数和解构赋值1. 箭头函数箭头函数是一种声明函数的简洁语法。<script> // 1.箭头函数表达方式 // let fn=function(){} let fn = () => { } // 2.函数只有一个参数时可以省略 () // let fn1=(m)=>{} let fn1 = m => { return

作用域和预解析一、作用域1.1 函数（局部）作用域1.2 块作用域1.3 全局作用域1.4 作用域链1.5 var、let 和 const1.6 闭包二、预解析和函数参数2.1 预解析2.1.1 变量提升2.1.2 函数提升2.2 函数参数2.2.1 参数默认值2.2.2 动态参数2.2.3 剩余参数一、作用域变量使用的范围。1.1 函数（局部）作用域在局部作用域声明的变量，只能在函数内部被访问，不同函数和外部无法直接访问。函数的形参也是局部变量。1.2 块作用域{}内部声明的变量，不同代码块之

正则表达式1. 正则表达式2. 语法3. 字符3.1 普通字符和元字符3.2 元字符分类3.2.1 边界符3.2.2 量词3.2.3 字符类4. 修饰符1. 正则表达式正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式，也是对象。通常用来查找、替换那些符合正则表达式的文本。正则表达式在 JavaScript中的使用场景：– 验证表单（匹配）；– 过滤掉页面内容中的一些敏感词(替换)；– 从字符串中获取特定部分(提取)等 。2. 语法先定义，后

BOM- 操作浏览器一、window对象1.1 BOM-浏览器对象模型1.2 定时器-延时函数（重点）1.3 JS执行机制（重点）1.3.1 同步1.3.2 异步1.3.3 JS执行机制1.4 location对象1.5 navigator对象1.6 histroy对象（了解）二、swiper 插件三、本地存储3.1 本地存储特征3.2 localStorage3.2.1 localStorage3.2.2 简单数据类型操作3.2.3 存储复杂数据类型存储（重难点）3.3 sessionStorage（了解

DOM-网页特效一、滚动事件和加载事件1.1 滚动事件1.2 加载事件1.2.11.2.2二、元素大小和位置2.1 scroll家族2.2 offset家族2.3 client家族一、滚动事件和加载事件1.1 滚动事件当页面进行滚动时触发的事件；事件名：scroll；监听某个元素滚动：元素.addEventListener('scroll',function(){})1.2 加载事件1.2.1加载外部资源（如图片、外联CSS和JavaScript等）加载完毕时触发的事件;事件名：

利用事件委托动态删除节点事件委托使用场景: 需要进行大批量相同操作时。要使用到数组中常用的删除数组元素方法：//删除数组元素 数组名.splice(起始位置, 删几个)注意： 此方法伪数组不可以使用，伪数组有显示功能，没有真数组的增删功能。动态删除节点<!-- 点击按钮，删除文字 --><ul> <!-- <li>1<button>删除</button></li> --></ul&g

DOM-事件高级一、事件对象1.1 获取事件对象1.2 事件对象常用属性二、事件流2.1 事件流与两个阶段2.2 事件捕获和事件冒泡2.2.1 事件冒泡2.2.2 事件捕获2.3 阻值事件流动2.4 注册事件L0与L2的区别三、事件委托一、事件对象含有事件触发时的相关信息的对象就是事件对象。1.1 获取事件对象在事件绑定的回调函数的第一个参数就是事件对象，一般命名为event、ev、e。<script> // e就是事件对象 事件源.addEventListener('

DOM节点一、节点操作1. DOM节点2. 查找节点2.1 父节点查找2.2 子节点查找:2.3 兄弟节点查找3. 增加节点3.1 创建节点3.2 追加节点3.2.1 追加到父元素中某个子元素的前面3.2.2 追加到父元素中子元素的最后3.3 克隆节点（特殊情况）4.删除节点二、时间对象1. 实例化2.时间对象方法3.时间戳3.1 什么是时间戳3.2 获取时间戳三、重绘和回流1.浏览器的界面渲染2.重绘和回流（重排）一、节点操作1. DOM节点DOM节点 – DOM树里每一个内容都称之为节点。

DOM节点目标一、节点操作1.DOM节点2.查找节点2.1 父节点查找3.增加节点3.1 创建节点3.2 追加节点4.删除节点二、时间对象1. 实例化2.时间对象方法3.时间戳三、重绘和回流1.浏览器界面渲染2.重绘和回流（重排）目标掌握节点(标签)的增删改查一、节点操作1.DOM节点DOM节点 – DOM树里每一个内容都称之为节点节点类型：– 元素节点：所有的标签，html 是根节点– 属性节点：所有的属性– 文本节点： 所有的文本– 其他节点2.查找节点2.1 父节

DOM-事件基础前言一、事件1. 事件监听1.1 事件和事件监听1.2 事件监听版本（拓展、了解）2. 事件类型2.1 鼠标事件2.2 焦点事件2.3 键盘事件2.4 文本事件二、高阶函数1. 函数表达式2. 回调函数三、环境对象（环境变量）四、排他思想（了解）前言通过学习DOM事件基础后，需要能够掌握以下技能：给元素添加事件利用事件实现常见的网页交互效果一、事件1. 事件监听1.1 事件和事件监听事件： 事件是在编程时系统内发生的动作或者发生的事情，例如：点击按钮；事件的发生往往.

DOM-获取DOM元素、修改属性前言一、Web API 简介1.什么是API？2.Web API3.Web API 的作用和分类二、DOM简介1.DOM树2. DOM对象三、获取DOM对象1.根据CSS选择器来获取DOM元素1.1选择匹配的第一个元素1.2选择匹配的多个元素2.其他获取DOM元素方法2.1 id查找2.1 标签名查找2.1 类名查找四、设置/修改DOM元素内容1.document.write()2.对象.innerText 属性3.对象.innerHTML 属性四、设置/修改DOM元素属性1