自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 高德地图中撒点如何设置合适的offset值?

在高德地图中,要设置自定义撒点图片的合适偏移量(offset),需要考虑图片的尺寸和希望图片的哪个部分对准地理坐标点。

2025-05-10 14:28:56 372

原创 高德使用图片作为marker点位的图标

【代码】高德使用图片作为marker点位的图标。

2025-05-10 14:09:06 241

原创 Echarts配置项series的label如何动态设置背景图

label的formatter是不支持HTML片段的,所以想要实现根据params参数动态设置不同背景,就要根据status返回不同的富文本片段,然后根据rich去对应,去设置不同的背景图。

2025-05-07 11:47:32 280

原创 vscode中ctrl+鼠标左键不能跳转定义解决办法

(需要先安装C/C++)* 重启vscode。

2025-04-25 14:18:15 413

原创 解决vue-seamless-scroll插件行点击失效的问题

【代码】解决vue-seamless-scroll插件行点击失效的问题。

2025-04-19 09:33:12 370

原创 Vue2中this.$once详解

在 Vue2 中,this.$once是一个用于单次事件监听的方法,其核心特性是监听的回调函数仅在事件第一次触发时执行一次,之后自动移除监听器。

2025-04-17 14:48:31 378

原创 Vue2中this.$watch详解

在 Vue2 中,我们经常会使用watch监视,那么是干什么的,它有哪些应用场景呢?

2025-04-17 14:36:04 668

原创 display:inline-flex 和 display:flex有什么区别

display: flex和display: inline-flex的主要区别在于它们如何与周围的元素进行交互和排列,而不是在于它们如何布局其子元素。选择哪种值取决于你的具体需求和上下文。

2025-04-17 10:09:05 204

原创 ES6 Class类详解

使用class关键字定义类,类名通常采用大驼峰命名法。类中的方法用于创建和初始化对象,通过new关键字调用。在类中定义的方法会成为实例对象的方法,可以通过实例对象调用。注意事项类的定义不会被提升,必须在访问前定义类中定义方法不需要function关键字,方法之间不需要分号类中定义变量不需要关键字类中访问方法和变量用this// 类中定义变量不需要let const var关键字sex = "男"// 类中定义方法不需要function关键字greet() {

2025-04-15 16:39:55 418

原创 css3实现边框渐变圆角的两种方式

border-image可以实现渐变边框,但是border-radius就不生效了,所以想实现渐变圆角边框很蛋疼

2025-04-14 20:30:08 335

转载 Vue中的Render函数详解

Vue的render函数是一个功能强大的API,允许开发者通过JavaScript代码直接创建和操作虚拟DOM节点。与模板语法不同,render函数提供了更大的灵活性和控制力,使得在处理复杂的逻辑和动态内容时更加方便。Vue推荐在绝大多数情况下使用模板来创建你的HTML。然而在一些场景中,你真的需要JavaScript的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。简单的说,在Vue中我们使用模板HTML语法组建页面的,使用Render函数我们可以用Js语言来构建DOM。因为Vue是虚拟。

2025-04-14 15:15:47 463

原创 echarts柱状图实现自动滚动

【代码】echarts柱状图实现自动滚动。

2025-04-09 14:53:21 150

原创 text-overflow:ellipsis 不显示省略号问题

一开始写这两行代码的目的是为了文字垂直居中,但是无意中开启的文字元素的。css样式是固定宽度的,并且设置了。,结果发现没有发生作用。,使得省略号展示失效了。

2025-04-03 19:31:18 289

原创 vue项目使用zoom进行屏幕适配,彻底解决不同屏幕尺寸下的适配痛点

非等比缩放字体变形的问题,但是性能消耗较大,因为重排了,等比缩放留白的问题,可以解决。

2025-04-03 16:54:52 235

原创 echarts实现饼图pie渐变色和自定义legend

echarts实现饼图pie渐变色和自定义legend。

2025-03-29 10:54:40 315

原创 el-progress设置环形图渐变色

</defs>-- 渐变颜色二 通过id获取 --><defs>

2025-03-27 19:55:01 604

原创 echarts缩放自适应

【代码】echarts缩放自适应。

2025-03-27 17:22:31 131

原创 css实现一条线两端不同颜色

【代码】css实现一条线两端不同颜色。

2025-03-27 17:15:22 113

原创 CSS设置盒子边框渐变

