![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
sunshine0670
这个作者很懒,什么都没留下…
展开
-
ES6 中的Set 数据结构
Set 是es6提供的新的数据结构,类似于数组,但元素都是唯一的,不会有重复的值Set本身是一个构造函数基本用法用来生成 Set数据结构可以接收一个数组或可迭代的数据结构作为参数,用来初始化数组去重: function noRepeat(array) { return Array.from(new Set(array)); } dedupe([1, 1, 2, 3]) // [1, 2, 3]*Array.from(Set)方法可以将 Set 结构转为数组*Set 加入值时原创 2022-03-31 16:36:02 · 1283 阅读 · 0 评论 -
批量导出-先打包后下载为zip
批量导出需要先将文件组逐个添加打包,然后下载安装插件 jszip,file-saverrequire('script-loader!file-saver')import JSZip from 'jszip'exportConfig(){ const data = this.detailForm const zipname = '下载' const zip = new JSZip() const cache = {} data.forEach(item=>{ const filen原创 2021-01-19 16:42:36 · 260 阅读 · 0 评论 -
前端实现下载文件-js实现a标签下载
思路:使用a标签下载,点击下载时,创建a元素,模拟点击,下载完成后将a元素移除即可// 导出文件exportConfig(){ const content = output.replace(/(\n|\r)/gm,'\r\n') // 文件内容(此处我将后台返回的回车用正则匹配,否则txt文档中展示为空格) const filename = '下载.txt' // 文件名自定义 if("download" in document.createElement("a")){ const原创 2021-01-19 16:29:57 · 2257 阅读 · 2 评论 -
js回调函数callback
工作中会遇到一些场景,需要自己去封装含有回调函数的方法。封装callback函数function fn(callback){ setTimeout(function(){ alert("执行成功") let res = "校验结果" if (!callback) return return callback(res) },2000)}let save = {id: 1,use:'hah'}function use (data,save) { console.log原创 2020-11-27 17:21:21 · 615 阅读 · 0 评论 -
原生js获取浏览器可视区域的宽度和高度
支持高版本浏览器、IE9及其以上的window.innerWidth支持IE6/7/8document.documentElement.clientWidth或者document.body.clientWidth最终使用兼容写法:var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var h=window.innerHeight|| document.do.原创 2020-07-16 09:51:26 · 1632 阅读 · 0 评论 -
formData控制台直接console.log查看为空
formData查看FormData是一种特殊类型的对象,使用console.log()直接打印一直是空,需要遍历一下在打印查看formData.forEach((value, key) => { console.log("key %s: value %s", key, value);})原创 2020-05-14 17:58:47 · 4336 阅读 · 0 评论 -
封装函数的时候,如何设置动态的属性名,以layui的分页封装为例说明
封装一个函数,如果有属性是动态的,则需要如下写法:function fn(name,value){ var obj = { [name]:value } return obj;}console.log(fn("page","12")) // 结果为{page:"12"}下面是layui数据表格中,单独的分页封装的调用html部分:<div id="pag...原创 2019-04-11 19:37:41 · 426 阅读 · 0 评论 -
jQuery中的eq()与DOM中element[]的区别
jQuery中的eq()与DOM中element[]的区别 $('.a') // 选择了3个a,都是jq对象(可以用jq的属性、方法) $('.a').eq(1) // 选择了第二个a,是jq对象(不可以使用dom属性方法,可以用jq的属性、方法) $('.a')[1] // 选择了第二个a,是dom对象(可以使用dom属性,方法,不可以使用jq属性方法) $('.a...原创 2019-09-04 15:03:51 · 254 阅读 · 0 评论 -
js 数据存储
1.CookieHTTP Cookie,通常直接叫做Cookie,最初在客户端用于存储会话信息的。需要制定作用域,不可以跨域访问;无法保存太大的数据(最大仅为4KB);本地保存的数据会发送给服务器,浪费带宽 ;2.sessionStorage用于本地存储一个会话(session)中的数据,关闭窗口后,sessionStorage即被销毁,除了协议、主机名、端口外,还要求在同一窗口(也就...原创 2019-10-26 22:52:22 · 153 阅读 · 0 评论 -
js时间对象,时间戳和日期格式等的转换
时间对象:返回今天的日期时间 :var myDate = new Date();返回从1970 年 1 月 1 日至今的毫秒数:myDate.getTime();设置任意日期:myDate.setTime(2018,10,10);myDate的基础上一些常用的:myDate.getFullYear(); //当年myDate.getMonth(); //获取当前月份(...原创 2019-04-15 17:18:37 · 466 阅读 · 0 评论 -
请求接口出现:no-referrer-when-downgrade
请求接口出现如上问题,可能是接口地址出现了问题,跟后台核实一下接口路径。原创 2020-01-17 09:06:16 · 11980 阅读 · 2 评论 -
js面试题
1.如何判断一组数据是否为数组?2.数组排序?3.数组去重?4.封装一个阶乘算法?5.什么是变量提升和函数欲解析?6.call()和apply()的区别?7.js绑定事件有哪些方法?8.如何个一个元素绑定多个事件?...原创 2019-10-31 21:58:01 · 96 阅读 · 0 评论 -
面试题汇总
一、css相关1.什么情况需要浮动?浮动会有什么影响?如何清除浮动?2.一个未知宽高的元素如何水平垂直居中?3.div盒子设置宽度10%是根据什么来的?4.如何实现左边盒子固定,右边盒子自适应宽度?5.如何实现单行文本溢出显示省略号?多行文本实现省略号?二、js相关1.输出结果是什么?typeof nulltypeof NAN0.1 + 0.2 === 0.3 2 &...原创 2019-10-30 21:27:29 · 77 阅读 · 0 评论 -
js数组常用方法
arr.push()向后添加元素,改变数组长度arr.pop()删除最后一个元素,改变数组长度arr.shift()删除第一个参数,改变数组长度arr.unshift()向数组开头添加一个或多个元素,改变数组长度arr.isArray()判断是否为数组,返回布尔值arr.concat(arr1)将两个数组拼接arr.toString()将数组转...原创 2019-09-03 18:01:50 · 82 阅读 · 0 评论 -
js 回车事件
一般操作中如果用到了回车键提交表单或者搜索时:<button type="button" class="btn">搜索</button>//判断键码为13是,就是回车键 $(document).keydown(function(event){ if(event.keyCode==13){ $(".btn").click(); } });...原创 2019-09-04 15:01:48 · 114 阅读 · 0 评论 -
js手机号隐秘
利用字符串截取方法将手机号进行隐秘手机号隐秘 var str='15771699304'; var str2 = str.substr(0,3)+"****"+str.substr(7); console.log(str2); // 157****9304原创 2019-09-04 15:08:11 · 379 阅读 · 0 评论 -
正则判断输入数字
//input只能输入正整数,直接在input标签写的 onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" //input只能输入数字 let numm = this.params.readjust_price; let myreg...原创 2019-09-04 15:13:12 · 668 阅读 · 0 评论 -
json字符串和json对象转换
浏览器支持的转换 JSON.parse(str); //可以将json字符串转换成json对象 JSON.stringify(json); //可以将json对象转换成json对符串原创 2019-09-04 15:17:43 · 111 阅读 · 0 评论 -
可用的地理位置接口
地理位置接口1.搜狐 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/javascript"> console.log(returnCitySN) //返回对象Obje...原创 2019-09-04 15:26:07 · 264 阅读 · 0 评论 -
js身份证号码校验
// 身份证号码正则判断是否合法// 正则表达式:var idcardReg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;var card = 3367671999030378...原创 2019-09-04 15:44:53 · 188 阅读 · 0 评论 -
jquery获取自定义属性的值
jquery获取自定义属性的值原创 2019-09-04 15:36:42 · 1166 阅读 · 0 评论 -
数组循环的六种方法
1.forEach()let array = [1,2,3,4];array.forEach((item, index, array) => { console.log(item);});forEach会遍历数组, 没有返回值, 不允许在循环体内写return, 不会改变原来数组的内容.forEach()也可以循环对象。2.map()let array = [1, 2, 3...原创 2019-03-30 17:43:54 · 38503 阅读 · 2 评论