- 博客(57)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue3实现表格内容无缝滚动vue3-seamless-scroll
该组件利用原生CSS3动画或JavaScript实现滚动，适用于需要无缝滚动列表数据的场景，如表格、图片等。为了在Vue3应用中实现无缝滚动效果，可以借助组件。该组件支持多种滚动方向和复杂的内容滚动，能够与Vue3的生态系统协同工作。下面将详细探讨这一组件的各项特性和使用方法。
2024-06-25 10:00:04
1729
原创 轻松管理 WebSocket 连接！easy-websocket-client
本文介绍了easy-websocket-client库，这是一个简化WebSocket连接管理的工具。主要功能包括自动重连机制（可配置间隔和次数）、定制化心跳检测（支持自定义消息格式）以及完整的生命周期事件回调（连接、关闭、消息接收等）。文章提供了快速安装方法和基础使用示例，展示了如何创建连接、发送消息和关闭连接。此外，还介绍了通过装饰器实现单例模式的进阶用法，适用于多环境配置和业务消息处理。该库适用于实时聊天、通知推送、数据监控等多种场景，能显著减少WebSocket连接管理的重复代码。
2025-07-25 14:55:31
373
原创 前端写JS经常用到的事件函数，持续更新中
本文介绍了前端开发中常用的6个JavaScript事件函数：1.防抖(Debounce)用于限制高频触发；2.节流(Throttle)控制执行频率；3.数组去重；4.生成随机字符串；5.首字母大写；6.复制到剪贴板。这些函数可优化性能、处理数据、提升用户体验，适用于搜索、滚动等常见场景。文章提供了每个函数的实现代码和使用示例，建议开发者收藏并根据项目需求调整使用。
2025-07-02 16:49:02
113
原创 前端好用的vscode插件，可以根据不同的开发需求下载
本文介绍了多款提升开发效率的实用插件：AutoRenameTag和AutoCloseTag自动同步/闭合标签；CodeRunner一键运行多语言代码；ColorHighlight和ColorPicker优化颜色管理；CSSPeek快速定位样式；LiveServer实现前端实时刷新；Lingma提供AI编程辅助；PathIntellisense智能提示路径；Vue3Snippets简化Vue3开发。这些工具能显著提高代码编写、调试和测试效率。
2025-06-24 10:39:36
358
原创 连接SSE后发送数据流使用markdown-it更改样式并且使用highlight.js美化代码编辑器
我是放在components文件夹里，先引入markdown-it，然后再对MarkdownIt的代码进行样式优化，pre标签代表的是代码回显，我还在里面顶部加了一行可以复制代码的样式，这样到新的界面引入就可以用了。这样成形的样式就出来啦，目前还在不断优化中，欢迎提出建议。
2025-03-21 15:53:05
618
原创 Vue3+Vite开发Electron桌面端问题记录
Vue3+Vite开发Electron桌面端问题记录 不断继续在开发中遇到的问题 记录知识重点 欢迎大家来一起讨论
2025-02-27 09:59:37
281
原创 vue3提交按钮限制重复点击debounce防抖
为true的时候是先触发业务代码，2000ms内不再触发，默认为false。debounce防抖：适合用于提交表单、搜索、输入框输入、窗口调整事件。为true是默认值,代表点击按钮2000ms后再出发业务代码。函数,leading和trailing是配置布尔值。
2024-09-14 16:49:01
593
原创 Vue3中的WebSocket通讯实现
WebSocket允许服务端主动向客户端发送数据，无需客户端发起请求，从而实现了低延迟、高效率的数据交换。它通过HTTP升级协议握手来建立持久性的连接，并使用帧（frame）的形式传输数据。综上所述，Vue3与WebSocket结合能够很好地满足实时通讯的需求。在实际开发中，还可以根据具体业务需求对WebSocket通讯做更深入的定制和优化。
2024-07-31 15:01:53
590
原创 Vue3-Vite-TypeScript：屏幕适配rem
① 基于rem 适配（推荐，也是本篇要实现的方案）适用场景：不固定宽高比的Web应用，适用于绝大部分业务场景② 基于 scale 适配适用场景：固定宽高比的Web应用，如大屏或者固定窗口业务应用个人还是比较推荐基于rem适配屏幕方案的，就算是大屏，还得分个屏大屏小呢，更何况比例也经常不一致，4:3的，16:9的，我还见过3:2的呢，瞅着不就是个大电视吗？废话少说，撸起来....
2024-07-31 14:57:04
880
原创 CSS3 transform rotate（旋转）锯齿/元素抖动模糊的解决办法
这些方法可能会因浏览器和具体情况而异，因此可能需要进行一些实验以找到最适合您项目的解决方案。如果元素包含背景图像，可以尝试使用高分辨率图像，并在旋转时使用。
2024-07-16 10:30:33
759
原创 CSS实现从上往下过渡效果
要实现一个从上往下显示的过渡效果，可以使用CSS的@keyframes规则来创建一个动画，使得元素在垂直方向上逐渐改变其位置。
2024-07-11 17:14:12
1458
1
原创 我的前端实习之旅
初始的几周，我的主要任务是学习和理解项目架构，以及如何使用公司采用的现代前端框架。实习结束时，我不仅在技术层面有了显著提升，更重要的是，我开始懂得如何作为一个专业人士在团队环境中工作。这段经历为我后续的职业生涯打下了坚实的基础，我感激在实习中学到的一切，并期待将来在前端开发领域中继续成长和创新。而在实习中，我几乎每天都需要使用Git来协作，这不仅提高了我的技术能力，也让我认识到版本控制在团队协作中的重要性。在即将结束的今天，我鼓励每位读这篇文章的学生，如果有机会，一定要抓住实习的机会。
2024-07-10 09:56:37
526
原创 前端Din字体和造字工房力黑字体文件
Din 字体是一种经典的、简洁的无衬线字体，它源自1930年代的德国交通标志设计。造字工房力黑字体适用于数字，驾驶舱标题等统计界面。
2024-07-09 10:14:07
466
原创 Vue3进度条nprogress(手机端、PC端通用)
Vue3进度条nprogress是一个用于显示页面加载进度的库。要在Vue3项目中使用nprogress，需要先安装它，然后在你的项目中引入和使用。
2024-07-05 09:04:58
1199
原创 zoom缩放问题(关于ElementPlus、Echarts、Vue3draggable等组件偏移问题)
做了一个项目下来，由于整体界面偏大，采取了缩放90%，导致很多组件出现偏移问题，以下我会把我遇到的各种组件偏移问题依次进行描述解答
2024-07-01 10:25:53
1235
原创 css 实现背景图和背景色正片叠底
要实现背景图和背景色的正片叠底效果，可以使用CSS的属性。属性定义了元素的内容与其背景层如何混合。当设置为multiply时，可以实现正片叠底效果。
2024-07-01 10:00:53
1563
原创 vue3数字滚动vue3-count-to
是一个Vue3.js插件，用于实现数字滚动效果。它提供了一种简单的方式来在页面上显示从起始值到目标值的过渡动画。
2024-06-25 09:12:43
1381
1
原创 面试官提问：如何优雅的使用if else语句
在前端开发中，我们经常需要使用if-else语句来根据不同的条件执行不同的操作。然而，过度使用if-else语句可能会导致代码变得难以阅读和维护。
2024-06-20 15:30:54
144
原创 盘点10个基于 Canvas 的优秀开源项目
在 Web 开发中，Canvas 是一个强大的绘图工具，可以实现各种有趣的交互效果和动态图形。本文将盘点 10 个基于 Canvas 的开源项目，旨在为提供开发灵感和思路，以便更好地探索并应用 Canvas 技术！
2023-06-05 11:11:21
1815
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人