首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
博客园
焦糖泡芙
创建于2024-09-27
订阅专栏
博客园备份随笔
等 1 人订阅
共45篇文章
创建于2024-09-27
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Element-plus组件库的MessageBox 消息弹框组件自定义样式的坑
一、问题描述: 在使用Element-plus组件库的MessageBox 消息弹框组件时,需要更改该组件的按钮样式,于是根据官网文档: 找到cancel-button-class、confirm-
导航栏激活态下划线效果的CSS实现
导航栏激活态下划线效果的CSS实现 一、鼠标移入效果图如下: 二、div结构 css如下:
js加密手机号码中间四位方法
js加密手机号码中间四位方法一、实现效果: 二、方法代码封装: 方法一: 方法二: 三、使用方法:
js格式化货币方法
💡闲来无事自己基于原生js方法封装了一个可用于常见货币格式化的方法,具体方法封装如下: ps:该方法注释使用jsdoc注释写法,可直接在编译器中查看使用。 🎉使用方法很简单,也可以看注释内容,这里演示
js节流函数与防抖函数
防抖函数和节流函数都是为了解决JavaScript中频繁触发事件而导致的性能问题,但它们的实现方式和使用场景有所不同。 一、防抖函数 防抖函数的作用是在事件触发后一定时间内没有再次触发该事件时,才执行
Nuxt3.0中使用EChart可视化图表📊
😊在Nuxt3.0项目中用到了可视化图表📊,于是我用了EChart可视化图表库。但是在官网我没有找到针对在Nuxt3.0中使用EChart的方法,于是在这里记录我的引入EChart并简单使用的步骤。需
NUXT3.0实现网络请求二次封装
😊最近在开发基于nuxt3.0的项目,看了官网的网络请求,感觉不太适合,就自己基于官网的useFetch()方法封装了一个网络请求,下面开始实现封装。 🚚第一步:新建http.ts文件,用于编写封装代
CSS绘制虚线的方案
一、实现效果👀 二、代码实现🤖 你还可以加上定位属性去调整线条位置等等。至此,线条效果就是实现啦! 三、封装:Vue3.0中组件封装🍬 1、🚚组件封装: 2、🛖组件使用: 🎉以上就完成啦!欢迎大佬
vue模板语法中能否用??的三目运算简写的问题
使用双问号(??)的三目运算可以在 JavaScript 中使用,但在 Vue 模板语法中不支持。Vue 模板语法中的三目运算仍然使用单个问号(?)和冒号(:)的标准形式。例如: {{ conditi
Vue鼠标与键盘事件触发汇总
Vue鼠标与键盘事件触发汇总 一、鼠标事件 1、悬浮事件 2、点击事件 二、键盘按键事件 1、单按键事件 2、组合按键事件 其他组合按键事件类似,可自行尝试。
Vite代理配置不生效问题
1、问题: 在写Vite+vue3.0项目时,配置vite代理,遇到不起效的问题,具体如下: 如上简写的写法,代理不生效。 2、解决方案: 查看官网后,改用如下写法生效: 3、原因排除: 经过测试发现
css隐藏滚动条
css如何隐藏div区域的超出滚动条,但仍保持滚动功能呢?这里给出我的方法: 这里是div滚动区域html代码,scroll-box是产出自动滚动区域,如下: 这里是滚动区域css代码,包括隐藏滚动条
js防抖函数
1、使用场景: 例如:搜索框搜索输入。只需用户最后一次输入完,再发送请求 2、函数防抖的要点: 需要一个 setTimeout 来辅助实现,延迟运行需要执行的代码。如果该方法多次触发,则把上次
CSS设置多余文字自动省略
在写界面的过程中,常用到文字排版的问题,多余文字需要自动省略为”.....“,这里分享一个自己用到的方法,效果如下图: 使用方法: 在需要省略的文字css样式中写入如下代码即可: 使用示例:
微信小程序生成海报方案
前段时间因为业务需求,需要在微信小程序里分享海报,于是在网上找到了这个方案。此处主要是搬运了网上的内容,加上我自己融合的组件的下载内容。具体如下: 第一步:下载组件 下载组件:Painter 一款轻量
uniCloud云函数结合nodemailer发送邮件的方法
使用uniCloud云函数结合nodemailer发送邮件的时候,在本地调试可以发送成功,但是当我把云函数上传后,就不能发送到邮件了,但是云函数依旧执行了。开始我以为是node.js版本的原因,但是经
js判断一个变量是否存在值得简单方法
在编码过程中,有时候我们需要对一个变量判断其是否有值,这里有一种比较不错的方法判断: 示例如下:xxx
微信小程序仿手机相册组件——简单版
仿手机相册的微信小程序组件,具备点击图片预览,长按图片出现多选框功能,读者可以根据自己的需求,依据现有数据进行删除等操作。话不多说,先看效果: 初始效果: 长按效果: 选择效果: 注意:当
ES6中好用的方法
1、关于扁平化数组 其中使用Infinity作为flat的参数,使得无需知道被扁平化的数组的维度。 补充 flat方法不支持IE浏览器。 2、关于输入框非空的判断 3、关于合并数据
基于cornerstone.js的dicom医学影像查看浏览功能
最近由于项目需求,需要医学影像.dcm文件的预览功能,功能完成后,基于原生Demo做一个开源分享。心急的小伙伴可以先看如下基于原生js
下一页