wcyjx-CSDN博客

原创前端请求接收字节流下载文件兼容失败情况读取错误信息写法、Vue、React、js

原因：前端因为下载字节流需要设置responseType: “blob”，如果请求失败时返回正常对象错误也会被设置为blob，无法读取正常的错误信息。解决方法：兼容请求成功时获取到 blob 和请求失败时拿到接口返回的 json 错误信息。使用 FileReader对象。

2023-03-12 15:29:23 992

原创 css 使用 grid 布局，添加grid-column-gap（列间距）之后宽度超出父元素宽度

共有四列，三个间距，间距总宽为60px, 四列每一列减去15px，保持总宽度和父级100%一致.header{ display: grid; grid-template-columns: repeat(4, calc(25% - 15px)); grid-column-gap: 20px;}

2021-12-31 10:01:26 3485 2

原创 cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。或cmd可以使用,vscode不可以使用

解决方式：1、在系统中搜索框输入 Windos PowerShell2、点击“管理员身份运行”3、输入“ set-ExecutionPolicy RemoteSigned”回车4、根据提示，输入A，回车即可使用cnpm -v查看是否解决如果执行完成后出现在cmd中可以使用cnpm,但是在vscode终端中使用仍然报错,需要在vscode终端中再执行一遍上面的set操作...

2021-08-19 11:19:34 353

原创 vue 点击或双击复制内容

<span @click="copyValue(item)">{{item}}</span>copyValue(value){ let oInput = document.createElement("input"); //创建一个input标签 oInput.setAttribute("value",value); // 设置改input的value值 document.body.appendChild(oInput); // 将input添加到body o

2021-07-09 17:14:25 764

原创 css实现标题前小竖杠

效果图<div class="clearfix"><span>标题</span></div>.clearfix { position: relative; padding-left: 13px; margin: 24px 0;}.clearfix:before { content: ""; background-color: #3796EC; width: 4px; height: 14px; position:

2021-07-06 10:46:51 4144

原创 css设置单行文字超出宽度隐藏显示三个点

overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

2021-06-17 16:13:00 374

原创 vue + Element 循环表单，循环表单中时间选择器关联禁用、非空验证写法

#vue + Element 循环表单，循环表单中时间选择器关联禁用、非空验证写法<el-dialog title="循环表单" :visible.sync="dialogVisible"> <el-form ref="form" :model="form" label-width="140px" :inline="true" <div v-for="(item,index) in form.times" :key="item.key">

2021-03-12 11:43:53 645

wcyjx的博客