中的 1 表示边框图像的宽度是边框宽度的 1 倍。这意味着,如果边框的宽度是 10px,那么边框图像的宽度将是 20px。如果边框的宽度是 5px,那么边框图像的宽度将是 10px。[在这里插入图片描述](https://i-blog.csdnimg.cn/direct/2e3cfec636434b68a5a836c9264fa7f8.png。在 CSS 中,border-image 属性的第二个值表示边框图像的宽度。这个宽度是相对于边框的宽度计算的,而不是相对于元素本身的宽度。

2025-03-27 16:16:28 251

原创 Vue中实现多个图标围绕中心点旋转

效果如下:如下六个图标围绕平台中心点旋转。

2025-03-27 12:28:38 269

原创 Vue中使用el-carousel一次轮播多张图片

如下图是有ElementUI的走马灯组件,实现一次轮播多张图片。

2025-03-26 15:17:40 420

原创 使用高德api获取天气情况

天气查询是一个简单的 HTTP 接口,根据用户输入的。,查询目标区域当前/未来的天气情况。parameters参数说明。

2025-03-24 10:58:28 2728

原创 vscode切换分支时,签出会覆盖本地更改

在开发过程中,有时候会遇到在a分支开发了一部分,但功能还未开发结束就要切换到其他分支进行开发,这个时候切换分支就会覆盖本地更改,就很难受,肯定不是你想要的。

2025-03-18 18:13:49 501

原创 解决el-tabs默认激活【非点击】状态下,底部边框不展示的问题

这是因为el-tabs的在没有点击的时候,激活样式的底部边框宽度是0。解决办法:给e-tabs加上一个随机key。

2025-03-13 23:30:50 274

原创 解决echarts和v-show一起使用,导致显示不全,宽度仅100px,无法重新渲染的问题

【代码】解决echarts和v-show一起使用,导致显示不全,宽度仅100px,无法重新渲染的问题。

2025-03-13 23:19:31 216

原创 vscode复制相对路径时是反斜杠\,改为正斜杠/

【代码】vscode复制相对路径时是反斜杠\,改为正斜杠/

2025-03-11 10:05:13 284

原创 浏览器适配方案-scale缩放适配【解决留白和全屏模式下的适配问题】

话不多逼逼,直接上代码。

2025-03-10 12:33:54 296

原创 菜单树中根据某一菜单path找到其所在的根【顶级】菜单对象

但是我们可以先找其父菜单,再根据父菜单找到其爷爷菜单,依次类推把所有的父节点形成一个菜单集合。菜单树中根据某一菜单path找到其所在的根菜单对象。一般我们无法直接找到根菜单。这样就可以取到顶级菜单了。

2025-03-07 14:54:34 134

原创 el-popover嵌套,二级popover消失的问题

鼠标悬浮上一级菜单显示popover弹窗1,继续悬浮上二级菜单,显示popover弹窗2。用了两个el-popover,并且。,当鼠标浮上弹窗2的时候,弹窗1消失了。,让其插入弹窗1,解决。

2025-03-06 13:03:32 381

原创 el-tabs实现hover触发点击

el-tabs实现hover触发点击。

2025-03-03 12:44:40 272

原创 PostCSS received undefined instead of CSS string

目前排查原因指向node-sass版本问题,当前版本的node-sass不能和node版本契合;一种是安装或者切换对应版本的。,但是这种方法不推荐使用;另一种是使用命令行编译。

2025-02-25 12:38:33 379

原创 如何从电脑彻底删除VsCode

每次卸载vscode以后,重新安装总是会保留之前旧版本的插件和默认设置,本文主要介绍如何完全清除Vscode,还原一份新的Vscode在你的电脑。

2025-02-25 10:41:36 4467 3

原创 Vue中的Observer类

进行派发更新(通知观察者更新视图),我们的数据就是被观察者。值的拦截监听都会创建一个独立的。通过调用链可以发现开始,由。

2025-01-23 13:40:31 246

原创 CSS white-space 属性

在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示,取值有:<br><br><br><br><br>

2025-01-22 09:53:34 266

原创 电脑自动更新后,提示无法在此设备上激活Windows

电脑自动更新后,提示无法在此设备上激活Windows。

2025-01-21 10:08:46 2420 1

原创 HTML5 aria-labelledby和aria-label的作用是什么?

两者设立的目的是一样的,用于屏幕阅读器(Screen Reader),都是为了帮助残障人士更好的识别当前元素。此时,当焦点落到该输入框时,读屏软件就会读出。里的内容,即“用户名”。

2025-01-15 16:05:56 302

原创 vue2使用functional组件配合render函数实现渲染多个根节点

使用functional组件配合render函数实现渲染多个根节点。

2025-01-15 15:04:50 219

原创 el-table为每一行添加自定义标题

el-table为每一行添加自定义标题。

2025-01-15 14:01:24 507 4

原创 Vue2中使用Vue.observable实现任意组件响应式数据传递

Vue2中使用Vue.observable实现兄弟组件响应式数据传递

2025-01-13 22:56:20 224

原创 v-bind=“$attrs“优先级的问题

可以让孙子组件快速接入爷爷组件绑定的属性,今天我们谈一谈优先级爷爷组件绑定和placeholder="覆盖组件内部的placeholder"placeholder="覆盖"父组件placeholder="最小"标签内部写死,后面在使用接入,最终以父组件的标签内部绑定的生效,这里爷爷组件传入的优先级,低于父组件自身绑定的属性placeholder="最小"/>

2025-01-03 17:14:14 294

空空如也

空空如也

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

TA关注的人

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