![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
海绵杨宝宝
用最通俗的话解释世界。
展开
-
项目中遇到的问题6:小数转换成百分数
原理:把小数*100,然后使用toFixed选择保留几位小数,再进行字符串拼接一个%function f(num) { if (num == 0) { return `0%`; } var str = Number(num * 100).toFixed(2); str += "%"; return str;}console.log(...原创 2019-12-27 11:30:16 · 342 阅读 · 0 评论 -
项目中遇到的问题5:单击复制文本
<span id="copy">要复制的文本</span><p onclick="clickCopy()" style="color: #66b1ff">点击复制</p><input id="copyContent" type="text" style="border:none;opacity:0;position:absolute;top...原创 2019-12-24 12:00:46 · 149 阅读 · 0 评论 -
时间转换,将2019-10-24 10:34:39转换为2019年10月24日10时34分
需求描述:后端返回的时间格式是2019-10-24 10:34:39,要求转换为2019年10月24日10时34分方法:使用字符串的replace和正则结合let time = '2019-10-25 10:39:30';function timeTransformation(time) { console.log(arguments) time = time.repl...原创 2019-12-24 11:44:20 · 584 阅读 · 0 评论 -
axios请求文件流下载
axios({ method: 'post',// 设置请求方式 url: `/modelapi/report/non-blocking`,// 设置请求地址 data: {// 参数 Id: this.activeTab, ProjectId: this.projectId }...原创 2019-12-18 11:15:51 · 2665 阅读 · 0 评论 -
项目中遇到的问题4:请求数据,并用watch监听,刷新页面会执行两遍接口
问题描述:通过项目ID向后端请求数据,数据请求成功后会向数组中push内容,通过watch监听项目ID变化后重新执行这个方法,但接口会执行两遍,数组中也会被push两次,在请求中清空了数组但依然会push两次内容,所以页面显示也会出错原代码如下:// data中定义了一个空数组studentData,请求到数据后向这个数组中push数据data() { return { ...原创 2019-12-17 16:51:59 · 3041 阅读 · 0 评论 -
项目中遇到的问题3:给数字指定长度,长度不足的时候在前面补0
问题描述:在项目中遇到产品要求自动生成序号,序号要求是四位,如果不足四位就以0补充,例如一个数字是32,则显示应该为0032以下使用num代表需要转换的数字,length代表需要保留的位数解决方法1:let num = 38;function fn(num, length) { return (num/Math.pow(10,length)).toFixed(length).subst...原创 2019-12-06 10:24:54 · 890 阅读 · 0 评论 -
项目中遇到的问题2:写好的页面右击打印预览出现空白
写好了一个页面,因为想让用户可以保存成PDF,在谷歌浏览器自己试了下,如下图,左侧和内容中间出现了空白区域:尝试了很多办法都没解决,就把中间内容的样式注释了重新检查,发现我在写页面的时候为了让内容在一行显示使用的时flex布局,后来改成了float:left;再右击打印预览内容部分的空白消失了,但是左侧的灰色区域还存在。在测试的过程中发现是因为浏览器的打印自带了边距所以出现了这个问题,在CSS...原创 2019-12-05 16:22:18 · 1038 阅读 · 0 评论 -
项目中遇到的问题1:iframe嵌套跨域内容,src变更但内容未刷新问题
**问题描述:**在A页面中通过iframe嵌套了B页面,B页面的内容是通过A页面的query里面的参数请求到的使用watch监听了route变化,当query中传入的参数变更后就需要让iframe的src和内容同步变更,但在项目过程中,iframe随着变更了,但是iframe中的内容却没有同步更新在网上查询到了下面的解决方法:方法1:document.getElementById(ifr...原创 2019-11-28 15:50:59 · 2113 阅读 · 0 评论 -
axios.CancelToken
在公司项目中看到之前代码使用了axios.CancelToken,但自己对这个并不了解,所以去查了查,下面是我的一些总结,如有错误,一经提出立即改正。axios.CancelToken官方文档:使用方法如下:需要注意的是在get请求中CancelToken作为第二个参数传入,在post请求中CancelToken作为第三个参数传入const CancelToken = axios.Cance...原创 2019-11-02 10:31:41 · 7335 阅读 · 1 评论 -
Git命令大全
初始化配置1、配置使用git仓库的人员的姓名git config --global user.name "Your Name Comes Here"2、配置使用git仓库的人员emailgit config --global user.email you@yourdomain.example.com3、配置到缓存 默认15分钟git config --global credentia...原创 2019-09-22 18:58:10 · 121 阅读 · 0 评论 -
JSONP跨域
由于浏览器有同源策略的限制,在非同源的请求下都会产生跨域请求的问题,而JSONP就是为了解决这个问题出现的一种解决方案。首先说下同源和非同源,同源策略:协议、域名、端口这三个都相同则为同源,只要其中有一个不相同则为非同源,这时候就产生了跨域的问题。举例如下:http://qianwandu.com/3000 到 https://qianwandu.com/3000 ...原创 2019-09-22 18:23:02 · 127 阅读 · 0 评论 -
Gemerator函数
Generator函数是ES6的一种特殊的函数语法,最大的特点是可以交出函数的执行权(即暂停执行)。Generator函数不同于普通函数,是可以暂停执行的,写法也与普通函数不同,需要在函数名前面加一个星号 " * " 。Generator函数其实就是一个封装好的异步任务,或者说是异步任务的容器。异步操作需要暂停的地方,都需要用yield语法著名。写法如下:let x = 100;functi...原创 2019-09-19 23:46:02 · 144 阅读 · 0 评论 -
static --- es6中类的静态方法
如果在一个方法前,加上static关键字,就表示该方法不会被实例继承,而是直接通过类来调用,这就称为“静态方法”验证如下:我们定义一个类,如下:class Father{ constructor(){ } getX = function(){ console.log(1); ...原创 2019-09-01 23:12:08 · 814 阅读 · 0 评论 -
数组的方法
在工作中很多地方都会用到数组,我们也经常会用数组来存数据,在处理数组数据的时候,JS为我们提供了很多内置的方法,下面就从数组方法的作用、是否需要参数、数组方法的返回值、是否会改变原有数组几个方面来写一下常用到的数组方法1、pop作用:删除数组的最后一项参数:不需要参数返回值:被删除的那一项原数组:被改变代码演示:let ary = [1,29,391,182,39,29];...原创 2019-09-03 00:07:16 · 245 阅读 · 0 评论 -
es6的变量解构赋值
解构的含义按照一定的模式,从数组和对象中取值,对变量进行赋值,称为解构。解构赋值时,只要等号两边不是对象,就先将其转换成对象。可以说这种方式就是等号两边的解构相同,左边的变量就会被赋予右边的对应值。代码演示:数组: let [a,b,c] = [10,20,30];console.log(a,b,c); ==> 输出结果:10,20,30对象:let {a,...原创 2019-09-04 00:28:23 · 979 阅读 · 0 评论