![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
画龍丶
谁还没有辜负几段昂贵的时光
展开
-
forEach与aycnc/await
需求:先执行1 再执行2目前这个德行:先运行104行 在走循环改造后成果图先码住 下班总结原创 2021-11-26 16:37:34 · 207 阅读 · 0 评论 -
js小玩意(四) 判断数组是否有某个值,有就删除,没有就增加
一般就多选框里用的多,因为没有现成的组件所以手写了个多选卡片。里面用到了这个逻辑。总忘。idArr :数组id :目标数值 if (idArr.indexOf(id) > -1) { idArr.splice(idArr.indexOf(id), 1) } else { idArr.push(id) }或者用三目运算符 一句话解决 (idArr.indexOf(id) > -1) ? idArr.splice(idArr.indexOf(id原创 2021-10-25 18:16:43 · 2942 阅读 · 1 评论 -
.then写法和async await 有啥区别?
最直观的讲一下有啥区别场景:三个接口 接口二用到接口一返回的数据接口三用到接口二和接口一返回的数据解决方法:promise + .then 写法const makeRequest = () => { return promise1() .then(value1 => { return promise2(value1) .then(value2 => { return promise3(value1, v原创 2021-09-13 22:38:23 · 5371 阅读 · 0 评论 -
【原生js】划过单词+匹配文章关键字,连线+高亮显示
需求:划过词语匹配文章关键字,连线+高亮显示思路:功能拆分,先实现划过高亮,然后实现连线。灵感来源:1.匹配单词高亮2.元素之间连线3.同事指导了两句3.睡一觉在此感谢二位大佬分享的文章下面融合两篇文章的精髓并删删改改,完成功能。上代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont原创 2021-08-20 15:18:57 · 234 阅读 · 0 评论 -
js 获取月份的范围
本文使用js封装一个方法 获取一个月的日期范围。这个方法是在解决需求的时候百度查的,具体出处忘记了,觉得好用就存下来了,复制粘贴直接调用就ok。 // 获取一个月的日期范围 // this.getMonth(type,months) //type为字符串类型,有两种选择,"s"代表开始,"e"代表结束,months为数字类型,不传或0代表本月,-1代表上月,1代表下月 function getMonth(type, months) { var d = new Date(); v原创 2021-07-18 23:00:09 · 778 阅读 · 0 评论 -
js小玩意(三)从数组中找到指定元素并删除
需求:从数组中找到小明并删除 var sb = '小明' var sbTeam= ['小黄','小绿','小明','小兰'] // 需求 : 从数组中找到 SB 小明并删除 sbTeam.splice(sbTeam.findIndex(item => item ==='小明'),1) //方法一 // sbTeam.splice(sbTeam.indexOf('小明'),1) //方法二 console.log(sbTeam);运行结.原创 2021-07-13 19:29:20 · 4298 阅读 · 2 评论 -
js小玩意(二) 取出数组中每项的次数和数组去重(超简单)
本人主要介绍取出数组中每一项出现的次数查找次数方法一: 使用reduce方法 取出数组中每项的次数完整代码:解释:cur—指当前处理的哪一个pre—指上次处理完毕的回掉结果查找次数方法二注意:以对象的形式展现数组去重,遍历数组,和新数组比较注意: indexof == -1 说明新数组没找到这一项,然后就往新数组push...原创 2021-05-01 19:23:06 · 231 阅读 · 0 评论 -
js小玩意 (一) :数组扁平化(超简单)
数组扁平化概念:用于将嵌套多层的数组“拉平”,变成一维的数组方法一:自定义方法方法二:es6新增 flat方法参数:flat(1)代表要展开1层 , 2就是两层原创 2021-05-01 10:45:53 · 78 阅读 · 0 评论 -
ES6for...of 和for...in 的 区别
1.for…of :循环 字符串、数组、伪数组、set、map、arguments、nodeList (就是不能循环对象)2.for…in:循环对象代码演示:<script>// 循环 字符串、数组、伪数组、set、map、arguments、nodeList // 就是不能循环对象//循环字符串 -------------------------------let str1 = 'abcdef'for(let val of str1){ console.log(原创 2021-01-30 12:06:10 · 183 阅读 · 0 评论 -
js中mouseenter、mouseleave、mouseover、mouseout的区别
前言今天总结下mouseenter、mouseleave、mouseover、mouseout的区别正文代码and图例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-01-28 12:09:35 · 616 阅读 · 0 评论 -
js中forEach 和$.each的用法和区别
一、区别$.each():方法是jQuery中的方法,用于遍历数组$().each: 方法是jQuery中的方法,用于遍历对象forEach :原生js方法,和for循环相似, 循环遍历数组二、用法$.each(array,function(index,item){…})array = 数组 , index = 下标 , item = 对应的值$ ().each():$(‘selector’).each(function(index,value)原创 2021-01-27 19:18:46 · 1892 阅读 · 0 评论