常用的数组方法1、concat()方法用于合并两个或多个数组。返回一个新数组。(不改变原数组) 2、find()方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。(不改变原数组) 3、findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。(不改变原数组) 4、indexOf()方法返回在数组中可以找到一个给定元素的第一个索引，如

浅拷贝与深拷贝浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。 深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象。 总而言之，浅拷贝只复制指向某个对象的指针，而不复制对象本身，

解构赋值：123const { a, b, c, d, e } = obj;// ES6的解构赋值虽然好用。但是要注意解构的对象不能为undefined、null。否则会报错，故要给被解构的对象一个默认值。const { a, b, c, d, e } = obj || {}; 合并数组：12345678910111213// 数组合并

vue 中 key 的作用 虚拟 DOM 中 key 的作用：key 是虚拟 DOM 对象的标识，当数据发生变化时，Vue 会根据【新虚拟 DOM】,随后 Vue 进行【新虚拟 DOM】与【旧虚拟 DOM】的差异比较，比较规则如下： 对比规则：(1).旧虚拟 DOM 中找到了与新虚拟 DOM 相同的 key：①.若虚拟 DOM 中内容没变, 直接使用之前的真实 DOM！②.若虚拟 DOM 中内容

汇集了一些常用但是内容不是很多的方法。 下载12345678910111213141516171819202122232425/ 通用下载方法export function download(url, params, filename) { downloadLoadingInstance = Loading.service({ text: "正在下载数据，请稍候

1、什么是插槽1、插槽就是在子组件中提供父组件一个占位符，用于用户填充任何自己所需求的模板代码，2、插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示在什么位置就由子组件来进行控制3、可以把插槽认为是组件封装期间，为用户预留的内容的占位符。 2、什么时候使用插槽当子组件被复用时，需要在特定的区域展示不同的需求内容 3.使用3.1.匿名插槽（默认插槽）12345678910<!--父组

浮动将左边固定区域设置浮动，右边 margin 设置为左边固定 div 的宽度 1234567891011.left{ width:200px; height:100px; float:left; background-color:red;}.right{ height:100px; margin-left:200px; ba

1、防抖：单位时间内，频繁触发事件，规定时间只执行最后一次1.典型场景：搜索框的输入2.代码思路：利用定时器，每次触发前清空之前的定时器重新开始1234567891011 // 首先声明一个全局变量为空，把它当做定时器的名字// 然后再声明一个函数点击按钮的时候触发// 函数内开启一个定时器，定时器上面使用clearTimeout清除定时器// 当在规定时间内多次点击按钮的时候，就会一直清

1、相同点1） 都是循环遍历数组中的每一项。 2） 每次执行匿名函数都支持三个参数，参数分别为 item(当前每一项)，index(索引值)，arr(原数组)。 3） 匿名函数中的 this 都是指向 window。 4）只能遍历数组。 2、不同点1） map()会分配内存空间存储新数组并返回，forEach()不会返回数据。 2） forEach()允许 callback 更改原始数组的元素，m

前言在 Vue 官方文档中，明确说明了不建议将v-for和v-if同时使用。因为两者作用在同一个元素时，优先级是不同的。 在 vue2 中，v-for 的优先级更高 在 vue3 中，v-if 的优先级更高 Vue2：在 Vue2 中，v-for 的优先级是高于 v-if 的，如果作用在同一元素上，输出的渲染函数中会先执行循环再判断条件，哪怕只渲染列表中一小部分元素，也得在每次重渲染的时候[遍