自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(96)
  • 收藏
  • 关注

原创 前端模拟实现postman的send-and-download进行文件下载

今天在合后端做需求的时候,后端返文件流的形式前端解析并下载后端接口返回文件流,使用postman的send and download可以直接将文件下载主要参考第二种1.刚开始的时候是这种下载后端返URL前端直接进行下载,创建a标签并下载exportArcelAttachment({..._this.args.search}).then(function (res){ let ulrs = res.data //这块返的直接是个URL链接 let link = doc

2021-08-26 18:38:23 5761

原创 echarts 柱状图隐藏x、y轴坐标轴、刻度线、隐藏x、y轴坐标轴的数值

echarts 柱状图隐藏x、y轴的内容,隐藏x,y轴坐标轴、刻度线、隐藏x、y轴坐标轴的数值1.隐藏x轴坐标轴,在xAxis下使用axisLine属性为false,相反显示则是trueaxisLine:{ //x轴坐标轴,false为隐藏,true为显示 "show":false},2.隐藏x轴坐标轴的数值,在xAxis下使用axisLabel属性为false,相反显示则是trueaxisLabel:{ show: true }, //显示x轴的数值3.隐藏x轴坐标轴刻度线,

2021-03-15 14:18:11 19684 1

原创 echarts折线图显示每个折点的数值

解决办法在series里添加进去series.itemStyle.normal.label的值为trueitemStyle:{ normal:{ label:{ show:true //在每个上面显示当前值 } }}

2020-07-08 17:03:27 3869

原创 js 找出最后一次字符串中指定或者某个字符后面出来的内容

JS 获取最后一个 指定字符 后面的值示例let str = 'http://xxxxx:8012/logistics-web/rules/custom-rules'1.找出’'后面出来的值当然你也可以按的指定字符来截取2.找出最后一次’'后面出来的值当然你也可以按的指定字符来截取方法会把字符串分割成数组,传入’/'则会把字符串以‘/’为分割点拆分成数组。方法会返回数组的最后一个元素。3.找出倒数第二次’'后面出来的值

2023-01-18 09:53:40 385

原创 vue文件上传

实现功能如下图根据上传文件类型显示对应文件类型,图片直接显示,当然图片特可以做对应类型显示出来该功能是基于iview-ui 的Upload 上传

2023-01-11 10:40:26 360

原创 npm中dependencies与devDependencies的区别

说白了就是当初学的时候太菜,没注意到它们的区别,也没去查明白。哈哈哈devDependencies用于本地环境开发的时候。dependencies用于发布环境(个人理解为:用于运行环境的时候)devDependencies是只会在开发环境下依赖的模块,生产环境不会被打入包内。通过或指定开发还是生产环境。而dependencies依赖的包不仅开发环境能使用,生产环境也能使用。devDependencies 是用了驼峰命名法。项目运行时要用就选择dependencies依赖,–save。

2022-12-26 11:04:12 603

原创 js 比较当前日期是否在某个是个范围之内(时间段内)

需求描述:判断当前日期或者指定日期是不是在某个时间段内1)有两种方法,一种是vue,另一种是node中当前日期是否在一个日期时间段内isBetweenisBetween:检查一个 moment 是否在其他两个 moment 之间,可选择检查指定的时间刻度(分钟,小时,日期等)

2022-12-20 10:24:57 313

原创 vxe table 虚拟滚动 表格每一行的高度不一致 出现空白

今天在做表格数据时,发现滚动表格会出现空白区域,虚拟滚动表格每一行的高度不一致, 导致表格滚动时出现空白区域vxe grid然后在查阅资料时发现有设置:row-config="{height: 70}"这种 ,试过发现不行

2022-12-09 18:05:03 201

原创 js 多个数组拼接的几种方法

数组拼接的几种方法1.使用concat组装拼接数据concat 拼接数组有好几种方式,看你喜欢用哪种第一种,连接两个或多个数组,推荐使用这种

2022-12-08 10:10:24 156

原创 js 清除已运行的定时器clearTimeout() 和clearInterval()

清除已运行的定时器clearTimeout() 和clearInterval()在做demo时很容易不给定时器设置一个变量存储,而是直接用定时器了,如果数据量大的话就会在控制台一直输出,这时候你应该静下心来把定时器清除就是了假设我们有100,000条消息,根据视频播放的进度展示对应的消息,不展示历史消息。

2022-11-22 10:35:22 811

原创 css 动画实现节流效果

今天在做节流操作时,无意间看到可以用css动画去实现节流效果,然后一顿操作发现果然可以,记录一下CSS pointer-events 属性

2022-11-18 18:10:49 634

原创 vxe-table中<vxe-grid>组件中表格数据排序问题sort-change

问题描述,首先使用vxe-grid虚拟列表为了同时渲染大批量数据的,但是从iview ui里的table和element ui 里table都是只能渲染少量数据,达不到大批量数据渲染,所以改用vxe-grid。但是有个排序的问题在iview ui和element ui 里table都不会存在排序混乱的问题,而vxe-grid里的排序会有问题,最终在不懈努力下解决了

2022-11-09 11:33:41 398

原创 iview table 排序的坑

iview table 排序的坑。首先在排序的时候需要远程排序,也就是后端排序,前端传字段就行了,但是我前端传完对应参数之后,发现请求回来的数据是正常的,但是页面显示不正常,结果一看出问题了

2022-11-08 15:30:44 120

原创 关于VueX的理解

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化

2022-11-03 09:50:47 24

原创 git修改提交信息commit

问题出现,我们在开发版本任务的时候有新增需求,里面分重构原有需求`refactor`,新增需求`feat`,修复bug`fix`,性能优化`perf`等等。这有利于团队代码评审 code Review然而,我有次提交信息之后忘记写属于什么类型的需求了,得要改不能撤销,只能就行git操作第一步使用`git log`查看近几次的提交日志记录,没有的话就继续回车往下找

2022-11-02 15:18:46 523

原创 vue中给render函数子组件设置ref

这个问题是我用iview ui 中table嵌套表格出现的,想设置ref调用组件中的方法table我们按照平时的写法,ref是不会生效的,因为render函数是根据传入的标签渲染的,而ref是渲染之后才创建的,所以正常写hrender函数中使用ref是无效的下面这样写是无效的,是我刚开始的写法,有效的方法继续往下看

2022-10-20 10:43:06 336

原创 echarts折线图、柱状图中显示X,Y轴的自定义内容

echarts折线图、柱状图中显示X,Y轴的自定义内容,如添加百分比等情况

2022-09-23 12:00:52 1078

原创 Vue iview form表单验证失效

当Form表单添加rules格式校验时,我们一般会采取默认iview form表单校验,这导致一些数字类型(number)的数据验证失效

2022-09-20 09:38:46 869

原创 git reset 版本回退或撤销上一次pull操作

在拉取分支准备合并的时候,发现分支拉错了,不想提交,这时候你应该回退一下你所拉取的分支比如我现在已经执行完git pull 了,但是想回头git pull之前的内容

2022-09-15 10:49:47 945

原创 js或jquery判断字段为空不显示图片img

判断图片是否有值去显示图片或不显示注意:图片img 的属性alt一定不能有值,不然你写值就是src属性没值也会显示alt里的内容用三元表达式直接判断是否为空就行了

2022-09-05 10:04:59 238

原创 js 两数相减得到精确的减法结果 减法函数

在计算运费的时候两数相减会有误差,这在js中是常见的,为解决以下问题可以写的函数方便解决问题;调用:accSub(arg1,arg2)

2022-09-01 11:37:17 598

原创 iview page 关于改变page组件的条数不变问题

关于改变page组件的条数1. 问题由来A页面有两个表格,分别是A1,A2,但是它们的page是分开的,这时候绑定page的30条/页 2.但你又在A1页面切换到100条或者其它多少条的时候,在去A2页面,A2页面的page-size显示就不对了...

2022-07-25 18:14:49 166

原创 vue报错Cannot use [chunkhash] or [contenthash] for chunk in ‘js/[name].[chunkhash:8].js‘ (use [hash] i

事情是这么回事,我拉取最新代码启动的时候放弃之前改的代码了,导致当前环境不一样,就报错了

2022-07-22 15:46:13 971

原创 根据数字显示中文汉字

根据数字显示中文汉字

2022-07-01 17:03:30 86

原创 echarts 点击事件(点击阴影)直接跳转页面

echarts 点击事件(点击阴影)直接跳转页面,当echarts柱子太小时点击柱子不方便,为了用户方便直接点击当前阴影位置直接跳转当前页面

2022-06-27 16:29:09 1421 2

原创 vue调用打印功能(print)

调用打印功能打印文件

2022-06-22 17:38:50 2457

原创 js数组对象转对象

js数组对象转对象

2022-06-17 14:18:54 2680

原创 解决vue中使用v-html解析后table表格的线不见了

vue中使用 v-html 解析富文本1.在编辑器中输入什么就显示什么2.使用v-html解析后有问题可以看看☞☞ 官网地址需要注意的是:从编辑器中获取的 html 代码是不包含任何样式的纯 html,如果显示的时候需要对其中的<table><code><blockquote>等标签进行自定义样式(这样既可实现多皮肤功能)使用v-html去解析富文本内容<div class="el-form-item"> <labelclas

2022-05-26 17:58:10 1262

原创 vue缓存keep-alive不生效

今天在做keep-alive缓存时发现有的页面不生效,解决之后留个文章纪念下切换标签不生效<keep-alive :include="cacheList" > <router-view ></router-view></keep-alive>computed: { tagNavList () { let tagNavList = this.$store.state.app.tagNavList

2022-05-20 10:17:02 1650

原创 git更改分支名

git更改分支名称及远程分支名

2022-05-18 17:08:53 149

原创 git 删除远程仓库本地分支和删除远程分支,保留本地分支或者删除本地

本地分支操作1. 创建本地分支创建并切换,推荐git checkout -b branch-A先创建后切换 不推荐创建git branch mybranch-A切换git checkout mybranch-A2. 删除本地分支这边操作直接删除你本地的分支,一定要谨慎操作,确定不想要 git push origin --delete ETMS-970git branch -D branch-A...

2022-05-14 10:16:50 920

原创 git 合并 误删分支后恢复

今天测试把任务需求放到从测试–>验收中了,(验收中的都是确定要上线了的),结果他操作失误拉过去了,我就把本地的分支给删除了查找历史提交的commitgit reflog show --date=iso上面命令会显示出所有的提交记录,如果需要退出:q找到你需要恢复的对应的 commit。记住对应的 commitId (前面的绿色部分)。git reflog用来记录你的每一次命令,–date=iso 表示以标准时间显示。不能使用git log , git log 在分支删除后,log 也

2022-04-27 15:44:55 531

原创 解决Irregular whitespace not allowed带来的错误

在vue中使用eslint带来的错误Irregular whitespace not allowed这个东西的出现导致我无法提交代码,然后为了解决这个问题,想了很多最后决定用组件的插槽slot去解决它<Steps :current="1" direction="vertical"> <div v-for="(item, index) in lookPaymentOrderLogs" :key="index"> <Step v-if="i

2022-04-22 10:05:51 1634

原创 iview table表格实现单击行选中

需求:保留点击复选勾选导出的情况下,新增点击当前行选中勾选如图所示html<Table border stripe highlight-row ref="table" @on-row-click="selectRow" :columns="tableColumns" :data="tableData" @on-selection-change="selectTable"></Table>表格中添加on-row-click事件.并触发rowClick函数meth

2022-03-31 17:11:54 941

原创 解决echarts柱状图点击柱子闪屏、闪动问题

即上一篇文章之后 ,我的图表点击一直闪的问题就出现了 echarts点击图表闪屏问题 出现这个是我点击柱状图是没有清理事件引发的// 1、清除画布myChart.clear()// 2、在渲染点击事件之前先清除点击事件,这个是点击柱子事件myChart.off('click')// 3、在渲染点击事件之前先清除点击事件,这个是点击柱子阴影事件myChart.getZr().o

2022-03-08 09:54:50 1895

原创 echarts中legend图例的要显示与隐藏的个数

项目需求,产品经理说页面显示的内容太多了,要只显示legend中的一个内容,其它可以通过点击去显示,如图局部代码option = { title: { left: 'center', text: data.title == '平台汇总' ? '平台汇总' : '物流方式汇总' }, tooltip: { trigger: 'axis', axisPointer: {

2022-03-08 09:29:50 1745

原创 postman文件导入

如果需要Cookie、Authorization可在header里填写1.输入url:http://xxx.xxx.xxx.xxx:8080/uploadfile2.选择post方式3.选择body4.选择form-data,将text改为file就可以了5.输入key:file ,value:选择文件6.send即可

2022-03-07 15:04:44 2576

原创 vue中解决重复点击侧边栏相同路由模块报错问题

在控制台中经常出现报错问题,强迫症的我查资源去解决问题所在Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/abnormalAdmin/question-management".报错原因是你在点击相同路由的原因,说你应该避免冗余导航到当前位置解决办法插入当前代码const originalPush = Router.prototype.pushRout

2022-03-04 10:09:17 553

原创 vue中使用文件流Blob导出表格、及解决乱码问题

今天在看之前的博客文章时,少了一篇数据流导出表格的博客,写一篇文章,记录一下1.首页在导出时一定要记得加请求头// 批量导出export const batchExport = (args = {}) => { return axios.request({ url: '/logistics-engine/firstBatOrder/export', method: 'post', responseType : 'blob', // 重要 data: {

2022-02-28 17:59:02 1045

原创 echarts 点击事件(点击柱子和阴影)重复触发的问题

这个问题折磨了差不多一天,在点击柱状图进行跳转时,它会重复触发两次,导致我echarts图表嵌套有问题,最后在努力查阅资料时解决了!echarts事件地址下面方法1、2是点击柱子事件方法下面方法3是点击阴影事件方法1.局部有问题的代码var chartDom = document.getElementById(id)if (!chartDom) returnvar myChart = echarts.init(chartDom)var option = ....let that = t

2022-02-23 17:38:54 675

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除