未加平台名,一般特指【微信小程序】,英文名Wechat Mini Program,是一种无需下载安装即可使用的应用,用户通过扫描二维码或搜索名称即可快速启用。
在小程序开发过程中,经常会遇到需要限制 input 输入内容的场景,其中 只能输入整数 是最常见的需求之一 - 比如数量输入、ID 输入、年龄输入等。很多开发者在实现时会遇到非法字符无法实时过滤、开头多 0、正负号异常等问题,今天就整理 3 种最稳定、无 BUG 的实现方案,覆盖正整数、正负整数两种…
在 UniApp 或小程序开发中,图片裁切是非常常见的功能需求,比如用户头像裁剪、证件照裁剪等场景。本文将详细拆解一个可复用、高定制化的图片裁切组件,从组件结构、核心逻辑到样式实现,带你完整掌握图片裁切组件的开发思路和实现细节。 一、组件整体设计思路 本组件基于 UniApp 跨端特性开发,兼容小程…
在 UniApp 或小程序开发中,拖拽排序是一个非常常见的交互需求,比如自定义功能菜单、待办事项排序等。本文将手把手教你实现一个可自定义 UI 的通用拖拽组件,支持长按触发拖拽、边界限制、自动吸附排序,且能适配不同高度的列表项,满足多样化的业务场景。 一、组件核心设计思路 该拖拽组件的核心逻辑围绕 …
在小程序开发中,我们经常会遇到这样的场景:用 View 包裹 Canvas 组件,给 View 设置固定高度/宽度和 overflow:hidden,本意是让超出 View 范围的 Canvas 内容被裁切隐藏,结果却发现 Canvas 内容 穿透 了 View,完全不受 overflow:hidd…
在小程序开发中,金额输入是高频需求场景(如支付、充值、订单提交等),但原生输入框无法直接满足金额格式的严格要求。若放任用户自由输入,很容易出现非数字字符、多个小数点、小数点后多位、前置无效 0 等问题,后续处理极易引发计算错误或接口异常。 本文结合实战经验,总结两种小程序金额输入框的实现方案,核心目…
小程序文本只显示两行超出部分用省略号代替,小程序说到底还是 Google 浏览器的内核渲染页面,所以试用于我们传统的长文本折行显示。 <view class="box">小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验…