- 博客(48)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue3实现表格内容无缝滚动vue3-seamless-scroll
该组件利用原生CSS3动画或JavaScript实现滚动，适用于需要无缝滚动列表数据的场景，如表格、图片等。为了在Vue3应用中实现无缝滚动效果，可以借助组件。该组件支持多种滚动方向和复杂的内容滚动，能够与Vue3的生态系统协同工作。下面将详细探讨这一组件的各项特性和使用方法。
2024-06-25 10:00:04
1367
原创 vue3提交按钮限制重复点击debounce防抖
为true的时候是先触发业务代码，2000ms内不再触发，默认为false。debounce防抖：适合用于提交表单、搜索、输入框输入、窗口调整事件。为true是默认值,代表点击按钮2000ms后再出发业务代码。函数,leading和trailing是配置布尔值。
2024-09-14 16:49:01
331
原创 Vue3中的WebSocket通讯实现
WebSocket允许服务端主动向客户端发送数据，无需客户端发起请求，从而实现了低延迟、高效率的数据交换。它通过HTTP升级协议握手来建立持久性的连接，并使用帧（frame）的形式传输数据。综上所述，Vue3与WebSocket结合能够很好地满足实时通讯的需求。在实际开发中，还可以根据具体业务需求对WebSocket通讯做更深入的定制和优化。
2024-07-31 15:01:53
357
原创 Vue3-Vite-TypeScript：屏幕适配rem
① 基于rem 适配（推荐，也是本篇要实现的方案）适用场景：不固定宽高比的Web应用，适用于绝大部分业务场景② 基于 scale 适配适用场景：固定宽高比的Web应用，如大屏或者固定窗口业务应用个人还是比较推荐基于rem适配屏幕方案的，就算是大屏，还得分个屏大屏小呢，更何况比例也经常不一致，4:3的，16:9的，我还见过3:2的呢，瞅着不就是个大电视吗？废话少说，撸起来....
2024-07-31 14:57:04
476
原创 CSS3 transform rotate（旋转）锯齿/元素抖动模糊的解决办法
这些方法可能会因浏览器和具体情况而异，因此可能需要进行一些实验以找到最适合您项目的解决方案。如果元素包含背景图像，可以尝试使用高分辨率图像，并在旋转时使用。
2024-07-16 10:30:33
417
原创 CSS实现从上往下过渡效果
要实现一个从上往下显示的过渡效果，可以使用CSS的@keyframes规则来创建一个动画，使得元素在垂直方向上逐渐改变其位置。
2024-07-11 17:14:12
658
原创 我的前端实习之旅
初始的几周，我的主要任务是学习和理解项目架构，以及如何使用公司采用的现代前端框架。实习结束时，我不仅在技术层面有了显著提升，更重要的是，我开始懂得如何作为一个专业人士在团队环境中工作。这段经历为我后续的职业生涯打下了坚实的基础，我感激在实习中学到的一切，并期待将来在前端开发领域中继续成长和创新。而在实习中，我几乎每天都需要使用Git来协作，这不仅提高了我的技术能力，也让我认识到版本控制在团队协作中的重要性。在即将结束的今天，我鼓励每位读这篇文章的学生，如果有机会，一定要抓住实习的机会。
2024-07-10 09:56:37
450
原创 前端Din字体和造字工房力黑字体文件
Din 字体是一种经典的、简洁的无衬线字体，它源自1930年代的德国交通标志设计。造字工房力黑字体适用于数字，驾驶舱标题等统计界面。
2024-07-09 10:14:07
264
原创 Vue3进度条nprogress(手机端、PC端通用)
Vue3进度条nprogress是一个用于显示页面加载进度的库。要在Vue3项目中使用nprogress，需要先安装它，然后在你的项目中引入和使用。
2024-07-05 09:04:58
876
原创 zoom缩放问题(关于ElementPlus、Echarts、Vue3draggable等组件偏移问题)
做了一个项目下来，由于整体界面偏大，采取了缩放90%，导致很多组件出现偏移问题，以下我会把我遇到的各种组件偏移问题依次进行描述解答
2024-07-01 10:25:53
701
原创 css 实现背景图和背景色正片叠底
要实现背景图和背景色的正片叠底效果，可以使用CSS的属性。属性定义了元素的内容与其背景层如何混合。当设置为multiply时，可以实现正片叠底效果。
2024-07-01 10:00:53
627
原创 vue3数字滚动vue3-count-to
是一个Vue3.js插件，用于实现数字滚动效果。它提供了一种简单的方式来在页面上显示从起始值到目标值的过渡动画。
2024-06-25 09:12:43
822
1
原创 面试官提问：如何优雅的使用if else语句
在前端开发中，我们经常需要使用if-else语句来根据不同的条件执行不同的操作。然而，过度使用if-else语句可能会导致代码变得难以阅读和维护。
2024-06-20 15:30:54
118
原创 盘点10个基于 Canvas 的优秀开源项目
在 Web 开发中，Canvas 是一个强大的绘图工具，可以实现各种有趣的交互效果和动态图形。本文将盘点 10 个基于 Canvas 的开源项目，旨在为提供开发灵感和思路，以便更好地探索并应用 Canvas 技术！
2023-06-05 11:11:21
1390
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人