自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue异步导入

以上就是异步导入defineAsyncComponent的用法,可能会有错误,请各位巨佬提出。

2025-05-15 16:16:03 364

原创 前端数据库缓存

上述就是比较简单的indexedDB的用法,当然肯定不止这么简单,在gitee项目中也涉及到表的关联(这个是真复杂呀),大家有兴趣可以看一下,具体位置gitee项目截图。

2025-04-24 14:29:38 969

原创 前端fixed

以上就是关于fixed定位的一些可能在开发中令人不解的东西,如果又错误欢迎指出。

2025-04-02 09:40:56 385

原创 vue数据重置

以上就是通过函数的方式实现数据重置,本质上还是通过一个新的数据对老数据进行覆盖,如果有问题欢迎提出。

2025-03-24 17:47:01 335

原创 离开页面取消请求

以上是实现离开页面取消正在发送的请求,当然也可以在发送请求添加到数组的时候,给每个取消函数绑定一个唯一id,当请求完成之后,从这个数组里面移出,这样离开页面的时候循环调用就不会有多余的函数,保证页面的进一步优化。

2025-03-18 19:57:36 323

原创 axios防止重复请求

以上就是实现的一种简单方法,当然源代码中的处理url、请求方式和参数的方式并不太好,大家可以自定义处理一下,如有问题请留言用vue3+ts+element-plus+pinia编写的一个后台管理模板,里面的axios就是这种方式,如果大家不想重新搭建一个管理后台模板,即可安装,使用方式vsystemplate create 项目名称。

2025-03-17 10:05:30 616

原创 teleport 的使用

teleport: 是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去(官网描述)以上就是关于teleport的其中一种方式,极大简化了类似功能的实现方式,当然还有其他,比如弹框居中显示,可以挂载到app或者body下面,如有问题,请提出。

2025-03-16 11:51:36 318

原创 monorepo

以上就是monorepo的使用方式,在真实开发的时候肯定会比我这个复杂,但是基本核心和流程不会有什么变化 如有问题欢迎指出。

2025-03-12 11:50:10 742

原创 个人博客开发

以上就是个人在开发博客和部署流程所实现和遇到的一些问题,目前网站还在继续开发中,如果有发现bug或者提出意见,请在首页右下脚点击意见反馈,项目完全开源,欢迎点个star#特别鸣谢项目小张的个人博客Ruyu-Blog。

2025-03-11 12:02:00 734

原创 前端自动检测更新

以上就是通过轮询实现自动检测更新,但是缺点就是要不断访问数据,对服务端压力比较大,好处是之后每次更新不需要做任何配置和修改;当然还有其他方法大家可以自行查阅资料。

2025-02-25 10:52:16 537

原创 vue优化二:cdn加载

上述就是cdn引入的案例,如有问题欢迎提出。

2025-02-23 19:35:43 574

原创 vue项目优化点:开启gzip压缩

以上就是关于vite打包开启gzip压缩的全部内容了,更多详细内容可以查看nginx的文档;如有错误,请各位指出。

2025-02-21 13:27:41 482

原创 vue3和driver实现引导页

上述就是通过driver实现引导页,其实还是比较容易实现的,主要可能就是获取dom元素这一块需要注意一下。

2025-02-06 12:26:57 514

原创 基于element-plus的form表单封装

以上就是今天对于form组件的封装,table的封装也可以按照这个逻辑处理;当然这个只是比较简单的封装,还有需要没有注意到的,大家可以按照自己的思路进行处理。

2025-02-03 15:17:34 886

原创 js吸管取色器

目前只支持chrome和edge,大家使用的时候需要注意。注意一下该api兼容性。

2024-12-10 17:22:18 249

原创 js对象for...of循环

以上就是如何实现js普通对象如何实现for…of 遍历。

2024-11-24 11:08:11 273

原创 js跨标签数据传递

这种跨标签的一种方式,其实还有其他方法,比如通过监听localStorage的变化来进行事件通信,这里就不多做介绍,大家有兴趣可以自行查看。如有错误,欢迎指正。

2024-11-20 19:27:06 323

原创 js事件订阅

上述则是手写的一个事件订阅,相对简单,但是大家只需要知道原理即可。

2024-10-29 22:48:44 200

原创 按钮loading处理

一般大家在处理页面的按钮loading效果的时候都是在按钮点击的时候将loading设置为true,等函数执行完再将loading设置为false,然后这种方式可以,但是当项目中需要的按钮变多了,写起来也颇为繁琐,所以介绍一下如何处理这种情况。

2024-10-23 22:16:08 453

原创 SSE单向通讯的长连接

以上就是针对SSE方法的一些简单描述,如有错误请各位大佬提出。

2024-10-11 21:26:53 1064

原创 编写一个类似Element-plus的确认弹框

以上就是通过命令式组件实现一个类似Element-plus的确认弹框方法,如有建议欢迎留言。

2024-03-04 17:17:01 506 1

原创 js复制粘贴

以上就是复制粘贴的一些方法,如果有问题欢迎大家指正。

2024-02-22 21:47:32 300 1

原创 js观察者2-监听盒子的宽高属性变化

上述就是第二个js观察者的案例。

2024-02-22 13:34:45 514 1

原创 vue循环key的问题

记一下最近面试中被问到关于如果vue中循环不加key有什么问题。

2024-02-19 20:14:35 327 1

原创 vue3页面路由导入

以上就是处理页面路由的一种简单方法,当然后续开发页面的结构就较为固定,页面名称也需要固定,但是为开发减少重复工作量。

2024-02-08 17:19:57 711

原创 Promise并发请求结果按顺序返回

以上就是Promise对于异步任务的一些处理方式,如果有更好的方法欢迎大家提出。

2024-02-08 10:23:57 847

原创 js观察者

使用上述观察者模式可以轻松处理图片懒加载的问题。

2023-12-10 19:50:58 576 1

原创 获取给定日期范围内的所有日期

传入参数的开始日期和结束日期没有固定顺序要求,只要传入两个日期就行,format为返回的格式,一般为’/‘和’-‘,不传默认为’-’

2023-11-09 15:46:21 430 1

原创 js获取给定日期的后几天或者前几天

上述函数如何传date,则获取给定日期的前后时间,如果不传则默认获取当前日期,数据返回格式为。

2023-11-08 16:04:09 833 1

原创 基于Element-plus封装的table表格

现如今开发后台管理界面比较多,表格数据展示、表单添加验证、表格查询条件几乎必不可少,但是大都是重复操作,所以封装了表格、表单和表格查询组件来减少代码重复量,后续会发布表单和表格查询组件。以下是表格封装代码,可直接复制使用,具体表格参数可参考element-plus官方文档,如有其他要求,可直接在此基础上修改。

2023-10-09 16:07:22 1091 1

原创 canvas给图片添加静态文字水印

总结:静态文字水印较为简单,主要流程是现在画布画入图片,然后再画布里面添加文字水印,最后可以使用 canvas.toDataURL将画布变成一个base64的图片赋值给img标签。第二步在canvas上画出我们需要的文字,其中gradient给文字添加了一个渐变颜色。记录一下canvas给图片添加静态文字水印。提示:需要对canvas画布有一定的了解。第一步我们把需要添加水印的图片画在画布上。第三步:等待图片加载完成去执行画布。

2023-10-09 10:17:29 1224 1

空空如也

空空如也

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

TA关注的人

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