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 · 1378 阅读 · 0 评论 -
批量导出-先打包后下载为zip
批量导出需要先将文件组逐个添加打包,然后下载 安装插件 jszip,file-saver require('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 · 353 阅读 · 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 · 2597 阅读 · 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 · 738 阅读 · 0 评论 -
原生js获取浏览器可视区域的宽度和高度
支持高版本浏览器、IE9及其以上的 window.innerWidth 支持IE6/7/8 document.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 · 1830 阅读 · 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 · 4636 阅读 · 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 · 490 阅读 · 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 · 325 阅读 · 0 评论 -
js 数据存储
1.Cookie HTTP Cookie,通常直接叫做Cookie,最初在客户端用于存储会话信息的。 需要制定作用域,不可以跨域访问; 无法保存太大的数据(最大仅为4KB); 本地保存的数据会发送给服务器,浪费带宽 ; 2.sessionStorage 用于本地存储一个会话(session)中的数据,关闭窗口后,sessionStorage即被销毁,除了协议、主机名、端口外,还要求在同一窗口(也就...原创 2019-10-26 22:52:22 · 230 阅读 · 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 · 532 阅读 · 0 评论 -
请求接口出现:no-referrer-when-downgrade
请求接口出现如上问题,可能是接口地址出现了问题,跟后台核实一下接口路径。原创 2020-01-17 09:06:16 · 12333 阅读 · 2 评论 -
js面试题
1.如何判断一组数据是否为数组? 2.数组排序? 3.数组去重? 4.封装一个阶乘算法? 5.什么是变量提升和函数欲解析? 6.call()和apply()的区别? 7.js绑定事件有哪些方法? 8.如何个一个元素绑定多个事件? ...原创 2019-10-31 21:58:01 · 146 阅读 · 0 评论 -
面试题汇总
一、css相关 1.什么情况需要浮动?浮动会有什么影响?如何清除浮动? 2.一个未知宽高的元素如何水平垂直居中? 3.div盒子设置宽度10%是根据什么来的? 4.如何实现左边盒子固定,右边盒子自适应宽度? 5.如何实现单行文本溢出显示省略号?多行文本实现省略号? 二、js相关 1.输出结果是什么? typeof null typeof NAN 0.1 + 0.2 === 0.3 2 &...原创 2019-10-30 21:27:29 · 123 阅读 · 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 · 38809 阅读 · 2 评论 -
jquery获取自定义属性的值
jquery获取自定义属性的值原创 2019-09-04 15:36:42 · 1294 阅读 · 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 · 285 阅读 · 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 · 356 阅读 · 0 评论 -
json字符串和json对象转换
浏览器支持的转换 JSON.parse(str); //可以将json字符串转换成json对象 JSON.stringify(json); //可以将json对象转换成json对符串原创 2019-09-04 15:17:43 · 187 阅读 · 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 · 735 阅读 · 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 · 438 阅读 · 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 · 171 阅读 · 0 评论 -
js数组常用方法
arr.push() 向后添加元素,改变数组长度 arr.pop() 删除最后一个元素,改变数组长度 arr.shift() 删除第一个参数,改变数组长度 arr.unshift() 向数组开头添加一个或多个元素,改变数组长度 arr.isArray() 判断是否为数组,返回布尔值 arr.concat(arr1) 将两个数组拼接 arr.toString() 将数组转...原创 2019-09-03 18:01:50 · 201 阅读 · 0 评论
分享