分类
angular 小技巧

base64 转为blob 触发下载

/**
   * base64转为blob然后触发下载
   */
  base64toBlob(base64: string, filename: string, contentType = 'application/msword') {
    const url = `data:${contentType};base64,${base64}`;
    // console.log(url);
    fetch(url).then(res => res.blob())
      .then(blob => {
        const aTag = document.createElement('a');
        aTag.download = filename;
        aTag.href = URL.createObjectURL(blob);
        aTag.click();
        // 调用此方法,让浏览器知道不再保留对文件的引用。
        URL.revokeObjectURL(aTag.href);
      });
  }
分类
git 前端开发环境 小技巧

git 合并的时候报错

fatal: refusing to merge unrelated histories

有时候会新项目合并的时候会报这个错误,原因其实很简单,就是代码可能是直接从老项目整个拖过来的,导致了

git认为是写错了 origin ,如果开发者确定是这个 origin 就可以使用 --allow-unrelated-histories 告诉 git 自己确定

git pull –allow-unrelated-histories 就可以

分类
前端开发环境 小技巧

canvas 中的使用小技巧

长期更新

canvas画布的大小不是由样式决定的,请不要使用样式来确定画布大小,正确的确定画布的大小是 这样的

<!-- 样式改的是缩放大小,要这样写 -->
  <canvas #canvas1 width="1024" height="682"></canvas>

想了解更多可以看这篇
https://blog.csdn.net/cherrybomb1111/article/details/68951407

分类
angular 小技巧

搜索输入框 延迟搜索

延迟搜索,当input输入框值变化时,延迟1秒发送请求,若期间再次输入,则清空定时器

let btnsleep;
OnSearch(e) {
    clearTimeout(this.btnsleep);

    this.btnsleep = setTimeout(() => {
      this.inspectionService.getDocNoList(e).then(
        (data: any) => {
          this.DocNoList = data;
        });
    }, 1000);
  }