- 博客(356)
- 收藏
- 关注
RSS订阅原创 CSS设置盒子边框渐变
中的 1 表示边框图像的宽度是边框宽度的 1 倍。这意味着，如果边框的宽度是 10px，那么边框图像的宽度将是 20px。如果边框的宽度是 5px，那么边框图像的宽度将是 10px。[在这里插入图片描述](https://i-blog.csdnimg.cn/direct/2e3cfec636434b68a5a836c9264fa7f8.png。在 CSS 中，border-image 属性的第二个值表示边框图像的宽度。这个宽度是相对于边框的宽度计算的，而不是相对于元素本身的宽度。
2025-03-27 16:16:28
204
原创 使用高德api获取天气情况
天气查询是一个简单的 HTTP 接口，根据用户输入的。，查询目标区域当前/未来的天气情况。parameters参数说明。
2025-03-24 10:58:28
519
原创 vscode切换分支时，签出会覆盖本地更改
在开发过程中，有时候会遇到在a分支开发了一部分，但功能还未开发结束就要切换到其他分支进行开发，这个时候切换分支就会覆盖本地更改，就很难受，肯定不是你想要的。
2025-03-18 18:13:49
165
原创 解决el-tabs默认激活【非点击】状态下，底部边框不展示的问题
这是因为el-tabs的在没有点击的时候，激活样式的底部边框宽度是0。解决办法：给e-tabs加上一个随机key。
2025-03-13 23:30:50
183
原创 解决echarts和v-show一起使用，导致显示不全，宽度仅100px，无法重新渲染的问题
【代码】解决echarts和v-show一起使用，导致显示不全，宽度仅100px，无法重新渲染的问题。
2025-03-13 23:19:31
154
原创 菜单树中根据某一菜单path找到其所在的根【顶级】菜单对象
但是我们可以先找其父菜单，再根据父菜单找到其爷爷菜单，依次类推把所有的父节点形成一个菜单集合。菜单树中根据某一菜单path找到其所在的根菜单对象。一般我们无法直接找到根菜单。这样就可以取到顶级菜单了。
2025-03-07 14:54:34
121
原创 el-popover嵌套，二级popover消失的问题
鼠标悬浮上一级菜单显示popover弹窗1，继续悬浮上二级菜单，显示popover弹窗2。用了两个el-popover，并且。，当鼠标浮上弹窗2的时候，弹窗1消失了。，让其插入弹窗1，解决。
2025-03-06 13:03:32
225
原创 PostCSS received undefined instead of CSS string
目前排查原因指向node-sass版本问题，当前版本的node-sass不能和node版本契合；一种是安装或者切换对应版本的。，但是这种方法不推荐使用；另一种是使用命令行编译。
2025-02-25 12:38:33
140
原创 如何从电脑彻底删除VsCode
每次卸载vscode以后，重新安装总是会保留之前旧版本的插件和默认设置，本文主要介绍如何完全清除Vscode，还原一份新的Vscode在你的电脑。
2025-02-25 10:41:36
1523
原创 Vue中的Observer类
进行派发更新（通知观察者更新视图），我们的数据就是被观察者。值的拦截监听都会创建一个独立的。通过调用链可以发现开始，由。
2025-01-23 13:40:31
183
原创 CSS white-space 属性
在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示，取值有：<br><br><br><br><br>
2025-01-22 09:53:34
229
原创 HTML5 aria-labelledby和aria-label的作用是什么？
两者设立的目的是一样的，用于屏幕阅读器(Screen Reader)，都是为了帮助残障人士更好的识别当前元素。此时，当焦点落到该输入框时，读屏软件就会读出。里的内容，即“用户名”。
2025-01-15 16:05:56
237
原创 v-bind=“$attrs“优先级的问题
可以让孙子组件快速接入爷爷组件绑定的属性，今天我们谈一谈优先级爷爷组件绑定和placeholder="覆盖组件内部的placeholder"placeholder="覆盖"父组件placeholder="最小"标签内部写死，后面在使用接入，最终以父组件的标签内部绑定的生效，这里爷爷组件传入的优先级，低于父组件自身绑定的属性placeholder="最小"/>
2025-01-03 17:14:14
255
原创 巧用ElementUI的PopupManager设置自定义Popup弹窗的z-index
巧用ElementUI的PopupManager设置自定义Popup弹窗的z-index
2024-11-28 21:09:48
479
原创 浅谈Vue2中的functional组件【函数式组件】
如果 props 对象外部不变，但内部的参数发生变化，函数化组件会重新渲染。因为函数化组件是无状态的，它们只依赖于传入的 props。当 props 的内部参数发生变化时，Vue 会检测到这些变化并重新渲染函数化组件。Vue.js 中的 functional 函数化组件是一种特殊类型的无状态组件，它不依赖于内部状态，只依赖于传入的 props。比较可行的办法是：在父组件中监听 props 变化，并在适当的时机传递新的 props 给函数化组件。这样，函数化组件会在接收到新的 props 时自动重新渲染。
2024-11-27 14:08:39
594
原创 Vue中的JSX语法详解
JSX是一种Javascript的语法扩展，即具备了Javascript的全部功能，同时又兼具html的语义化和直观性。它可以让我们在JS中写模板语法上面这段代码既不是 HTML 也不是字符串，被称之为 JSX，是 JavaScript 的扩展语法。JSX 可能会使人联想到模板语法，但是它具备 Javascript 的完全编程能力。
2024-11-27 13:56:46
3229
原创 vue-seamless-scroll无缝滚动到下一屏点击事件无法生效的问题解决
vue-seamless-scroll实现滚动的原理就是，拿到原数据，将数据复制了一份html出来，进行填铺页面，方便滚动的，而这些复制出来的并没有绑定事件。为无缝滚动的每一项添加点击事件，当滚动到下一屏点击事件无法生效。使用e.target.dataset.xxx取到绑定的额外值。利用data-xxx为元素绑定额外值。将事件统一放到外层的 div 上。实现子元素的点击事件处理。
2024-11-26 10:41:12
792
1
原创 对于组件异步引入中的webpackChunkName理解
import异步加载的写法实现页面模块lazy loading懒加载（Vue中的路由异步加载），Vue中运用import的懒加载语句以及webpack的语法注释，在项目进行webpack打包的时候，对不同模块进行代码分包，在首屏加载时，用到哪个模块再加载哪个模块，实现懒加载进行页面的优化。今天在写路由组件的时候，异步引入的时候，不经意发现一个不起眼的注解。
2024-11-24 12:09:51
374
原创 Vue组件相互引用，组件不能正常注册，控制台报错
所以在B引用C的时候，我们采用异步组件，这样在B用到C组件的时候再去加载C组件就不会出现上面的问题了。Vue项目中在控制台遇见下面的这种报错，组件没有正常注册，排查代码发现组件也都正常导入、注册、使用了。A组件引用了B组件，B组件引用了C组件，C组件内部又引用了A组件，存在着相互引用。按照报错问题上面的文件引用关系，逐级排查发现存在着件组相互引用的问题，组件如下。
2024-11-24 12:02:13
369
原创 Vue开发和生产环境的代理配置
对于开发环境的地址配置我们是可以在vue.config.js中直接配置代理方式的，这里的代理是对请求路径的代理，也就是axios的请求路径（简单点理解就是对路径进行替换），例如以下代码，我们将/api这个路径代理到了target指向的真实的后端地址。其中VUE_APP_BASE_API是Vue的关键后端请求地址，我们可以在nodejs项目的任意js代码中获取环境变量，例如在创建axios请求实例对象时，通过process.env.“环境变量的KEY”
2024-11-16 11:46:10
667
原创 position: fixed之后，由于层级过高，底层元素的点击事件失效解决办法
给fixed元素添加 pointer-events: none; // 允许点击穿透
2024-11-08 12:03:24
236
原创 el-tree当节点全选时只返回被全选子级的父节点key，未全选则返回选中的节点key
需要获取树组件选中的节点，假如父节点被选中（该节点全选），即只返回父节点的数据，如父节点未被全选，则正常返回被选中节点的数据。如上图，此时，除了二级 2-1 节点外，其余节点被选中，此时只需要获二级 2-2 、一级3 这两个节点的数据即可。如上图，一级2和下面的子节点都选中了，此时需要只获取到一级 2 这个节点的数据即可。利用递归的方法，遍历所有的节点，判断其是否为全选状态，为全选状态时即拿到其数据。这里需要把树组件实例上的store传入。
2024-11-08 12:00:07
704
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人