Igiveufireworks-CSDN博客

当鼠标移入DIV内部的Img或其它元素上时，内部元素的mouseover事件被触发。但是再次将鼠标移动到DIV内部的另一个内部元素时，却会发现首先被触发的是DIV的mouseout事件，紧接着才是当前这个元素的mouseover事件。当鼠标触发外层的mouseout事件时，开始计时Settimeout,一段时间后再去执行mouseout需要执行的函数；当鼠标mouseover到了内部元素上时，这时候会触发它本身以及外层的mouseover事件，这时需先清除鼠标移出事件的函数。

2023-02-21 11:15:26 1365

原创 echarts tooltip悬浮框自动轮播鼠标放上则暂停

在本项目中, echarts是引入的一个子组件，在父组件中配置好chartOptions和automove后传给子组件。判断传入的automove为true时，则进行轮播。

2023-02-21 10:44:06 849

原创 vue 实现自动循环滚动条| 基于vue-seamless-scroll

注意：最外层容器需要手动设置width、height、overflow:hidden。安装vue-seamless-scroll。在main.js中引入组件。

2023-02-20 17:28:38 1437

原创 js 前补零方法

如果需要5位有前置0的数，直接在当前数字前补5个0，再用slice方法取最后5位。

2023-02-20 17:07:57 478

原创 Element UI DatePicker 日期选择器

该组件选择周的时候，默认显示‘xxxx年第x周’，但在需求要显示为‘xxxx年x月第x周（mm.dd - mm.dd)’或者‘本周（mm.dd - mm.dd)’，最终效果为。subtract(1, 'day') 方法：返回减去一定时间的复制的 Day.js 对象。减去1天，控件展示为周一的日期。add(6, 'day')方法：返回增加一定时间的复制的 Day.js 对象。加上6天，控件展示为周日的日期。设置显示为‘xxxx年x月第x周（mm.dd - mm.dd)’和format有关，

2023-02-16 09:18:00 2579 1

原创 js | 计算某天周一和周日的日期| 获取某年某月的最后一天| 计算某日是第几周| 获取某月的上个月 | 时间日期转换为‘yyyy-mm-dd‘格式

时间日期Date格式转换为'yyyy-mm-dd'格式。时间戳返回 yyyy-MM-dd 格式字符串。获取某年某月的最后一天。

2023-02-15 17:02:45 215

原创 Element ui | popover弹出框改变背景色和小三角形颜色

Element ui | popover弹出框改变背景色和小三角形颜色。

2023-01-30 10:36:57 6445 3

原创 echarts pie饼图/圆环渐变，宽度不一

图中细的部分为线性渐变，粗的部分为环形渐变。roseType: 'radius',即可实现一粗一细效果。

2023-01-29 17:31:50 2230

原创 echarts pie饼图底部有横线

在项目中配置echarts option时出现这个问题，之前写饼图的时候从未出现，觉奇怪，查询后发现这是x轴。

2023-01-29 17:18:45 692

原创 vue | Echarts图表隐藏后变形宽高问题的解决方案

在数据更新方法前执行resize()方法，即解决宽高变成100px的问题，并且不会丢失动画效果。但是发现，图表隐藏后再显示，虽然宽高是正确的，但是echarts动画效果消失。其原因是Echarts在初始化实例的时候，对应dom元素的宽高还没有确定。监听对应dom元素，如果大小发生变化，调用。

2023-01-18 11:51:45 1640

原创 git 如何删除/忽略已提交的文件

假如我们需要将dist文件夹忽略提交，但是前一次已经提交上去了，之前没将 dist目录添加到 .gitignore 文件中，这个时候我们就需要使用命令删除暂存区中的 dist文件夹。git commit -m "删除不需要的文件"

2023-01-04 17:30:48 1163

原创为什么created里面调用了初始化函数，echarts没有显示，在mounted里面调用才显示？

因为在created阶段，挂载未开始，无法获取dom元素。而在mounted阶段数据和DOM都已被渲染出来，所以可以渲染echarts。

2022-12-23 16:54:15 503

原创 vue $refs 父组件向子组件传值

在Vue中，父组件可以通过 $refs来管理通过ref注册过的所有子组件，即 $refs对象下可以包含很多 $ref对象。

2022-12-09 11:26:25 3984

原创 vite打包配置｜资源分类打包

把vite打包以后的js,css和img资源分别分门别类在js/css/img文件夹中

2022-10-19 14:32:32 6631

原创页面出现横向滚动条的原因

设置页面body宽度和背景图div宽度的时候使用百分比%设置页面宽度，用vh和vw设置背景图宽度，本来应该都是占满整个屏幕，但是发现页面出现了横向滚动条。100vw比页面正好多出来一个滚动条的宽度。vw计算的是整个视口的宽度，包括滚动条。百分比计算宽度的后会不包括滚动条。

2022-10-17 08:53:50 1364

原创 echarts提示框tooltip背景色设置为透明

设置为透明后发现仍有透明边距，于是将padding设置为0即可。

2022-09-29 10:17:21 3695

原创 Element Plus中select选择器样式修改问题

注意：使用deep的情况下修改hover样式要使用。但是鼠标悬浮和点击选择后仍然有边框。

2022-09-26 11:41:04 3659 4

原创 echarts 饼图pie齿轮绘制

通过设置颜色为透明制作齿轮效果。可以根据循环的次数和value的大小调节齿轮样式。

2022-09-23 18:05:02 534 1

原创 echarts 图例legend添加渐变色背景 | canvas矩形圆角

echarts的API只支持配置全局的背景色，不能直接在legend中设置backgroundColor。需求：给echarts的每一项图例添加背景色。

2022-09-23 17:46:33 3863 2

原创 vue+echarts点击事件防抖、节流

vue+echarts点击事件防抖、节流

2022-09-19 17:15:44 1185

原创 Vue中v-show/v-if切换后echarts宽高问题和不显示问题

在项目中发现，tab切换页面使用v-show时，echarts图表的宽高变成100px，因此改为用v-if切换。但是v-if切换后echarts图表为空白，不显示。

2022-09-01 17:26:06 3830

原创 echarts移动端设备屏幕尺寸的适配

echarts移动端设备屏幕尺寸的适配

2022-09-01 17:04:38 1770

原创表格插入值：slot-scope=“scope“和slot-scope=“{ row }“

当在标签上绑定:data的时候,可以使用：slot-scope="{ row }" ，或者用slot-scope="scope"配合scope.row来得到一整行的数据。

2022-08-05 09:43:04 1312

原创 Vue3+vant+vue-router商城搜索跳转商品搜索页

需求：首页搜索商品回车，跳转商品搜索页，搜索框中内容仍然存在，并且重新输入内容，路由参数随之改变。首页：回车后跳转：搜索框输入内容路由地址随之改变：步骤：1. 路由：// 路由规则配置const routes = [ // 其他路由略 { path: '/search/:kw', name: 'search', component: () => import('@/views/search/index.vue'), ...

2022-04-21 10:54:08 2359

空空如也

空空如也