zxlh1529

摘要： 最近有个需求需要在小程序中实现一个新手引导组件，通过遮罩、高亮区域和提示框的组合，为应用提供流畅的用户引导体验。 组件功能概述 这个引导组件提供了以下核心功能： 分步引导：支持多步骤引导流程 智能定位：自动计算高亮区域位置 遮罩效果：突出显示目标元素 方向感知：根据位置调整提示框方向 进度控制：下一 阅读全文

摘要： 使用UniApp Canvas实现分享海报 一、分享海报 现在使用 Uniapp 中的 canvas 简单实现下商品的分享海报，附上二维码（这个可以附上各种信息例如分享绑定下单等关系）,开箱即用。 动态生成包含商品信息、用户二维码的分佣海报 一键保存到手机相册 支持App原生分享和小程序分享 打通社 阅读全文

摘要： 微信小店现已全面打通小程序生态，为开发者提供强大的电商能力支持。本文将详细介绍各项集成功能及代码实现方案。 一、商品展示与交易能力 1. 商品卡片嵌入 // 基础商品卡片嵌入 <store-product product-id="123456" app-id="wx1234567890abcdef" 阅读全文

摘要： 微信推客注册参数解析（UniApp） ✅ 这篇文章主要是 uniapp 实现小程序对接推客用户注册，聚焦微信生态推客业务的注册流程解析与 UniApp，结合实战避坑经验。 一、接口参数解析 先让后端调用微信的接口获取数据给到前端，可以看出从微信返回的接口数据中，以下字段与注册流程强相关： { "er 阅读全文

摘要： 📱 UniApp 实现 App 连接低功耗蓝牙（BLE）通讯 手头上有一个 uniapp 实现低功耗蓝牙通讯设备的项目，本来 Android 版本没问题已经上线，到了发布测试 iOS 出问题了，连接上了设备但是通讯失败，排查了下才发现是协议通讯中有包含六位 ID，也就是设备的 MAC 地址，因为设 阅读全文

摘要： CSS 布局与视觉效果常用实践指南 在我一篇随笔中其实有说到十大布局，里面有提到 flex 布局、grid 布局、响应式布局，不过没有提到容器查询这个，现在说下这三个布局然后穿插下容器查询吧。 1️⃣ 核心布局方案 🧩 Flexbox 弹性布局 适用场景：线性布局、动态内容对齐，例如按钮组、导航栏 阅读全文

摘要： 🧾 微信小程序/H5 调起确认收款界面详解（附代码+平台兼容处理） 场景：用户点击「收款」按钮后，系统调起微信收款组件，用户确认后完成转账或收款流程。该能力广泛用于现金营销、二手交易、佣金报酬、企业赔付等业务场景中。 具体见官方文档 💡 背景 微信官方在前俩月更新了 requestMerchan 阅读全文

摘要： JavaScript 单线程原理与异步编程机制 为什么 JavaScript 是单线程？ JavaScript 被设计成单线程，简单来说就是 —— 浏览器里干活儿只能一个接一个排着队来，没法同时多开窗口摸鱼。 举个栗子： 你点按钮 → 网页要弹个提示 → 这时候如果网页还在加载数据 → 弹提示就得等 阅读全文

摘要： Vue2、Vue3、小程序页面生命周期详解 本篇将对比 Vue2、Vue3 以及小程序页面/组件的生命周期，简单梳理各自特点、差异、新增优化点。 📦 Vue2 生命周期 beforeCreate → created → beforeMount → mounted → beforeUpdate → 阅读全文

摘要： 微前端（Micro Frontends） 微前端是一种架构理念，借鉴了微服务的思想，将一个大型的前端应用拆分为多个独立、自治的子应用，每个子应用可以由不同团队、使用不同技术栈独立开发和部署，最终聚合为一个整体产品。 🧱 生活化类比示例：乐高拼图理解微前端 想象你在搭乐高城堡，原来需要所有人挤在一起 阅读全文