摘要: 使用双问号(??)的三目运算可以在 JavaScript 中使用,但在 Vue 模板语法中不支持。Vue 模板语法中的三目运算仍然使用单个问号(?)和冒号(:)的标准形式。例如: {{ condition ? true_value : false_value }} 如果你想在 Vue 模板中使用类似 阅读全文
posted @ 2023-03-30 16:15 莫颀 阅读(487) 评论(0) 推荐(0) 编辑
摘要: Vue鼠标与键盘事件触发汇总 Vue鼠标与键盘事件触发汇总 一、鼠标事件 1、悬浮事件 @mouseenter :进入 @mouseover:在 @mousemove:移动 @mouseout:移出 @mouseleave:离开 2、点击事件 @click:单击左键 @mousedown:按下鼠标左键/右键 @mouseup:松 阅读全文
posted @ 2023-03-30 15:19 莫颀 阅读(1232) 评论(0) 推荐(0) 编辑
摘要: 1、问题: 在写Vite+vue3.0项目时,配置vite代理,遇到不起效的问题,具体如下: // vite.config.ts proxy: { '/api': ' http://localhost:3000' } 如上简写的写法,代理不生效。 2、解决方案: 查看官网后,改用如下写法生效: // 阅读全文
posted @ 2023-03-30 11:37 莫颀 阅读(8374) 评论(0) 推荐(0) 编辑
摘要: css如何隐藏div区域的超出滚动条,但仍保持滚动功能呢?这里给出我的方法: 这里是div滚动区域html代码,scroll-box是产出自动滚动区域,如下: <div class="scroll-box"> <div class="scroll-item">滚动单元内容</div> </div> 阅读全文
posted @ 2023-03-03 08:46 莫颀 阅读(649) 评论(0) 推荐(0) 编辑
摘要: 1、使用场景: 例如:搜索框搜索输入。只需用户最后一次输入完,再发送请求 2、函数防抖的要点: 需要一个 setTimeout 来辅助实现,延迟运行需要执行的代码。如果该方法多次触发,则把上次记录的延迟执行代码用 clearTimeout 清掉,重新开始计时。若计时期间事件没有被重新触发,等延迟时间 阅读全文
posted @ 2023-02-01 17:34 莫颀 阅读(2438) 评论(0) 推荐(0) 编辑
摘要: 在写界面的过程中,常用到文字排版的问题,多余文字需要自动省略为”.....“,这里分享一个自己用到的方法,效果如下图: 使用方法: 在需要省略的文字css样式中写入如下代码即可: display: -webkit-box; word-break: break-all; text-overflow: 阅读全文
posted @ 2023-01-06 08:47 莫颀 阅读(584) 评论(0) 推荐(0) 编辑
摘要: 前段时间因为业务需求,需要在微信小程序里分享海报,于是在网上找到了这个方案。此处主要是搬运了网上的内容,加上我自己融合的组件的下载内容。具体如下: 第一步:下载组件 下载组件:Painter 一款轻量级的小程序海报生成组件 下载地址(github地址):Kujiale-Mobile/Painter: 阅读全文
posted @ 2022-12-29 09:25 莫颀 阅读(1528) 评论(0) 推荐(0) 编辑
摘要: 使用uniCloud云函数结合nodemailer发送邮件的时候,在本地调试可以发送成功,但是当我把云函数上传后,就不能发送到邮件了,但是云函数依旧执行了。开始我以为是node.js版本的原因,但是经过排查,我发现不是版本原因,而是线程原因,于是,我前往社区查看,最终找到了一篇很有用的文章。如下: 阅读全文
posted @ 2022-11-04 23:24 莫颀 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 在编码过程中,有时候我们需要对一个变量判断其是否有值,这里有一种比较不错的方法判断: !!variable //返回True为存在值,返回False为不存在值 注意是双感叹号“!!” 示例如下: var obj={ name:'张三', phone:'', //注意区分此处''中间是没有空格的,空格 阅读全文
posted @ 2022-10-27 16:52 莫颀 阅读(325) 评论(0) 推荐(0) 编辑
摘要: 仿手机相册的微信小程序组件,具备点击图片预览,长按图片出现多选框功能,读者可以根据自己的需求,依据现有数据进行删除等操作。话不多说,先看效果: 初始效果: 长按效果: 选择效果: 注意:当前只是简单的逻辑,用户注意查看控制台的输出和代码中的注释!!!!! 上代码: photo-album.wxml 阅读全文
posted @ 2022-10-26 16:43 莫颀 阅读(385) 评论(0) 推荐(0) 编辑