莫颀

摘要： 一、鼠标移入效果图如下： 二、div结构 <div class="navbar"> <ul> <li>首页</li> </ul> </div> css如下： .navbar { color: #ACB0BB; font-weight: 400; cursor: pointer; } .navbar 阅读全文

摘要： 💡闲来无事自己基于原生js方法封装了一个可用于常见货币格式化的方法，具体方法封装如下： /** * 格式化人民币金额 * @param number num 数字金额 * @param string symbol 金额符号，默认值为人民币："CNY" * @example symbol符号参数如下 阅读全文

摘要： 防抖函数和节流函数都是为了解决JavaScript中频繁触发事件而导致的性能问题，但它们的实现方式和使用场景有所不同。 一、防抖函数 防抖函数的作用是在事件触发后一定时间内没有再次触发该事件时，才执行处理方法。简单来说，就是在最后一个事件被触发后，还要等待一段时间，如果这段时间内没有再次触发事件，才 阅读全文

摘要： 😊在Nuxt3.0项目中用到了可视化图表📊，于是我用了EChart可视化图表库。但是在官网我没有找到针对在Nuxt3.0中使用EChart的方法，于是在这里记录我的引入EChart并简单使用的步骤。需要声明的是，本文只针对在Nuxt3.0项目中使用EChart.js库的可视化图表进行讲解，不针对 阅读全文

摘要： 😊最近在开发基于nuxt3.0的项目，看了官网的网络请求，感觉不太适合，就自己基于官网的useFetch()方法封装了一个网络请求，下面开始实现封装。 🚚第一步：新建http.ts文件，用于编写封装代码 我选择在composables目录中新建http.ts。composables是官方默认的插 阅读全文

摘要： 一、实现效果👀 二、代码实现🤖 <div class="line"></div> .line { width: 1px; /* 虚线宽度 */ background-image: linear-gradient(to bottom, #78FBCE 0%, #78FBCE 80%, transp 阅读全文

摘要： 使用双问号（??）的三目运算可以在 JavaScript 中使用，但在 Vue 模板语法中不支持。Vue 模板语法中的三目运算仍然使用单个问号（?）和冒号（:）的标准形式。例如： {{ condition ? true_value : false_value }} 如果你想在 Vue 模板中使用类似 阅读全文

摘要： Vue鼠标与键盘事件触发汇总 一、鼠标事件 1、悬浮事件 @mouseenter ：进入 @mouseover：在 @mousemove：移动 @mouseout：移出 @mouseleave：离开 2、点击事件 @click：单击左键 @mousedown：按下鼠标左键/右键 @mouseup：松 阅读全文

摘要： 1、问题： 在写Vite+vue3.0项目时，配置vite代理，遇到不起效的问题，具体如下： // vite.config.ts proxy: { '/api': ' http://localhost:3000' } 如上简写的写法，代理不生效。 2、解决方案： 查看官网后，改用如下写法生效： // 阅读全文

摘要： css如何隐藏div区域的超出滚动条，但仍保持滚动功能呢？这里给出我的方法： 这里是div滚动区域html代码，scroll-box是产出自动滚动区域，如下： <div class="scroll-box"> <div class="scroll-item">滚动单元内容</div> </div> 阅读全文