随笔分类 - js
摘要：效果预览： 手速不够快，实际上是整体都是一个个崩出来的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="width:100%;
阅读全文
摘要：废话不说 上代码 const handleRightDownload = async () => { axios({ method: 'post', url: '/my/handleAndDownloadExcel', // 请求地址 这里写后端的地址，注意加上`/api`以确保最终的请求能被替换掉
阅读全文
摘要：*****自定义mock const resourceList = computed(() => Array.from({ length: 20 }, (_, index) => index).map((v, i) => { return { id: i, joinList: Array.from(
阅读全文
摘要：获取最近七天(含今天) const lastSevenDays = () => { const days = [] for (let i = 6; i >= 0; i--) { const day = new Date() day.setDate(day.getDate() - i) const m
阅读全文
摘要：Math.random():取0~9的随机数，需注意边界值问题 1）min ≤ r ≤ max (一般这种比较常见) function RandomNumBoth(Min,Max){ //差值 const Range = Max - Min; // 随机数 const Rand = Math.ran
阅读全文
摘要：仅供参考，不保证有效 图片 // 图片下载 export const downloadIamge = (imgsrc, name) => { //下载图片地址和图片名 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute('c
阅读全文
摘要：let mysto = 4 let timer = setInterval(() => { if (mysto > 1 &&mysto <=4) { mysto-- this.$message.warning(`请先申请算力！${mysto}s`); }else{ console.log('myst
阅读全文
摘要：// 描述参数的各种情况 //步骤1：先根据？将str分为两部分，即链接部分(path-url)和参数部分(query-url) //将参数部分根据& 将参数部分再分割成n部分 //声明一个对象然后 let urlObj = "http://item.taobao.com/item.htm?a=1&
阅读全文
摘要：核心：将string转换成number this.noticeList.forEach((item) => { // item: '这是一个78938393985739-92389的字符' //先将字符转换成数组 let strArr = item.split(""); // strArr :['这
阅读全文
摘要：昨天在工作中使用了不同的字体显示，做个笔记 概览 首先需要有不同的字体，将以otf、OTF、TTF结尾的字体文件 ,放置在项目中的静态文件中，比如vue-cli中的assets目录中，然后使用less、sass、stylus等文件导入这些文件并声明字体名,然后在项目的入口文件中导入该文件，（注意ur
阅读全文
摘要：import dayjs from 'dayjs' import { formats } from 'dayjs/locale/*' /* 获取当前事件向前的天数 @exaple 当前日期 2019-09-15 getDatePickSpan(5) => 2019-09-10 */ const ge
阅读全文
摘要：put方式更适用于传输二进制数据流。 需要将二进制文件流使用put方式发送给后台，起初使用formData方式，但是formData方式会导致上传后的文件附带一些不期望的数据： WebKitFormBoundaryr8nE5YswiCilf8qB Content-Disposition: form-
阅读全文
摘要：前端中去重已经很多了，但是工作中有时候遇到的情况是两个数组之间的对比 本文摘抄于知乎，详情见下方链接 const arr1 = [1,2,3,4,5]; const arr2 = [4,5,6,7,8]; 1.交集 ： n个数组间相同子项的集合 function union (arr1, arr2)
阅读全文
摘要：图片上传或小文件上传用不到分片与切割,通常使用post方式用formData的方式直接传给后台,然后后端再直接发送给文件服务器,但如果文件很大或者超大,则可能会导致浏览器崩溃,因为浏览器端上传文件是使用内寸 uploadFile(file){ /* 1. 文件切片 */ // file:文件对象 /
阅读全文
摘要：这两天在写大文件上传时遇到一个需求:要将文件生成SHA1(hash)发送给后台,在使用reader.onload函数时无法将数据保存到该函数外部,尝试网上的办法均无效,今天终于解决了,做个笔记 需求:给选中的file对象生成hash,标识唯一值 //生成hash的函数 // utils.js //
阅读全文
摘要：参考自https://www.jianshu.com/p/59a06a08efac 参考自 获取到文件对象后 //导入 import CryptoJS from "crypto-js"; //上传文件触发事件 uploadCrt(param) { let contractFile = param.f
阅读全文
摘要：一时想不起该取什么好，因为可以用到的地方太多了，不如将就一下~ 笔者的需求是批量挂载然后单页面中调用： Object.keys(mydemo).forEach(key => { Vue.prototype[key] = mydemo[key] }) 就到这吧~ 以上。
阅读全文
摘要：时间仓促，抱歉抱歉 super指向的是 父类的constructor, 子类中constructor的super中的属性本质指的是父类的constructor内定义的属性 子类的constructor中写入super的本质是在子类内部调用父类的constructor中的属性，该属性是由子类自由导入的
阅读全文
摘要：大概梳理下传值的几种方式 一：父子组件传值 props方式 子组件对外暴露方法并向父组件传递由于触发方法导致的值的变化，父组件接收子组件传递来的值；子组件接收父组件传递来的值，并根据传递来的值在子组件内部进行各种操作 Tips：子组件只能接受值和发射(状态)值，父组件不能操作子组件的方法和属性 仅适
阅读全文
摘要：用于对文字内部进行过滤，类比身份证号手机号等敏感信息 /* 数字脱敏处理 param str 字符串 param frontLen 字符串前面保留位数,默认3位 param endLen 字符串后面保留位数，默认4位 returns {string} */ hideCode(str, frontLe
阅读全文
