需要在JS代码中打开新的页面,且需要在浏览器的新标签页面中打开 一般使用一下代码打开新页面 window.location.href='https://www.baidu.com'; window.open('https://www.baidu.com'); 不过并不是在新标签页中打开的,可以这样做: window.open('https://www.baidu.com', '_blank'); 另一种方式: function openInNewTab(url) { Object.assign(document.c…

2022-09-11 0条评论 38点热度 0人点赞 admin 阅读全文

我们开发普通的下载链接,只主要写一个标签,不过有一些需求是要针对这个下载链接做权限校验,而权限校验需要在请求这个链接的时候,在Header里加上token之类的。 使用axios来调用get请求,并发送自定义的Header,然后把请求到的数据组成下载内容,示例代码如下: download() { axios.get('http://192.168.1.1:8081/api/export_pdf', { headers: { 'Content-Disposition': "attachment; filename=d…

2022-09-07 0条评论 64点热度 0人点赞 admin 阅读全文

平时调用axios来请求ajaxAPI,很多时候是一个一个请求;不过还有一些时候,需要一次请求多个API,然后等待这几个接口都返回后,再一起处理。 这里用get方法举例(post也是类似的),使用的是方法: const request1 = axios.get('/api/user/request1'); // 如果是post请求,也是同样的 const request2 = axios.get('/api/user/request2'); // const request3 = ... // 再多的API,只要数…

2022-08-09 0条评论 122点热度 0人点赞 admin 阅读全文

如题的需求:使用input 标签type=file来选择图片文件并显示在div/image标签中的实现。不过文件选择组件不能自定义我要的按钮,我使用了样式给input隐藏起来,然后自己再使用div画了一个按钮(选择照片) html代码如下: <div style="width:96px;height: 128px;border: #A2A2A2 1px solid;text-align: center;background: #FAFAFA;"> <img :src="portraitData" …

2022-07-19 0条评论 50点热度 0人点赞 admin 阅读全文

页面内点后某个元素,需要跳转到某个锚点,如果传统的HTML了的做法: 即添加一个a标签,href以#开头,然后在需要跳转的地方添加一个element,id设置为a标签href属性相同的值,就可以了 <a href="#miao">去某个锚点</a> <h3 id="miao">需要跳转到的锚点</h3> 如果某些时候不方便设置a标签,用代码也可以实现,那就是: // 跳转到ID是某个值的锚点位置 document.getElementById('someId').sc…

2022-06-21 0条评论 84点热度 0人点赞 admin 阅读全文

现在大部分应用都不支持IE浏览器了,微软自己也已经放弃IE转而使用Edge浏览器了,为了避免任然有一些用户使用IE浏览器,产生不必要的错误,需要在用户打开网页的时候,检测是否是IE浏览器,进行进行弹窗或者顶部提示等方式提醒用户切换浏览器。 检测浏览器一般是用userAgent里检测是否有相关的关键词,例如:window.navigator.userAgent.indexOf("MSIE")>=1,但是据说这种方式在IE11下已经不行了 这里记录下我测试下来能用,且可以判断所有IE浏览器的代码: // 判断是否…

2022-06-11 0条评论 138点热度 0人点赞 admin 阅读全文

在用Javascript调出浏览器打印页面(window.print()函数)或者其他打印工具类库(例如Print.js PrintArea, 对打印页面的一些有用和便捷封装,总体都是最后调用的window.print()) 在这些使用中,发现一个问题,网页区域有背景颜色的时候,打印的时候并不出现背景颜色,例如: <div stlyle="background:red;">测试</div> 经过一番调查,找到解决方案,在此记录下。 只要给需要打印的元素CSS加如下两个属性便可: #print…

2022-05-19 0条评论 112点热度 0人点赞 admin 阅读全文

利用Javascript需要检测给定的变量是否是二维数组。 思路是这样:可以取出给定变量的下标0的位置,来检测是否是数组即可(利用constructor === Array来判断)。 代码如下: // 判断给定arr是否是二维数组 is2dArray(arr) { if(!arr||arr.length ===0){ return false; } // console.log(arr) return arr[0]?arr[0].constructor === Array: false; }  

2022-05-13 0条评论 71点热度 0人点赞 admin 阅读全文

需要计算2个日期相差的天数(或者星期数等),用于计算某个日期的截止天数等使用场景。 时间日期处理,有一个非常好用的库:moment.js有兴趣的可以查看下文档,这里仅介绍使用它来获取两个日期相差的天数。 计算某个日期距离当天相差的天数和星期数 var end = moment('2022-05-02', "YYYY-MM-DD"); var currentDay = moment().startOf('day');//当天日期,去掉时间 // 计算end日期,距离当天相差的天数 itm.days = moment.…

2022-05-01 0条评论 242点热度 0人点赞 admin 阅读全文

例如在做一些图片处理的时候,img标签需要加载src为data base64的图片格式,有时候也需要把url(例如https://www.example.com/test.jpg)转成base64的data。 类似这样子的格式:<img src="data:image/jpg;base64,abc123..." /> 工具方法和使用示例如下: // 把imageUrl转成base64的Data function imageUrlToBase64Data(url, callback) { var xhr …

2022-04-08 0条评论 344点热度 0人点赞 admin 阅读全文
123456