于于·-CSDN博客

原创前端post请求接收后台传来的二进制文件流blob实现下载功能，解决下载下来的文件打不开问题

下载文件的方法onDownload(){ download(params).then(res => { //注意：如果res是二进制流字符串而不是blob，则需要通过new Blob([res])转化成blob var downloadElement = document.createElement('a'); var href = window.URL.createObjectURL(res); //创建下载的链接

2021-03-04 17:32:19 6026 5

转载 js九九乘法表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> td{ border: 1px solid; } </style> <script type="text/javascript"> document.w

2020-11-30 15:25:57 233

原创 vscode常用的插件推荐

1.Auto Close Tag自动闭合HTML/XML标签2.Auto Rename Tag自动完成另一侧标签的同步修改3.Beautify格式化 html ,js,css4.Bracket Pair Colorizer给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色5.Debugger for Chrome映射vscode上的断点到chrome上，方便调试6.HTML SnippetsHTML5自动补全，添加了一些VSCode没有带的标签7.Clas

2020-08-24 16:36:58 597

转载 js将金额转为大写汉字

在vue中定义方法// 定义转换函数transform(tranvalue){ try{ var i=1; var dw2 = new Array("","万","亿");//大单位 var dw1 = new Array("拾","佰","仟");//小单位 var dw = new Array("零","壹","贰","叁","肆","伍","陆","柒","捌","玖");//整数部分用 //以下是小写转换成大

2020-08-24 16:26:10 866 3

原创 vue路由传参到底有几种方式

看了很多篇博客，路由传参说有几种方式的都有，看得我都晕了，都不知道到底有几种了，因为很多博客分析的角度不同，所以把我搞得有点乱，最后还是通过实践来搞清楚了，其实本身就是那么几种形式，但方式其实就两种query和params，下面分别就这两个方式来说：一、paramsparams有三种传参形式1、router-link形式传参【在路径中显示参数，刷新页面参数不丢失】//配置路由path:'/path/:id'//传递方式，在path后面跟上对应的值<router-link :to="`/

2020-08-24 11:46:00 11797 3

原创输入框input搜索或自动保存防抖

封装一个防抖方法const Debounce = (func, wait) => { let timeout; return function () { let context = this; let args = [].slice.call(arguments); if (timeout) { clearTimeout(timeout) } timeout = setTimeout(()=>{

2020-08-06 14:48:59 336

原创图标素材、图片素材、插画素材、矢量图素材、常用工具类网站

图标素材https://www.iconfont.cn/http://www.iconsweets2.com/https://iconsmind.com/http://iconka.com/en/stickers-for-imo-messenger/http://www.iconninja.com/iconhttps://www.iconfinder.com/http://www.uikit.mehttps://ui8.nethttp://iosicongallery.com/https

2020-07-20 16:16:47 791

转载数组的常用方法总结

遍历方法：map()：此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原数组forEach()：此方法是将数组中的每个元素执行传进提供的函数，没有返回值，注意和map方法区分filter()：此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回every()：此方法是将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回truesome()：此方法是将所有元素进行判断返回一个布尔值，如果存在元素满足判断条件，则返回truereduce(

2020-07-06 11:14:26 1820

转载 js常用的字符串方法总结

以下是常用的字符串方法：1、indexOf(searchString，position)：返回某个指定的子字符串在字符串中第一次出现的位置var str="Hello World";var str1=str.indexOf("o");var str2=str.indexOf("world");var str3=str.indexOf("o",str1+1);console.log(str1); //4 默认只找第一个关键字位置，从下标0开始查找console.log(str2); //-1 没

2020-07-03 10:41:14 519

原创 input输入金额，小数点后最多输入两位，只能输入一个小数点，只能输入小数点和数字

规则：1、只能输入小数点和数字2、小数点前最多输入12位，小数点后最多输入两位3、只能输入一个小数点4、当第一个字符输入小数点时自动变为 0.代码：keyupmoneyformat(){ //只能输入小数点和数字 this.inputValue=this.inputValue.replace(/[^0-9.]/g,'') this.maxlength = '15' //字符中是否有小数点 if(this.inputValue.indexOf(".") != -1){

2020-07-02 16:12:49 2120 1

原创 input金额失焦自动补零和千分位格式化

blurmoneyformat(){ if(this.inputValue == '' || this.inputValue.length == 0){ return } if(this.inputValue.indexOf(".") != -1){ let str = this.inputValue.split(".") if(str[0].length > 0){ l

2020-07-02 15:17:03 4165

原创移动端给div设置圆角并加上overflow:hidden不生效

解决方法：加上transform:rotate(0deg);或者transform: scale(1)

2020-07-02 14:49:27 641

转载使用base64格式的图片

把base64格式的图片渲染在页面上，解决方法：后来又找了相关用法，总结如下： data:,文本数据 data:text/plain,文本数据 data:text/html,HTML代码 data:text/html;base64,base64编码的HTML代码 data:text/css,CSS代码 data:text/css;base64,base64编码的CSS代码 data:text/javascript,Javascript代

2020-07-02 11:13:16 1432

转载 css-变换梯形

通过css2D变形我们可以轻松得到平行四边形，那么通过此技巧可以得到梯形吗？no！不过我们可以通过3D旋转得到类似这样的效果：transform：perspective（0.5em） rotateX（5deg）来生成一个梯形。html：<div><a>tixing</a></div> css: -webkit-tra...

2020-02-20 17:14:22 2365

原创理解JS面向对象到底什么意思

一、认识对象1、对象在JS中一般大致分为两种一种是指自己创建的对象，就是用{}这种字面量的形式定义的对象，它是一组属性的无序集合，格式为 key：value ，比如以下代码：var obj = { name : "小明", age : 24, sex : "女", hobby : ["追剧","买买买","狗狗"]}另一种是系统内置的所有引用类型...

2019-08-06 01:15:00 302

原创 JS基础知识要点总结一

以下知识点会比较分散1、HTML5新增的<script…/>元素的两个属性defer：用于指定脚本是否延迟执行。async：用于指定脚本是否异步执行。两个属性都能够让脚本异步下载，但区别在于defer下载完后不会立马执行，等文档渲染完毕后再按顺序执行；而async则是下载完后就执行，执行顺序可能不会按照文档中顺序执行。2、强制类型转换toString()：将布尔值、数值等转...

2019-08-01 11:55:38 197

于于的博客