懒羊羊懒大王-CSDN博客

原创使用ajax进行文件下载

使用ajax下载文件* 定义响应类型为 blob* 拿到响应体后，将其转换为blob对象，通过URL.createObjectURL来创建一个url* 通过a标签的download属性来实现文件下载。const blob = new Blob([result], { type: 'application/octet-stream' });const a = document.createElement('a');a.href = URL.createObjectURL(blob);

2024-03-28 17:49:22 516 1

原创使用element的upload组件自定义上传http-request

使用element的upload组件自定义上传方法，使用:http-request* 由于action为必选参数，将其设为空* :http-request覆盖上传方法* 使用:http-request后，:on-success等组件自带方法都会失效，需要在接口.then或.catch中写上传成功或失败的逻辑

2024-03-28 17:31:41 228 1

原创使用ajax上传文件

使用ajax上传文件，入参需要附带的额外参数* 创建一个formData对象实例，将需要的参数append进去* processData: false, contentType: false,这两个属性是必加的，ajax会对数据及contentType做修改，阻止修改。var formData = new FormData();formData.append('file', file)

2024-03-28 17:16:20 287 1

原创使用pnpm命令时提示无法加载文件 C:\Program Files\nodejs\pnpm.ps1，因为在此系统上禁止运行脚本。

使用pnpm命令时终端提示：无法加载文件pnpm : 无法加载文件 C:\Program Files\nodejs\pnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置行:1 字符: 1。解决方法步骤：1.文件夹中启动powershell。2.输入 get-ExecutionPolicy查询。3.输入set-ExecutionPol

2024-03-05 15:25:01 621

原创 vscode生成vue2+vue3自定义模板方法

vscode配置vue模板方式：1. 设置——用户代码片段2. 创建代码片段文件——输入文件名3. vue3模板代码4. vue2模板代码5. 效果如图，输入文件名回车即可快捷使用自定义模板

2023-12-13 16:42:29 744

原创 nrm——node镜像源管理工具的安装与使用

nrm管理node.js镜像源。使用nrm管理node.js镜像源，可以更高效地切换不同的镜像源。1. 安装nrm，npm install -g nrm。2. 配置镜像源，查看当前可用的所有镜像源列表：nrm ls；切换使用的镜像源：nrm use 镜像源名称。3. nrm常用命令：nrm add 镜像源名称镜像源地址；nrm del 镜像源名称；nrm use 镜像源名称；nrm current；nrm test 镜像源名称。4. 安装依赖时仍使用npm install 进行安装.

2023-11-07 14:31:54 483

原创 Windows系统安装使用nvm

在日常工作中，可能会遇到很多项目的node版本不同导致无法运行，我们需要一个可以随时切换node版本的工具——nvm。安装步骤：1. 卸载原有的node.js。2. 下载安装nvm，下载安装位置建议为默认。3. 修改nvm的源。4. nvm命令。5. 可能遇到的问题：使用nvm use切换node版本时报如下错误，可能是由于未使用管理员身份运行。解决方法：将命令提示符使用管理员身份运行即可解决。安装某一版本后，使用npm命令提示npm不是内部命令，但node版本显示正常，可能是安装node时缺失文件。

2023-11-07 11:33:20 120

原创项目中使用了vue3+ts总结经验

项目中需要用到vue3+ts，在使用中学习了解到一些用法和写法，总结下来。常用写法：1. ts语句写在script中，添加setup属性，并添加lang属性赋值为ts。2. 定义变量。3. 生命周期函数、监听写法。4. 父子组件传值用法。5. 取值为空用法表示。6. 修改路由。7. 动态获取图片地址等

2023-11-07 10:51:12 71

原创电脑蓝屏重启后Git突然报错：“git status”失败，错误代码128: fatal:bad config line 1 in the file xxxxxx.gitconfig

电脑蓝屏重启后Git突然报错：“git status”失败，错误代码128: fatal:bad config line 1 in the file xxxxxx.gitconfig，蓝屏时Git配置文件内容损坏或丢失。解决方法：1. 将报错目录下的.gitconfig文件删除，2. 在项目中Git Bash Here中配置Git的用户名及邮箱。配置用户名：git config --global user.name "用户名";配置邮箱：git config --global user.email "邮箱"

2023-08-23 12:00:09 1202 3

原创 vue2 使用【Vuex】时可能遇到的版本问题

vue2使用vuex时可能遇到的版本问题，版本过高会导致报错：Uncaught TypeError: Object(...) is not a function。解决方法：降低版本为vuex3版本

2023-06-07 12:01:17 206 1

原创【可视化开发】echarts点击事件

echarts提供了点击事件方法，首先需要确定点击的范围，以横向柱状图为例，若不设置属性，添加点击事件后默认为柱型。1. 设置可点击属性，需添加以下配置：silent: false,triggerEvent: true,axisLabel: {clickable:true,//可点击}。2. 在init函数中添加点击事件this.students.on('click', function (params) {}

2023-01-17 10:16:47 1670

原创【可视化开发】横向柱状图带排名——配置项及修改样式

在可视化开发中通常会遇到带排名的柱状图，要求前三条数据分别显示不同颜色，其余数据显示同一颜色一、配置柱状图颜色1. 定义柱状图渐变颜色数组2. 定义放置数据及样式的数组3. 循环数据数组4. 将循环的数据与添加的样式push到空数组中5. 设置数据二、配置y轴label文字颜色、配置柱状图末尾label文字颜色样式1. 定义颜色列表2. yAxis[0]配置y轴坐标文字及样式3. yAxis[1]配置柱状图后具体数值文字及样式

2023-01-16 15:21:30 1054

原创【swiper轮播图】中加入js时间倒计时——第一张时分秒显示异常解决方法

在swiper轮播图中加入js时间倒计时后，轮播一轮后第一个side时间显示异常。产生原因：swiper自动添加一个dom元素（与最后一个side完全相同）至第一个side前、自动添加一个dom元素（与第一个side完全相同）至最后一个side后。目的是实现无缝轮播，但导致了添加dom元素后新位置第一个与最后一个side无法获取到倒计时信息，因此会出现显示异常问题。解决方法：在swiperOptions中加入如下代码。this指向轮播图本身，无需在data中定义slideToLoop及realIndex

2023-01-16 11:00:45 385

原创 vue2使用swiper制作轮播图修改轮播图样式

修改swiper轮播图基础样式：前进后退按钮或分页器样式。安装与使用swiper vue2项目，只能使用swiper版本6及6以下，最稳定的版本5.4.5。swiperOptions配置项，设置轮播图样式，分页样式只需设置当前处于点击状态时样式，swiper会默认给处于非当前状态时的分页器样式不透明度opacity:0.2

2023-01-13 16:31:02 1328

原创【可视化开发】echarts配置项——修改tooltip默认样式

在可视化开发中我们通常会遇到修改tooltip样式问题，下面分享给大家代码片段和最终呈现效果。trigger 触发类型 axisPointer 坐标轴指示器配置项 borderColor：自定义边框颜色 borderWidth：自定义边框宽度 backgroundColor：自定义背景 confine是否将tooltip框限制在图表的区域内，默认为false extraCssText：额外附加到浮层的css样式 formatter：格式化悬浮框文字格式 triggerOn:：触发时机 textStyle：设

2022-12-30 15:40:47 4308

jiurikeai的博客