摘要: 一、鼠标移入效果图如下: 二、div结构 <div class="navbar"> <ul> <li>首页</li> </ul> </div> css如下: .navbar { color: #ACB0BB; font-weight: 400; cursor: pointer; } .navbar 阅读全文
posted @ 2023-08-01 14:55 莫颀 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 💡闲来无事自己基于原生js方法封装了一个可用于常见货币格式化的方法,具体方法封装如下: /** * 格式化人民币金额 * @param number num 数字金额 * @param string symbol 金额符号,默认值为人民币:"CNY" * @example symbol符号参数如下 阅读全文
posted @ 2023-07-03 19:31 莫颀 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 防抖函数和节流函数都是为了解决JavaScript中频繁触发事件而导致的性能问题,但它们的实现方式和使用场景有所不同。 一、防抖函数 防抖函数的作用是在事件触发后一定时间内没有再次触发该事件时,才执行处理方法。简单来说,就是在最后一个事件被触发后,还要等待一段时间,如果这段时间内没有再次触发事件,才 阅读全文
posted @ 2023-06-26 09:06 莫颀 阅读(480) 评论(0) 推荐(0) 编辑
摘要: 😊在Nuxt3.0项目中用到了可视化图表📊,于是我用了EChart可视化图表库。但是在官网我没有找到针对在Nuxt3.0中使用EChart的方法,于是在这里记录我的引入EChart并简单使用的步骤。需要声明的是,本文只针对在Nuxt3.0项目中使用EChart.js库的可视化图表进行讲解,不针对 阅读全文
posted @ 2023-05-10 18:41 莫颀 阅读(2265) 评论(0) 推荐(2) 编辑
摘要: 😊最近在开发基于nuxt3.0的项目,看了官网的网络请求,感觉不太适合,就自己基于官网的useFetch()方法封装了一个网络请求,下面开始实现封装。 🚚第一步:新建http.ts文件,用于编写封装代码 我选择在composables目录中新建http.ts。composables是官方默认的插 阅读全文
posted @ 2023-05-09 16:27 莫颀 阅读(5413) 评论(3) 推荐(2) 编辑
摘要: 一、实现效果👀 二、代码实现🤖 <div class="line"></div> .line { width: 1px; /* 虚线宽度 */ background-image: linear-gradient(to bottom, #78FBCE 0%, #78FBCE 80%, transp 阅读全文
posted @ 2023-05-06 17:31 莫颀 阅读(895) 评论(0) 推荐(0) 编辑
摘要: 使用双问号(??)的三目运算可以在 JavaScript 中使用,但在 Vue 模板语法中不支持。Vue 模板语法中的三目运算仍然使用单个问号(?)和冒号(:)的标准形式。例如: {{ condition ? true_value : false_value }} 如果你想在 Vue 模板中使用类似 阅读全文
posted @ 2023-03-30 16:15 莫颀 阅读(583) 评论(0) 推荐(0) 编辑
摘要: Vue鼠标与键盘事件触发汇总 Vue鼠标与键盘事件触发汇总 一、鼠标事件 1、悬浮事件 @mouseenter :进入 @mouseover:在 @mousemove:移动 @mouseout:移出 @mouseleave:离开 2、点击事件 @click:单击左键 @mousedown:按下鼠标左键/右键 @mouseup:松 阅读全文
posted @ 2023-03-30 15:19 莫颀 阅读(1288) 评论(0) 推荐(0) 编辑
摘要: 1、问题: 在写Vite+vue3.0项目时,配置vite代理,遇到不起效的问题,具体如下: // vite.config.ts proxy: { '/api': ' http://localhost:3000' } 如上简写的写法,代理不生效。 2、解决方案: 查看官网后,改用如下写法生效: // 阅读全文
posted @ 2023-03-30 11:37 莫颀 阅读(10441) 评论(0) 推荐(0) 编辑
摘要: css如何隐藏div区域的超出滚动条,但仍保持滚动功能呢?这里给出我的方法: 这里是div滚动区域html代码,scroll-box是产出自动滚动区域,如下: <div class="scroll-box"> <div class="scroll-item">滚动单元内容</div> </div> 阅读全文
posted @ 2023-03-03 08:46 莫颀 阅读(686) 评论(0) 推荐(0) 编辑