功能实现
文章平均质量分 52
不同功能实现方法汇总
逆旅行天涯
一个学习前端的UI设计师
展开
-
【css】CSS 文本溢出显示省略号
【代码】【css】CSS 文本溢出显示省略号。原创 2024-11-01 11:00:38 · 366 阅读 · 0 评论 -
【自定义鼠标样式】怎么改变鼠标样式?
padding: 0;清除掉页面默认鼠标样式;.mouse{;显示层级高点;取消它的鼠标事件,并指向它下面的元素。固定定位,给个值让它在屏幕外;})核心就是获取鼠标在网页中的位置值,并赋值给鼠标光标,再通过绝对定位设置位置即可。mouse.offsetWidth/2 别忘了减去自身宽(高)的一半。原创 2024-11-01 10:32:59 · 528 阅读 · 0 评论 -
如何改变浏览器标签页名称?
document.title可以获取页面标题,配合监听器可以改变标题内容。2.当切换为本网页时,网页标题为“哇!document.hidden判断页面是否课件。1.当切换到其他网页时,网页标题为“别走!当页面的可见性发生变化时,会执行提供的函数。3.过2s后标题切换为原网页标题。对象添加了一个事件监听器,监听。原创 2024-10-15 14:58:58 · 344 阅读 · 0 评论 -
前端加载动画效果的实现
在加载页面时网页首屏加载时间过长,给用户带来不好的体验,所以我们通常使用加载动画的方式去实现。原创 2024-10-15 11:11:12 · 713 阅读 · 0 评论 -
【live2d】看板娘人物模型使用方法
新建utils文件,创建live2d.js。原创 2024-10-14 14:46:56 · 557 阅读 · 0 评论 -
【vue3】弹幕效果实现
用于记录一次弹幕功能实现,采用了vue3-danmaku组件。原创 2024-10-12 15:39:57 · 677 阅读 · 0 评论 -
【vue3】分页功能实现(nodejs)
在前端中分页查询的出现是为了让有一定数据量的页面能够更合理的展示出来,同时结合Element Ui提供的分页组件,能够对前端展示的数据做更多的操作。原创 2024-10-09 10:12:57 · 689 阅读 · 0 评论 -
【vue3】图片上传功能实现
图片上传功能实现原创 2024-10-08 15:52:38 · 833 阅读 · 0 评论 -
基于Vue3内置的lodash函数库实现防抖节流
防抖和节流使用方法原创 2024-09-29 10:39:18 · 962 阅读 · 0 评论 -
【vue3】防抖与节流
高频率触发的事件,在指定的单位时间内,只响应最后一次,如果在指定的时间内再次触发,则重新计算时间防抖类似于英雄联盟回城6秒,如果回城中被打断,再次回城需要再等6秒。原创 2024-09-29 09:47:35 · 740 阅读 · 0 评论 -
【vue3】 自动引入实现
在vue3中用到ref、reactive等等时,我们总是需要引入组件然后使用,非常的麻烦,怎么能自动引入?原创 2024-09-27 11:45:10 · 651 阅读 · 0 评论 -
【vue3】登录功能怎么实现?
登录功能实现方法原创 2024-09-26 16:00:09 · 862 阅读 · 0 评论 -
【解决】vue 弹窗后面页面可以滚动问题
做web端项目过程中,发现点击弹窗后,弹窗后面的页面还可以滚动。复现如下:【方法1】step1:在弹框页面使用@mousewheel.prevent<div v-show="workShowMenu" @mousewheel.prevent > // TO DO...弹框内容</div>注意:该方法不适用于弹框上也有滚动条的时候,会失效。方法2】step1:在点击出现弹框的事件里加上这句:document.doc原创 2024-09-10 11:40:28 · 754 阅读 · 0 评论 -
【功能实现】如何实现点击后跳转到顶部??
🌰1.右侧固定悬浮按钮,点击后可以跳转到顶部2.右侧的悬浮按钮可以像滚动条一样显示当前进度在Vue 3中实现点击后跳转到页面顶部的功能,通常不需要复杂的逻辑,因为你可以直接操作方法来实现。这里有几个步骤和示例代码,帮助你实现这个功能。原创 2024-09-06 11:14:44 · 892 阅读 · 0 评论 -
【功能实现】axios实现动态数据
1.新建utils文件夹,存放工具,新建request.ts文件。2.新建api文件夹,在文件夹下新建index.ts文件。对于api的集中存放,增加代码规范化,后期更好维护。3.在首页直接调用使用。原创 2024-08-26 11:25:38 · 445 阅读 · 0 评论 -
【功能实现】Vue3中导航栏效果实现
点击导航后会跳转到相应的页面当页面在顶部时,导航栏模块背景是透明的当页面向下滚动超过150px时,导航栏背景为白色原创 2024-08-23 12:08:38 · 1212 阅读 · 0 评论