- 博客(50)
- 收藏
- 关注
RSS订阅原创 axios二次封装：重复请求、超时、错误统一处理
本文提供了一个完整的Axios请求封装方案，主要特性包括：1) 自动取消重复请求；2) 请求拦截器中自动注入Token；3) 响应拦截器统一处理错误和状态码；4) 支持超时自动重试；5) 提供静默请求选项。代码实现了请求/响应拦截器、重复请求取消、错误统一处理等功能，并封装了常用的HTTP方法。该方案可直接集成到项目中，帮助开发者快速构建健壮的HTTP请求层。
2026-05-11 16:32:22
25
原创 封装 WebSocket 工具类
本文提供了Vue项目中WebSocket通信的三级实现方案：基础版（组件内直接使用）、进阶版（工具类封装）和终极版（全局插件+状态管理）。基础版适合快速验证功能，进阶版通过心跳检测和断线重连提升了稳定性，终极版则为企业级应用提供了全局管理、消息缓存和类型分发等高级功能。文章还包含实用优化建议和常见问题解决方案，如鉴权处理、存储优化和重连限制等。不同方案可满足从简单应用到复杂企业项目的需求，开发者可根据项目规模选择合适的实现方式。
2026-03-20 11:39:10
435
原创 vue3二次封装elementPlus的v-loading指令
当我们需要配置v-loading时一个个dom去修改对应的配置很麻烦，这里提供一个公共的修改方式。
2026-01-19 10:27:24
156
原创 vue3卡片垂直无限滚动
主要是利用css动画向上滚动，js动态计算dom上有多少条数据实时更新滚动速度。js 要在onMounted里调用确保dom已经被渲染。
2025-07-28 11:50:30
369
原创 vue自定义指令-图片懒加载
这里封装好了一个兼容各浏览器的版本的指令，主要是判断浏览器支不支持 IntersectionObserver API，支持就用它实现懒加载，不支持就用监听 scroll 事件+节流的方式实现。
2024-12-18 11:25:11
294
原创 elemenetui+富文本校验
这里需要给富文本框blur事件，因为富文本框清楚后 默认有p标签，所以校验会失效，这里要是触发就把他的值设为null就好了。
2024-04-28 18:01:29
379
原创 js深拷贝(新特性) structuredClone()
并没有被克隆，而是被转移到被拷贝对象上。value:被克隆的对象。transfer:是一个。返回值：返回值是原始。
2024-04-19 10:09:37
429
原创 vue3新特性v-bind in CSS
和是两个不同的概念不要弄混淆了，点击链接可以看官网详细的解释v-bind:是用在template模板中，用来动态绑定参数的内置指令，一般我们用的是简写。v-bind in CSS：是用在style标签中，来获取在script中定义css属性值的变量，即我们能够在style标签中引入动态的css变量了。注意，v-bind in css 是vue3新提出的属性，vue2并没有。
2024-02-29 15:39:13
1210
原创 关于javascript的getBoundingClientRect() API
如：bottom 是盒子底部边框 距离 视口顶部 的距离；right 是盒子右侧边框距离视口左侧的距离。这几个以像素为单位的只读属性描述整个矩形的位置和大小。以外的属性是相对于视图窗口的左上角来计算的。对象，是包含整个元素的最小矩形（包括。
2024-02-23 11:20:51
610
原创 CSS:background-size产生的问题
相当于background-size：100% auto的写法，x轴100%铺满整个容器，y轴根据图片原来的比例，以及现有的宽度，来确定高度。这将保持背景图片的纵横比，并尽可能填充整个容器，但可能会裁剪部分图片。意味着背景图片会填充整个容器，并且在容器高度变化时，背景图片会相应地进行缩放，导致图片位置的变化。background-size：100%用这个就完美解决了 图片不变形缺点就是多余的部分会隐藏。当它的高度发生变化时背景图的位置会发生偏移 查阅了一些资料。
2024-01-23 10:55:14
1086
原创 elementui 中 el-input type使用number时可以输入e 和+、-
但是这个方法在我们项目中是不生效的 但是可以采取他这个使用正则表达式来完成。输入框能输入e也是把e当成了number 因为e是个无理数。这样输入框就不可以输入e、+、-了。使用@input事件 代码如下。网上大多都用的原生事件。
2024-01-18 16:27:51
1809
1
原创 elementui中el-radio-button组件影响美观的属性
el-radio-button点击它会发现一个阴影很影响美观。可以使用css穿透来改它的阴影。
2024-01-18 15:15:34
882
原创 input标签 type为number的bug
1、当input的type属性为number时，输入的要是非数字光标就会出现上移的BUG。2、用过这个属性的都觉得 输入框里上下箭头很丑，可以用这个方法隐藏掉。拓展 如何获取 输入框中 type属性为number的输入框。
2024-01-09 15:44:35
1077
原创 Vue3之config.globalProperties
在 Vue 3 中与之对应的是 config.globalProperties。这些 property 将被复制到应用中，作为实例化组件的一部分。在 Vue 2 中， Vue.prototype 通常用于添加所有组件都能访问的 property。
2024-01-03 13:43:57
815
1
原创 Vue3动态修改css的值
在css里直接使用v-bind绑定响应式数据就可以动态修改了。只需要使用ref 或 reactive声明一个响应式的数据。
2024-01-03 11:17:04
1193
1
原创 node+koa2实现文件的上传、下载、删除
先引用必须引用的库，自行查看package.json有无下载 没有就 npm install 下载在app.js里引用 koa-static 这个是设置静态目录的，不设置这个文件是访问不了的设置请求体。
2024-01-02 14:29:30
1159
2
原创 HTML的object标签
最近公司里写项目用到了两张图片logo，鼠标移入移出都会重新加载不同的图片，在网络不好的小伙伴身上可能会出现加载白屏的现象，所以这里我就用了object标签，里面套的是svg，只需要修改svg颜色就可以了。但是需要点击svg的时候出现了问题，点击的时候svg是点不动的。想直接修改object里面的svg必须要获取两层，先获取嵌套文档再获取文档这样才可以获取到object里面的svg。必须要load后再去设置svg的点击事件才可以。
2023-12-21 18:07:30
576
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人