前端
陈琦鹏
做到最好
展开
-
CSS英文换行
在CSS中,如果你想让英文单词换行,可以使用属性。这个属性会强制浏览器在任何字符之间进行换行,即使没有空格或其他分隔符。原创 2024-09-04 10:15:14 · 385 阅读 · 0 评论 -
Vue3实时更新时间(年-月-日 时:分:秒)
【代码】Vue3实时更新时间(年-月-日 时:分:秒)原创 2024-09-03 16:04:52 · 410 阅读 · 0 评论 -
css三点闪烁(可用于加载样式、标题等)
【代码】css三点闪烁(可用于加载样式、标题等)原创 2024-09-03 15:48:07 · 594 阅读 · 0 评论 -
Vue3中的WebSocket通讯实现
WebSocket允许服务端主动向客户端发送数据,无需客户端发起请求,从而实现了低延迟、高效率的数据交换。它通过HTTP升级协议握手来建立持久性的连接,并使用帧(frame)的形式传输数据。综上所述,Vue3与WebSocket结合能够很好地满足实时通讯的需求。在实际开发中,还可以根据具体业务需求对WebSocket通讯做更深入的定制和优化。原创 2024-07-31 15:01:53 · 326 阅读 · 0 评论 -
Vue3-Vite-TypeScript:屏幕适配rem
① 基于rem 适配(推荐,也是本篇要实现的方案)适用场景:不固定宽高比的Web应用,适用于绝大部分业务场景② 基于 scale 适配适用场景:固定宽高比的Web应用,如大屏或者固定窗口业务应用个人还是比较推荐基于rem适配屏幕方案的,就算是大屏,还得分个屏大屏小呢,更何况比例也经常不一致,4:3的,16:9的,我还见过3:2的呢,瞅着不就是个大电视吗?废话少说,撸起来....原创 2024-07-31 14:57:04 · 452 阅读 · 0 评论 -
CSS3 transform rotate(旋转)锯齿/元素抖动模糊的解决办法
这些方法可能会因浏览器和具体情况而异,因此可能需要进行一些实验以找到最适合您项目的解决方案。如果元素包含背景图像,可以尝试使用高分辨率图像,并在旋转时使用。原创 2024-07-16 10:30:33 · 397 阅读 · 0 评论 -
CSS实现从上往下过渡效果
要实现一个从上往下显示的过渡效果,可以使用CSS的@keyframes规则来创建一个动画,使得元素在垂直方向上逐渐改变其位置。原创 2024-07-11 17:14:12 · 592 阅读 · 0 评论 -
我的前端实习之旅
初始的几周,我的主要任务是学习和理解项目架构,以及如何使用公司采用的现代前端框架。实习结束时,我不仅在技术层面有了显著提升,更重要的是,我开始懂得如何作为一个专业人士在团队环境中工作。这段经历为我后续的职业生涯打下了坚实的基础,我感激在实习中学到的一切,并期待将来在前端开发领域中继续成长和创新。而在实习中,我几乎每天都需要使用Git来协作,这不仅提高了我的技术能力,也让我认识到版本控制在团队协作中的重要性。在即将结束的今天,我鼓励每位读这篇文章的学生,如果有机会,一定要抓住实习的机会。原创 2024-07-10 09:56:37 · 445 阅读 · 0 评论 -
前端Din字体和造字工房力黑字体文件
Din 字体是一种经典的、简洁的无衬线字体,它源自1930年代的德国交通标志设计。造字工房力黑字体适用于数字,驾驶舱标题等统计界面。原创 2024-07-09 10:14:07 · 261 阅读 · 0 评论 -
CSS上下悬浮特效
要实现一个上下悬浮的特效,可以使用CSS的@keyframes规则和动画属性。原创 2024-07-09 09:39:15 · 1055 阅读 · 0 评论 -
Vue3项目给ElementPlus设置中文的两个方案
在Vue3项目将切换为中文。原创 2024-07-05 09:26:00 · 414 阅读 · 0 评论 -
Vue3项目中axios请求后端接口
在Vue3项目中,我们可以使用axios库来发送HTTP请求。原创 2024-07-04 10:34:50 · 352 阅读 · 0 评论 -
Vue3Echarts制作三个好看饼图
【代码】Vue3Echarts制作三个好看饼图。原创 2024-07-04 09:26:30 · 279 阅读 · 0 评论 -
Vue3Echarts通用的横向柱状图
【代码】Vue3Echarts通用的横向柱状图。原创 2024-07-02 13:32:06 · 387 阅读 · 0 评论 -
Vue3Echarts通用的折线图带阴影
【代码】Vue3Echarts通用的折线图带阴影。原创 2024-07-01 14:31:36 · 331 阅读 · 0 评论 -
Vue3Echarts实用的双层饼图
【代码】Vue3Echarts实用的双层饼图。原创 2024-07-01 14:24:50 · 248 阅读 · 0 评论 -
Vue3Echarts写关于温湿度统计的好看折线图
【代码】Vue3Echarts写关于温湿度统计的好看折线图。原创 2024-07-01 14:12:32 · 872 阅读 · 0 评论 -
zoom缩放问题(关于ElementPlus、Echarts、Vue3draggable等组件偏移问题)
做了一个项目下来,由于整体界面偏大,采取了缩放90%,导致很多组件出现偏移问题,以下我会把我遇到的各种组件偏移问题依次进行描述解答原创 2024-07-01 10:25:53 · 651 阅读 · 0 评论 -
css 实现背景图和背景色正片叠底
要实现背景图和背景色的正片叠底效果,可以使用CSS的属性。属性定义了元素的内容与其背景层如何混合。当设置为multiply时,可以实现正片叠底效果。原创 2024-07-01 10:00:53 · 568 阅读 · 0 评论 -
Vue3实现表格内容无缝滚动vue3-seamless-scroll
该组件利用原生CSS3动画或JavaScript实现滚动,适用于需要无缝滚动列表数据的场景,如表格、图片等。为了在Vue3应用中实现无缝滚动效果,可以借助组件。该组件支持多种滚动方向和复杂的内容滚动,能够与Vue3的生态系统协同工作。下面将详细探讨这一组件的各项特性和使用方法。原创 2024-06-25 10:00:04 · 1333 阅读 · 0 评论