
JS
JS相关案例及日常总结
汪酱~
归来仍是少年
展开
-
数据处理题
2013年, 加里·伯恩哈德就在微博上发布了以下代码段:['10','10','10','10','10'].map(parseInt);以为是[10,10,10,10,10],其实是[10,NaN,2,3,4]解析:Array.map(parseInt)等价于Array.map((item,index)=>{ return parseInt(item,index)})那么结果便是[parseInt('10',0),parseInt('10',1),parseInt('10',2)原创 2021-08-25 13:55:14 · 408 阅读 · 0 评论 -
根据周X HH:mm:ss判断时间是否交叉重叠
根据如下itemInfo这种数据判断时间是否冲突,我的思路是将时间全部转化为秒,判别区间是否交叉重叠,是即冲突。代码如下(待优化)itemInfo:[ { period: ['03:20:10','15:20:10'], weekList: ['周一','周三','周四'] }, { period: ['02:20:15','03:30:30'], weekList: ['周三','周五'] }, { period: ['02:20:15','原创 2021-07-07 23:19:01 · 193 阅读 · 0 评论 -
JS深浅拷贝
对象:let obj = { a:"a", b:"b"}// 以下两种为浅拷贝let newObj = {...obj} // 拓展运算符let newObj = Object.assign({},obj) // 空对象合并// 以下为深拷贝let newObj = JSON.parse(JSON.stringify(obj)) // 利用JSON序列化和反序列化方法将内容完全展开数组:let arr = [{name:'jack'},{name:'crdo'}]// 前三种原创 2021-06-10 10:45:29 · 111 阅读 · 0 评论 -
向数组对象中添加新属性
用的是es6对象新增语法 传送门let arr = ["全部", "护肤", "日用百货", "母婴", "家居家纺", "美妆", "玩具"]let arra = []arr.map(((item, index)=> {arra.push(Object.assign({name:item,value:item=="全部"?null:item}))}))原创 2021-05-28 15:00:35 · 1251 阅读 · 0 评论 -
根据参数动态赋值
在utils文件夹下建公用js文件,用来存放静态数据,只需在使用时引入。export const demo = [ { label: '全部状态', value: '' }, { label: 'aaa', value: 1 }, { label: 'bbb', value: 2 }, { label: 'ccc', value: 3 }, { label: 'ddd', value: 4 }]<span :class="getColor(xxx)">{{getSta原创 2021-05-11 14:14:18 · 214 阅读 · 0 评论 -
表格数据导出功能
若后端为post传参,且返回的是文件流,那么可以用如下第一种方法: export() { let cookie = localStorage.xxx(); const params = { xxxx: xxxxxx, xxxx: xxxxxx, cookie, }; fetch( "http://api.xxx.xxxxx.cn/xxxxx/?post=json", {原创 2021-04-21 11:05:28 · 140 阅读 · 0 评论 -
js检测数据类型方法typeof和Object.prototype.toString.call()对比
exampleObject.prototype.toString.call()typeof‘123456’[object String]string123456[object Number]number(2==3)[object Boolean]boolean{id : “1”}[object Object]objectnull[object Null]object[1,2,3][object Array]objectunde...原创 2021-02-04 10:51:43 · 273 阅读 · 0 评论 -
数组处理
三元表达式(条件)?'A':'B'条件为true置为A,反之B可用作动态绑定class更改样式:class="(条件)?'类名A':'类名B'"数组处理map方法(数组).map((item, index) =>item)includes方法 判断数组中是否存在某元素,结果为true/false(数组).includes(元素)splice方法 删除指定位置的元素(数组).splice((数组).indexOf(元素),1)Set方法 e.原创 2020-12-30 14:01:35 · 133 阅读 · 0 评论 -
随机数抽奖
随机数抽奖效果图:做起来原理也是很简单了 var t; var flag= true; function start(){ if(flag==true){ //添加节流阀 t=setInterval(function() { document.getElementById("show") .innerText = Math.floo...原创 2019-12-21 21:13:12 · 417 阅读 · 0 评论 -
网页时钟
网页时钟其实就是用js调用系统时间然后显示在html网页上代码如下: function startTime(){//创建一个函数 var date=new Date();//获取系统时间 //var y=date.getFullYear();//获取当前年份 //var m=date.getMonth();//获取当前月份 //var d=date.getDate();//...原创 2019-12-21 20:50:29 · 1094 阅读 · 0 评论 -
九九乘法表
九九乘法表用JavaScript实现九九乘法表,其实就是几个循环,代码如下:<style> table,td{ border:1px solid #DC3B43; border-collapse:collapse; } td{ width: 100px; height:40px; line-height: 30px; text-align: cen...原创 2019-12-21 20:55:18 · 184 阅读 · 0 评论 -
JavaScript验证码
验证码在生活中很常见,所以做了个验证码案例:感觉蛮简单的,就不解释了,代码里有注释,如下: var span = document.getElementsByTagName('span')[0]; var a = document.getElementsByTagName('a')[0]; var input = document.getElementsByTagName('in...原创 2019-12-21 22:23:34 · 1081 阅读 · 0 评论 -
清除input文本框内容
清除input文本框内容效果:html代码:<div class="item-input-wrap" > <input type="text" placeholder="建议使用常用手机号" maxlength="11" id="tel" name="tel"> <a href="javascript:;" id="wrap-clear">&l...原创 2019-12-23 15:31:41 · 15025 阅读 · 0 评论