微信小程序 小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。
在微信小程序开发过程中,iOS 设备独有的 橡皮筋弹性回弹效果 是前端高频兼容问题。该效果由 iOS WebKit 内核原生触发,表现为页面下拉、上拉边界时出现空白回弹、页面弹性晃动,严重影响界面精致度和用户体验。 常规网上通用的 scroll-view 、 disableScroll 解决方案,在…
在基于 TinyMCE 富文本编辑器开发网页图文编辑功能时,图片上传是高频基础需求,常规实现方案为创建隐藏 type="file" 的 input 标签,通过 JS 获取 DOM 后调用 click () 唤起系统文件选择窗口完成图片选取。 在普通浏览器环境下该逻辑运行正常,但在 PC 端微信内…
在 uniapp 日常开发中,textarea 多行文本输入是表单场景高频使用的组件。实际业务里,往往会对文本换行格式、整体行数做出强约束,同时还要解决格式化内容后光标强制跳转的痛点问题。本文完整记录 uniapp textarea 从基础格式限制到综合规则落地的全流程开发实践,覆盖开发中遇到的全部…
在前端开发中,HTTP 请求是与后端交互的核心环节。直接使用 axios 原生方法会导致代码冗余、错误处理不统一、鉴权逻辑分散等问题。本文将详细拆解一套可复用、高扩展性的 axios 通用请求方法封装方案,帮助开发者规范请求逻辑、提升代码可维护性。 一、封装前的准备工作 在开始封装前,我们需要明确两…
为了在地图原生组件 <map> 上覆盖内容,在某个页面使用 subnvue,按照官方教程一步步添加代码,打安卓包时报错信息如下: 19:32:12.467 项目 'employeesApp' 开始编译... 19:32:14.790 4.36 19:32:14.801 请注意运行…
在 UniApp 或小程序开发中,图片裁切是非常常见的功能需求,比如用户头像裁剪、证件照裁剪等场景。本文将详细拆解一个可复用、高定制化的图片裁切组件,从组件结构、核心逻辑到样式实现,带你完整掌握图片裁切组件的开发思路和实现细节。 一、组件整体设计思路 本组件基于 UniApp 跨端特性开发,兼容小程…
在 UniApp 或小程序开发中,拖拽排序是一个非常常见的交互需求,比如自定义功能菜单、待办事项排序等。本文将手把手教你实现一个可自定义 UI 的通用拖拽组件,支持长按触发拖拽、边界限制、自动吸附排序,且能适配不同高度的列表项,满足多样化的业务场景。 一、组件核心设计思路 该拖拽组件的核心逻辑围绕 …
在小程序开发中,文本布局的精准度直接影响用户体验,尤其是当我们使用 72 号大字体、文本内容包含中文、英文、数字及特殊符号时,如何精准计算文本宽度,成为自定义组件、自适应布局、文本居中对齐等场景的核心需求。比如自定义导航栏标题、大字体海报文本、动态文本容器适配等场景,一旦文本宽度计算偏差,就会出现文…
在微信小程序开发中,「金额输入」几乎是一个 必踩的坑 : 充值、支付、下单、退款、报价……只要涉及钱,就绕不开它。 看起来只是一个 input ,但实际做起来你会发现: type="number" 并不安全 不同平台(iOS / Android)行为不一致 小数点、前导零…