随笔分类 -  常用方法

摘要:1、生成随机颜色 const generateRandomHexColor=()=>`#${Math.floor(Math.random() * 0xffffff).toString(16)}` console.log(generateRandomHexColor()) 2、数组重排序 const 阅读全文
posted @ 2022-08-09 16:05 超哥20 阅读(32) 评论(0) 推荐(0)
摘要:今天看视频偶然看到讲课老是用到reduce()方法,以前好像基本没有用过,于是查阅一下文档,学习一下 定义和用法: reduce()方法可以接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值 reduce()可以作为一个高阶函数,用于函数的compose 注意:reduce 阅读全文
posted @ 2022-04-19 16:58 超哥20 阅读(175) 评论(0) 推荐(0)
摘要:好像记得以前是没办法直接这样打开的,今天突然看到,于是记录一下 官网是这样说的:当用户访问已认证服务号的 JS 接口安全域名时,可以通过“微信开放标签”打开符合条件的 APP 。 特别说明: 1、“微信开放标签”只开放给 JS 接口安全域名,使用此功能前请确保网页所属的域名已绑定为服务号的 JS 接 阅读全文
posted @ 2022-04-13 09:52 超哥20 阅读(1461) 评论(0) 推荐(0)
摘要:可以将条件保存在键值对像仲,根据条件使用 // 常规用法 switch (data) { case 1: test1(); break; case 2: test2(); break; case 3: test(); break; // And so on... } // 简写之后 var data 阅读全文
posted @ 2021-11-18 17:46 超哥20 阅读(621) 评论(0) 推荐(0)
摘要:简单的复制功能 var text = '被复制的内容'; if (navigator.clipboard) { // clipboard api 复制 navigator.clipboard.writeText(text); } else { var textarea = document.crea 阅读全文
posted @ 2021-11-17 16:13 超哥20 阅读(975) 评论(0) 推荐(0)
摘要:1、输入一个值,返回其数据类型 function type(para){ return Object.prototype.toString.call(para); } 2、数组去重 function unique1(arr){ return [...new Set(arr)]; } function 阅读全文
posted @ 2021-08-10 10:42 超哥20 阅读(138) 评论(0) 推荐(0)
摘要:html: <div class="mydiv1"></div> css: .mydiv1 { width: 100px; height: 100px; background: red; position: absolute; } js: let mydiv1 = document.querySel 阅读全文
posted @ 2021-05-29 11:22 超哥20 阅读(584) 评论(0) 推荐(0)
摘要:前段时间准备换工作,去面试,被问到有没有自己实现过图片压缩,很尴尬,确实没有。于是,刚好有时间,就自己简单记录一下 html: <input type="file" accept="image/*" @change="changeFile($event)" /> js: changeFile(e) 阅读全文
posted @ 2021-05-06 11:00 超哥20 阅读(319) 评论(0) 推荐(0)
摘要:实现图像半透明的方法挺多,无论是filter滤镜、mask遮罩、opacity透明度设置都可以实现 要用background-image背景图片实现的话,可能第一个就会想到使用::before、::after伪元素实现,例如: .box { position: relative; z-index: 阅读全文
posted @ 2020-07-10 11:30 超哥20 阅读(1044) 评论(0) 推荐(0)
摘要:在触屏设备下,要判断是单指还是多指操作,可以通过event.touches数组对象的长度判断 例如: document.addEventListener('touchstart',function(event){ var touches = event.touches; if(touches.len 阅读全文
posted @ 2020-07-10 10:56 超哥20 阅读(2757) 评论(0) 推荐(0)
摘要:1. 安装包 npm i qrcodejs2 -S 2. 项目中使用 HTML: !-- 二维码弹框 --> <!-- 我的二维码是在弹框里,使用的话只需要给一个装二维码的元素就可以 --> <el-button type="primary" @click="payOrder">生成二维码</el- 阅读全文
posted @ 2020-03-26 15:31 超哥20 阅读(2246) 评论(0) 推荐(0)
摘要:css部分 js部分 本文来源:https://www.zhangxinxu.com/wordpress/2018/05/click-page-popup-text-tips/ 阅读全文
posted @ 2019-09-19 17:13 超哥20 阅读(425) 评论(0) 推荐(0)
摘要:var x = 0, n = 0; while (x<10) { x++; n += x; } console.log(n);//55 阅读全文
posted @ 2019-09-18 14:49 超哥20 阅读(4486) 评论(0) 推荐(0)
摘要:以前不知道有扩展运算符这个东西,后来知道了,可是也基本没有用过,今天工作过程中,突然遇到有好几个参数需要调用同样的方法,一开始我是一个一个调用的,就是很愚蠢的写了几行相同的调用方法,当然写的过程中就已经有想到要用...扩展运算符来处理了,可是出于对它的不够了解,所以就没有用,写好之后,发现效果完全没 阅读全文
posted @ 2019-08-21 17:30 超哥20 阅读(128) 评论(0) 推荐(0)
摘要:利用NPOI插件导出Excel文件 阅读全文
posted @ 2018-06-29 14:30 超哥20 阅读(248) 评论(0) 推荐(0)