一笔浓墨画佳人-优快云博客

原创 js replace替换多个字符

如果只使用replace替换的话，只会替换掉一个。

2024-04-24 11:02:47 1535

原创 js获取当前日期的前一个月、往前推几个月、当月第一天

如果我们需要的是当天往前推几个月的，可以这么实现。

2023-11-20 14:34:11 4588 1

原创 vue导出表格功能

导出表格功能一般都是后端去做，我们只需要调接口，传参就好了，话不多说，直接上代码。

2023-04-18 09:14:34 205

原创 vue报 $ is not defined“ found （未进行build打包）

main.js里面引入。

2023-02-15 14:34:54 306

原创 javaScript获取昨天日期跟今天日期

首先我们要知道获取当前日期是new Date()，获取任何日期都在这个的基础上进行操作。

2023-02-07 10:03:28 2041 1

原创 vue中日期切换，图表展示慢一步（echarts）

在切换日期结合父子组件一起用的时候我们可能会遇到初始化不展示图表的情况，如果是这种情况的话，子组件展示数据的时候就需要加定时器了，这种情况的话可能定时器写1s还是不行，我这里写的是5s，因为5s一下的我这个都不行，目前具体是什么原因还没有找到，可以结合这个看。获取数据的函数跟子组件展示数据的函数不能弄反，不然还是不行，具体什么原因，看这个。

2023-02-07 09:06:30 387

原创父子组件当中，父组件调接口传值到子组件，初始情况下图表不显示（echarts）

我初始化是只展示一部分，这时候我们给子组件里面展示数据的部分加一个定时器就好了。如果定时器写的一秒还是不行的话，就往大写几秒。

2023-02-07 08:46:39 525 1

原创 vue3 + ts定义数据类型报错 You may need an additional loader to handle the result of these loaders

这里我们就会想，“当时搭建脚手架的时候记得配置了ts，为什么还会报错”，那是因为我们的script标签上面少写一个东西，lang = "ts"，如下。2、这个时候我们用ts定义简单的数据类型的时候，编译器报红色波浪线，终端也报下边这个错，但是我们别被这里这个报错信息迷惑了。1、搭建脚手架配置ts可以看本篇文章。搭建脚手架的时候没有配置ts。配置了ts，但还是有报错。

2023-01-04 08:54:50 1963 6

原创 vue中获取的数据，相同项的值相加并且展示到 echarts折线图上

接下来就是值相加，我这里用的比较老的方法，for循环嵌套，思路：肯定是得判断日期如果相等的话，让三人的实际消费相加，计划消费相加，超出消费相加，既然要判断，那么if跟for肯定是必不可少的，数据当中有三个人在同一天日期，那么我们就需要写三个for循环，如果是两个的话，那么就写两个for。给大家看看效果，上面这个数据是我自己写的，跟效果图数据不一样，但是样式一样，因为这个效果图是昨天刚做好的，代码都是跟公司有关的，所以不方便放出来，自己就写了个格式一样的数据。2、去重，截取，获取日期的最后两位。

2022-12-15 10:09:28 720 3

原创 csdn里面的问答如何手动结题（自己提的问题）

一、第一种方法，可能有的新星同学找不到问答，到动态里面去发布问题。这样的话就可以找到问答啦，可以到里面发布一些问题，或者帮助其他人解决一些问题，让自己印象更深一些。二、第二种方法，进入csdn官网，鼠标移到自己头像，点击内容管理，点击问答。2、找到自己提的问题，将未结题的问题打开，鼠标放到三个点，就会有结题提示。1、首先进入csdn官网。

2022-12-14 13:39:16 1371 2

原创 vue中，用父子组件实现一个日期控件切换整个页面的数据（日期在父组件）

【代码】vue中，用父子组件实现一个日期控件切换整个页面的数据（日期在父组件）

2022-12-13 10:52:36 436 1

原创 echarts水球图

在项目当中我们可能会遇到这种图，这种叫水球图，但是我们如果要写的话，得安装npm install echarts-liquidfill --save。安装好之后我们就可以在项目当中使用了，以下是代码。

2022-12-12 17:14:18 1742

原创 echarts柱状图不同数据展示为不同的颜色，并且显示数值与不显示数值

normal就是用来判断我们颜色的，label是判断柱状图顶部的值显示与不显示。我的案例是vue接收后台的数据，并且对一个固定值进行判断显示。公司电脑不允许截图，只能手机拍照给大家看，见谅！这里我们可以输出params来看一下，效果如下。先看效果，如果是各位想要的，可以继续往下看。

2022-12-12 10:43:49 1148 4

原创 echarts折线图曲线，每个值上面添加小圆点或者小圆圈

在折线图中，我们可能会在每个数值上面加小圆点或者小圆圈，只需要在series中加symbol即可，以下是两种效果，当symbol值为none的时候，则没有小圆点或者小圆圈，当值为false或者‘ ’时，形状为小圆点，不写symbol属性的时候，形状为小圆圈，值为none的时候，没有小圆圈或者小圆点。我们还可能会设置折线图为曲线，只需要在series里面添加smooth即可，值为0-1，值越大，曲线程度越大。

2022-12-12 10:13:49 7547

原创 vue当中使用echarts占不满div

当我们在用vue写echarts的时候，有时候会发现，有的echarts占满div，有的占不满。这是因为你可能没有写grid属性，把这个加上就好了，根据自己的实际情况来设置上下左右间距。

2022-12-09 15:39:02 1612 2

原创 vue中echarts设置y轴最大最小值（折线图数值相差较少，展示直线）

我们将获取到的data中需要的值push到一个数组里面，然后取最大最小值。我这里用的是sort排序，因为其他取值方法在我这个项目当中会有bug。取到最大最小值之后，把他们放到yAxis当中用max跟min来表示，这里的话我最大值+10，最小值-10，这样看着更加直观一点。我们在项目当中都是调用接口来获取数据，有的时候数据的值很有可能相差非常小，这时候他就会显示的跟一条直线一样，像这张图一样。这个时候的话测试可能会要求我们去修改一下，不这样展示，我们就可以来设置y轴的最大最小值。

2022-12-09 15:29:38 3339 1

转载最新Web前端面试题精选大全及答案

目录。

2022-10-18 16:37:13 1021 6

原创 vue3 + ts

搭建脚手架：1.vue.create +文件名2.会让你选择，上面的是自己之前选择好的，你也可以搭建的时候直接选择就可以3.按空格可以选中取消，我一般选择的是这几个4.选择v.35.接下来就是自己决定的Yes or No，这样vue3+ts就创建成功了，其实这两个结合起来用，无非就是在vue3中用ts的格式定义6.vue3+ts的好处就是有很多文件不需要自己去手写，比如router，store这些......

2022-03-22 10:19:15 6741 1