tag
Javascript 分类
2022-05-07
记录Promise.all用法
前端
场景：页面中多个耗时请求返回的数据的集合需要作为另一个业务的前置数据使用方法示例：12345678910111213141516171819202122var newNum = 0// 第一个耗时请求 返回第一个数据var firstSlo
2022-04-18
Js实现网页时钟（备用）
前端
js定时器实现一个网页时钟，直接贴代码（Vue框架环境）
1
2
3
4
5
6
7
8
<template>
  <div>
    <div class="he-sjzt">
      <div class="he-xs">{{ dateTime }}</div>
      <div class="he-nyr">{{ yearTime }}</div>
    </div>
  </div>
</template>
2022-04-18
Vue中clearInterval失效问题
前端
使用场景：在当前页面使用的定时器，离开当前页面需要销毁 以避免不必要的性能浪费
首先是setInterval和clearInterval的基本用法
1
2
3
4
5
6
7
const myTimer = setInterval(function(){ // 每 1s 调用一次
  console.log('do once...')
}, 1000)

beforeDestroy(){
  clearInterval(myTimer) // 清除定时器 myTimer
}
2022-04-11
从服务器指定路径下载文件
前端 后端

从服务器路径 / 本地指定路径下载文件

前端（普通blod下载方式）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
//点击下载
   downloadInfo() {
     this.axiosFun() //axios请求
       .then(function (response) {
         var blob = new Blob([response], { type: "application/x-xls" }); //创建一个blob对象
         var a = document.createElement("a"); //创建一个<a></a>标签
         a.href = URL.createObjectURL(blob); // response is a blob
         var patt = new RegExp('filename=([^;]+\\.[^\\.;]+);*')
         var contentDisposition = decodeURL(res.headers['content-disposition'])
         var result = patt.exec(contentDisposition)
         var fileName = result[1]
         fileName = fileName.replace(/\"/g,'')
         a.download = fileName; //文件名称
         a.style.display = "none";
         document.body.appendChild(a);
         a.click();
         a.remove();
         // this.$refs.upload.clearFiles()
       })
       .catch(function (err) {
         console.log(err);
       });
   },
上一页
2 / 3
下一页

Copyright © 2023 - 2025 NingLx