JavaScript
JavaScript一些常见的工具函数、代码片段等
前端-卡布达
前端小菜鸡
展开
-
antdPro项目跨域配置
antdPro项目跨域配置原创 2022-06-12 16:24:35 · 1422 阅读 · 0 评论 -
js中遍历对象,同时得到key与value的几种方法
1、Object.keys()const testData = { name: '小王', age: '永远年轻',}Object.keys(testData ).map(key => { console.log(testData[key]) })//Object.keys() 返回对象自身的所有可枚举的属性并以数组形式返回 即:[name,age]//Object.values() 返回对象自身所有可枚举的属性值,并以数组形式返回:[小王,永远年轻]2、使用原创 2022-04-06 22:41:47 · 15264 阅读 · 1 评论 -
js中继承的几种方式
js中继承的几种方式什么是继承?继承是指一个类能够使用另一个类的属性和方法。被继承的那个类称为父类,继承父类属性和方法的那个类叫做子类,即子类能够使用父类里的属性和行为。继承的几种方式一、原型链继承特点:属性是共享的,如果属性中有引用数据类型,那么修改其中一个,另外一个也会修改。实现方式:在要继承的子类的原型上面赋值为父类的实例化 例子如下: //父函数 function Parent(name,age) { this.name =原创 2022-03-05 10:52:48 · 832 阅读 · 0 评论 -
几种数组扁平化方式
数字扁平化可能在日常的工作中会用到,下面有几种扁平化的方式,收集起来,方便之后使用 <script> /** 方式一:使用原型的isPrototypeOf()方法,结合递归实现 isPrototypeOf() 用来检测一个对象是否存在于另一个对象的原型链中,如果存在就返回 true,否则就返回 false 如果存在于另一个对象的原型链中就继续调用方法 fn,如果不存在就直接push到用来存放的数组里面原创 2022-02-27 20:00:08 · 396 阅读 · 0 评论 -
js-file-download 插件使用 Excel导出
1、npm安装npm install js-file-download2、在需要使用的地方引入 js-file-download插件import fileDownload from 'js-file-download';3、具体使用//download.jsimport request from '@/utils/axios'export function download(query) { return request({ url: '/admin/fi原创 2022-02-08 11:40:04 · 1529 阅读 · 0 评论 -
js函数防抖和节流
js 防抖 节流原创 2021-12-13 08:08:10 · 886 阅读 · 0 评论 -
几种一维基本数据类型的数组去重
let arr = [1, 2, 2, 4, 5, 6, "A", "B", "B"];let arr1 = [1, 2, 2, 4, 5, 6, "A", "B", "B"];/*** *方式一:Es6中set方法 * 说明: * 1、set方法是es6中新增的数据类型,其结构类似于数组,但是相比起来其元素是唯一的 * 2、可用于数组、字符串去重 */ let newOneArr = [...new Set(arr)]; console.log("方式一结果:", newOn.原创 2021-12-04 11:00:25 · 405 阅读 · 0 评论 -
递归实现对多层嵌套的对象数组依照某属性进行排序
<script> //开发中如果需要对多层嵌套的对象数组依照某个属性进行排序,可以使用递归的方法实现 //比如需要对数组里面每一层的importSum属性值进行排序 const arr = [ { importSum: "3", children: [{ importSum: "90", children: [{ importSum: "60" }] },{importSum: "78"}] }, ...原创 2021-12-04 10:47:14 · 1445 阅读 · 2 评论 -
forEach循环不能使用break跳出循环问题
在实际项目开发中可能会遇到需要对一个数组进行的每一项进行判断,当数组的每一项均满足某个条件时执行相应的操作。例如需要对数组对象arr的每一项的children进行判断,当每一项的children均有值时就发送网络请求,如果按照下面这种写法就会存在问题:arr = [ {name:"小王",children:[]}, {name:"小刘",children:[{name:"小李",id:1}]},]submit(){ arr.forEach(item=>{原创 2021-11-29 21:50:07 · 3040 阅读 · 0 评论