JavaScript
瘦瘦瘦瘦不了
这个作者很懒,什么都没留下…
展开
-
js - 在map中使用async await进行处理文件的操作
【代码】js - 在map中使用async await进行处理文件的操作。原创 2024-02-18 18:14:40 · 475 阅读 · 0 评论 -
根据接口返回数字展示对应的状态文字
<el-button>{{status}}</el-button>methods(){ async getList() { const res = await this.$api.queryVoucherLog(参数); const {data} = res; this.tableData = data?.map((item) => { item.status = this.getStatus(item.status);原创 2022-05-10 10:57:13 · 379 阅读 · 0 评论 -
后端返回的数据中带换行符,前端渲染时处理-vue
<span v-html="text"></span>data() { return { text: '', }},mounted() { let str = 'PHONE00644[2021123109442733041111]订单已锁定,不能生效!;\nPHONE00645[202112310945032522217]订单已锁定,不能生效!;\nPHONE0063[2021123109451054533337]订单已锁定,不能生效!;\n原创 2022-01-04 14:06:02 · 999 阅读 · 0 评论 -
for in 和 for of 的使用及区别
浅显说明:for in遍历获取对象的key值、value值,for of不可遍历对象for in遍历的是数组的索引,for of遍历的是数组元素值。记住for in 遍历对象 for of 遍历数组即可let data1 = [ { "id":"1","projectNo":"001","projectName":"测试项目1" }, { "id":"2","projectNo":"002",".原创 2021-11-10 16:14:44 · 412 阅读 · 0 评论 -
数据整合(数组里面嵌套多层数组)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&原创 2021-11-10 15:28:02 · 1490 阅读 · 0 评论 -
将对象转为需要的数组形式
let aa = { meeting_site_photos: "会议现场照片&&线下会议,需能显示会议规模的照片", other: "其他&&其他", material: "易拉宝,横幅等物料&&如有" } let ccc = [] for (let i in aa) { let info = aa[i].split('&&') ccc.push({ key: i, v.原创 2021-11-10 10:09:57 · 404 阅读 · 0 评论 -
调用view.officeapps.live.com预览文档(word、ppt、xls),解决无法读取oss私有文件问题
encodeURIComponent(url)let result= "http://xxx.oss-cn-shanghai.aliyuncs.com/report/work.docx?OSSAccessKeyId=LTAI4GGvJTbm7fTKs&Expires=1636425239&Signature=c6xf8qQ5rV78Y%3D"let resultNew= encodeURIComponent(result)let url= 'http://view.officeap.原创 2021-11-09 10:49:37 · 10138 阅读 · 6 评论 -
获取url后缀,截取字符串,判断数组是否包含某个元素(indexOf()、lastIndexOf()、substring())
indexOf()indexOf方法对大小写敏感!如果要检索的字符串值没有出现,则该方法返回 -1。也可以检索数组元素首次出现的位置var str2="Hello world!"console.log(str2.indexOf("e")) //1console.log(str2.indexOf("Hello")) //0console.log(str2.indexOf("World")) //-1console.log(str2.indexOf("world")) //6var f.原创 2021-11-08 15:57:22 · 533 阅读 · 0 评论 -
防抖(Debouncing)和节流(Throttling)
这里非自己总结,忘了在哪看到的仅作为笔记记录防抖可以把多个顺序地调用合并成一次,也就是在一定时间内,规定事件被触发的次数。 /* 封装函数debounce, 实现防抖 */ function debounce(func, delay = 500) { let timer = null return function (...args) { if (timer) clearTimeout(t.原创 2021-05-26 12:30:50 · 159 阅读 · 0 评论 -
数组去重的六种方法
非原创,朋友发我的,我也不知道出自哪里,就当作一个笔记来记录(●’◡’●)首先创建一个含有重复元素的数组let arr = [1, 1, 2, 3, 3, 6, 7, 2, 9, 9]第一种方法:利用 Set数据结构 + Array.from() 函数 function removeRepeat1(arr) { return Array.from(new Set(arr)) } console.log(removeRepeat1(arr)); .原创 2021-05-25 22:48:21 · 557 阅读 · 0 评论 -
内存溢出与内存泄漏
1.内存溢出一种程序运行出现的错误当程序运行需要的内存超过了剩余的内存时,就会抛出内存溢出的错误var obj = {} for (vari = e; i < 10000; i++) { obj[i] = new Array(100000000) console.log('-----') }2.内存泄露内存泄露积累多了就容易导致内存溢出常见的内存泄露:1)意外的全局变量2)没有及时清理的计时器或回调函数3)闭包//意外的.原创 2021-05-25 22:06:47 · 67 阅读 · 0 评论 -
关于闭包(什么是闭包、如果产生闭包、产生闭包的条件及作用缺点)
1.闭包到底是什么?(使用chrome 调试查看 )理解一:闭包是嵌套的内部函数(缩大部分人) 理解二:包含被引用变量(函数)的对象(极少数人) 注意:闭包存在于嵌套的内部函数中2.如何产生闭包?当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包3.产生闭包的条件?1)函数嵌套2)内部函数引用了外部函数的数据(变量/函数)3)调用外部函数4.闭包的作用:1)使用函数内部的变量在函数执行完后,仍然存活在内容中(延长局部变量的生命周期)2)让函原创 2021-05-25 21:39:06 · 378 阅读 · 0 评论 -
循环遍历+监听(点击每一个按钮弹出对应的第几个)
<button>1</button><button>2</button><button>3</button>第一种方法:利用索引var btns = document.getElementsByTagName('button'); for (i = 0, length = btns.length; i < length; i++) { var btn = btns[i];原创 2021-05-25 18:40:35 · 323 阅读 · 0 评论 -
数字跳动效果(js、jquery)
<div class="numBox"> <div class="jump"> <div> <div class="number"><span class="num" id="num">60</span>+</div> <div class="text">演讲<br />嘉宾</div&...原创 2021-05-24 12:54:47 · 773 阅读 · 0 评论 -
正则表达式
特殊字符正则:let regflag = new RegExp("[`~!@#$^&*()=+|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“'。,、?]"); if (regflag.test(params.address)) { alert("不支持特殊字符!"); return; }字母+数字:let regflag = new RegExp("^(?![0-9]+$)(?![原创 2021-04-26 02:43:06 · 84 阅读 · 0 评论 -
操作数组的一些常用方法及示例
常用数组方法push()该方法可以向数组的末尾添加一个或多个元素,并返回数组的新的长度- 可以将要添加的元素作为方法的参数传递,- 这样这些元素将会自动添加到数组的末尾- 该方法会将数组新的长度作为返回值返回var arr = ["孙悟空","猪八戒","沙和尚","唐僧"];arr.push("蜘蛛精")console.log(arr) //["孙悟空","猪八戒","沙和尚","唐僧","蜘蛛精"]pop()pop() 该方法可以删除数组的最后一个元素,并将被删除的原创 2021-01-24 21:38:34 · 279 阅读 · 0 评论 -
关于前端的那些事儿~
简述CSS的盒子模型:盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border)两种方式:content-box:标准盒模型(W3C盒模型)border-box:怪异盒模型( IE 盒子模型)一般浏览器和IE9+默认值是content-box两者区别:content-box:padding和border不被包含在定义的width和heigh...原创 2020-07-21 18:31:53 · 347 阅读 · 0 评论 -
js input获取焦点和失去焦点的操作
获得焦点时改变文本框的背景和文字颜色,失去焦点时文本框的背景和文字颜色随机改变onfocus获取焦点onblur 失去焦点<input type="text" value="根据焦点操作"><style> input { width: 400px; height: 40px; line-height: 40px; border: 1px solid #ddd;.原创 2020-08-25 18:56:13 · 12722 阅读 · 0 评论 -
原生js 点击一个按钮 让复选框来回切换
<input type="checkbox" id="inputs"><button id="btn">按钮</button> window.onload = function () { var btn = document.getElementById('btn'); var flag = false; var num = 0; //第一种方式原创 2020-08-25 15:09:56 · 789 阅读 · 0 评论 -
不知道数组值顺序的情况下,删除数字4
不知道数组值顺序的情况下,删除数字4第一种方式:var arr = [];arr.push(1, 2, 3, 5, 6, 4, 7);var index = arr.indexOf(4);arr.splice(index, 1)console.log(arr); 第二种方式:var arr = [];arr.push(1, 2, 3, 5, 6, 4, 7);for (let i = 0; i< arr.length; i++) { //console.log原创 2020-08-05 16:46:39 · 211 阅读 · 0 评论 -
实参可以是任何值
调用函数,相当于使用函数的返回值。-函数对象,相当于直接使用函数对象。原创 2020-08-03 16:09:00 · 258 阅读 · 0 评论 -
函数及函数的参数
函数也是一个对象函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)函数中可以保存一些代码在需要的时候调用//创建一个函数对象//可以将要封装的代码以字符串的形式传递给构造函数//在实际开发中很少使用构造函数来创建一个函数对象var fun = new Function(console.log("hello,这是我的第一个函数")) console.log(typeof fun) //function封装到函数中的代码不会立即执行;函数中的代码会在函数调用的时候执行调用函原创 2020-07-30 19:36:18 · 300 阅读 · 0 评论 -
关于对象字面量
使用对象字面量来创建一个对象var obj = {};obj.name = "孙悟空";使用对象字面量,可以在创建对象时,直接指定对象中的属性语法:{属性名:属性值,属性名,属性值……}对象字面量的属性名可以加引号也可以不加,建议不加;如果要使用一些特殊的名字,则必须加引号属性名和属性值是一组一组的名值对结构,名和值之间使用:链接,多个名值对之间用,隔开如果一个属性之后没有其他的属性了,就不用写,var obj2 = { name: "猪八戒",原创 2020-07-30 19:21:16 · 183 阅读 · 0 评论 -
关于基本数据类型和引用数据类型的区别
Js中的变量都是保存到栈内存中的,基本数据类型的值直接在栈内存中存储,值与值之间是独立存在,修改一个变量不会影响其他的变量 var a=123; var b=a; a++; console.log(a);//124 console.log(b);//123对象是保存到推内存中,每创建一个新的对象,就会在推内存中开辟出一个新的空间,而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用,当一个通过变量修改属性时,另一个也会受到影响 var obj=new Object原创 2020-07-30 18:22:22 · 171 阅读 · 0 评论 -
关于对象的属性名和属性值
//创建对象var obj = new Object();向对象中添加属性属性名:对象的属性名不强制要求遵守标识符的规范,没有限制(尽量还是按照标识符的规范去做);如果要使用特殊的属性名,不能采用.的方式来操作,需要使用另一种方式语法:对象[“属性名”]=属性值读取时也需要采用这种方式使用[]这种形式去操作属性,更加的灵活,在[]中可以直接传递一个变量,这样变量值是多少就会读取那个属性obj["123"] = 789; obj["nihao"] = "你好"; var n ="原创 2020-07-30 17:58:21 · 2639 阅读 · 0 评论 -
对象的基本操作
//使用new关键字调用的函数,是构造函数,构造函数是专门用来创建对象的函数//使用typeof检查一个对象时,会返回object原创 2020-07-30 17:32:19 · 318 阅读 · 0 评论 -
js获取元素样式
兼容性问题处理这里引用尚硅谷js基础课程内容原创 2020-07-28 17:40:52 · 69 阅读 · 0 评论 -
js实现添加删除列表
这里引用尚硅谷js基础课程中案例HTML代码:<h1>操作dom实现增删改</h1> <div class="content"> <table id="employeeTable"> <tr> <th>Name</th> <th>Email</th> ..原创 2020-07-28 16:55:10 · 1282 阅读 · 0 评论 -
操作dom实现增删改
HTML代码:<h1>操作dom实现增删改</h1> <div class="content"> <div> <ul id="city"> <li id="bj">北京</li> <li>上海</li> <li>东京</li> .原创 2020-07-26 17:06:04 · 202 阅读 · 0 评论 -
Undefined 与 Null 的区别
Undefined 与 null 的值相等,但类型不相等:typeof undefined // undefinedtypeof null // objectnull === undefined // falsenull == undefined // truePS:==只比较值是否相等(相等运算符)===比较值和类型是否都相等(严格/全等运算符) 1==1 返回ture原创 2020-05-22 15:52:31 · 106 阅读 · 0 评论