网上一搜一大堆类似但大多都相对简单，适用的场景并不多。多数也不支持赋值 不支持单个删除更改 我就借鉴了以下文章的思路，为了达到自己想要的效果做了相对应的更改。 借鉴文章链接：> https: blog.csdn.net/qq706352062/article/detail 10555...[2024/7/12]

随着移动互联网的快速发展，小程序等轻量级应用平台日益成为用户获取信息和服务的重要渠道。而小组件也在其中扮演了至关重要的角色，不仅能够提升用户的交互体验，还能帮助开发者高效地构建功能丰富、界面美观的小程序。 一、什么是小程序里的小组件 众所周知，小程序就是无需安装即可运行的轻量级应用，已成为移动...[2024/6/19]

1.功能 当用户未授权地理位置权限时，引导用户开启地理位置权限，区别于之前的uni处理，uni的处理 的处理没有手机系统关闭位置权限的处理,但是uni文章中对于打开位置权限后重新返回小程序有做权限重获取,当前文章未做处理 2.无授权情况分为（截图示例为iphone手机） 2.1 手机系统未开...[2024/4/23]

前言 在小程序的日常迭代中，有一些场景我们可能需要在小程序发布后，用户能够马上感知并更新，比如上线新活动、修复高危漏洞等，如果用户因为各种原因未能及时更新小程序，这就可能导致一些功能无法正常使用或者存在安全隐患，因此，实现小程序的强制更新功能就显得尤为重要。本文将探讨小程序如何做到强制更新，以确...[2024/3/15]

【前言】 小程序开发中，有时会遇到下面这种情况，项目目录中存放过大的js包，会被警告影响手机端性能，同时让开发编译启动变得很慢。慢是其次，单是影响性能这一点，就需要解决一下。     【云资源】 将项目js包放入公司的o 、obs之类的云存储上，通过https链接来...[2023/12/26]

前言 对于小程序大家可能都非常熟悉了，随着小程序的不断普及越来越多的公司都开始推广使用起来了。今天接到一个需求就是生成小程序码，并且与运营给的推广图片合并在一起做成一张漂亮美观的推广二维码，扫码这种二维码就可以进入小程序。为了节省服务器内存资源，我想的就是成功调用通微信生成小程序码的接口后直接把...[2023/11/29]

dc-vant-form 由于我们在小程序上涉及到数据采集业务，需要经常使用表单，微信小程序的表单使用起来非常麻烦，数据和表单是分离的，每个输入框都需要做数据处理才能实现响应式数据，所以我开发了dc-vant-form，针对原生微信小程序+vant组件构建的自定义表单，开发者可以通过表单配置项来...[2023/11/20]

背景： 　　随着项目体量越来越大，用户群体越来越多，用户的声音也越来越明显；关于应用发版之后用户无感知，导致用户用的是仍然还是老版本功能，除非用户手动刷新，否则体验不到最新的功能；这样的体验非常不好，于是我们团队针对该问题给出了相应的解决方案来处理； 技术栈：vue3+ts+vite+ant-...[2023/9/18]

真是搞吐了，研究了整整两天，困死我了  本来使用生成二维码插件好好的，插件页也支持导出二维码图片，可是领导说要带上文件的名称，那就涉及html转图片了，当然也可以改二维码插件的源码，不过源码做了混淆，看晕了，放弃了。 试了将微信的原生插件wxml-to-canvas引入unia...[2023/9/18]

微信隐私保护协议指南 一天天没事闲的     01 在manifest.json 中添加一行 "__usePrivacyCheck__" : false         &nb...[2023/9/6]

大家好！我是sum墨，一个一线的底层码农，平时喜欢研究和思考一些技术相关的问题并整理成文，限于本人水平，如果文章和代码有表述不当之处，还请不吝赐教。 以下是『微信小程序生态系列文章』正文！ 需求背景 我们是一个提供SaaS服务的小程序服务商，会给每一个客户申请一个专属的小程序，到目前为止已经...[2023/7/12]

全局数据共享 全局数据共享(状态管理)是为了解决组件之间数据共享的问题，开发中常用的全局数据共享方案有：Vuex、Redux、MobX等 在小程序中，可用 mobx-miniprogram (用来创建 Store 实例对象) 配合 mobx-miniprogram-bindings (用来把 ...[2023/4/12]

微信小程序的音视频通话可以通过微信提供的实时音视频能力实现。这个能力包括了音视频采集、编码、传输和解码等多个环节，开发者只需要使用微信提供的 API 接口就可以轻松地实现音视频通话功能。 在具体实现上，开发者需要先在微信开放平台上注册并创建小程序，然后在小程序中集成微信实时音视频能力的 SDK...[2023/4/10]

目录一、不引入外部组件的实现方式二、引入外部组件的实现方式总结 一、不引入外部组件的实现方式 <!-- index.wxml --> <view> <!-- 长按复制 --> <view bindlongtap="copyText" da...[2023/3/20]

1、背景 某次促销活动采用微信炒群，红包雨的方式进行引流，面向广大C端用户，活动期间面向大规模用户，系统设计需要承载三高（高可用、高并发、高性能）要求。 系统设计首先我们要考虑几个问题： 1、业务场景面向高并发，怎么设计一个高性能抢红包程序以解决在高并发条件下能正常运行？ 2、系统高并发瓶...[2023/3/8]

离职在家 闲来无事看最近ChatGPT很火 花了一天时间 用Uniapp写了一个小程序端的ChatGPT,实在是看不惯~ 一大堆利用ChatGPT收费的应用(小程序) 整个开源的玩玩 另外主要是自己本身是后端开发人员~ 刚好用uniapp实践一下小程序开发 先看看主页面效果图吧 演示视...[2023/3/6]

背景介绍 事情是这样子的，我们在开发小程序的时候，需要在真机上把相关的日志打出来以便进行问题定位和回溯，于是在编程界就有个今天这个新闻。------ 好消息！广东某男子发现微信小程序开发环境自带vConsole. 同学，你看到这个新闻不震惊不兴奋打鸡血吗？你开发小程序都少装一个vConsole...[2023/2/27]

全局组件 微信小程序组件关系中，父组件使用子组件需要在父组件index.json中引入子组件，然后在父组件页面中使用，这种组件的对应状态是一对一的，一个组件对应一个页面。如果有一个全局弹窗（登录），那么每个页面引入一次组件会非常麻烦，这里就需要封装全局弹窗，在页面直接引入使用即可。 微信小程序...[2023/2/24]

微信小程序的订阅消息是小程序的重要能力之一，为实现服务的闭环提供更优的体验。订阅消息我们应该经常见到，比如下单成功之后的服务通知，支付成功后的支付成功通知，都属于小程序的订阅消息。 本文只实现一次性订阅的功能，至于长期订阅与设备订阅，有机会碰到再进行研究。 目录功能介绍消息类型基本流程注意事...[2023/2/6]

用户不想输入账号密码，一键登录  <label for="" @click="LoginDL">一键登陆</label> uni.getUserProfile(只支持微信小程序) 获取用户信息。每次请求都会弹出授权窗口，用户同意后返回 userInfo。...[2023/1/28]

目录view结构js部分属性解释说明注意 这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现，组件用的是微信小程序的scroll-view 逻辑就是获取右侧盒子的节点信息，获取右侧子分类的节点信息，当子分类滑动到顶部的之后，则切换左侧分类状态，而且当右侧子分类的位置...[2023/1/20]

目录一、项目展示二、操作流程和核心代码三、效果展示 一、项目展示 这是一款娱乐性的小程序 目的是为了解决大学生吃饭的选择困难症 用户可以选择不同的院校 并设置不同餐厅的概率 可以随机选出去哪个食堂吃饭 二、操作流程和核心代码 用户可以选择切换所在院校 同时...[2023/1/16]

微信小程序 getApp() 方法 小程序提供了全局的 getApp() 方法，可获取当前小程序实例，一般用于在子页面中获取顶层应用。 app.js App({ globalData: 1 }); page.js var app = getApp(); console...[2022/12/12]

1）网络 API 列表： wx.request 发起网络请求 wx.uploadFile 上传文件 wx.downloadFile 下载文件 wx.connectSocket 创建 WebSocket 连接 wx.onSocketOpen 监听 WebSocket 打开 wx.onSo...[2022/12/12]

1、什么是瀑布流呢？ 瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。 瀑布流对于图片的展现，是高效而具有吸引力的，用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流...[2022/12/2]

组件间的基本通信方式有以下几种： WXML 数据绑定：用于父组件向子组件的指定属性设置数据。事件：用于子组件向父组件传递数据，可以传递任意数据。如果以上两种方式不足以满足需要，父组件还可以通过 this.selectComponent() 方法获取子组件实例对象，这样就可以直接访问组件的任意数据...[2022/12/2]

目录地图组件当前位置开始跑步按钮GPS定位设置前后台允许获取定位开启前后台定位绘制路线 自己动手实现一个跑步小程序 用到的方法：wx.onLocationChange，监听实时地理位置变化事件，需结合 wx.startLocationUpdateBackground，wx.startLoc...[2022/8/23]

目录??引言???组件通信??父子组件的通信方式???behaviors??behaviors工作方式??创建 behavior??导入并使用 behavior??behavior中所有可用的节点??同名字段的覆盖和组合规则 ??引言 ?经过web前端开发的学习，相信大家对于前端开发有了一定深入...[2022/8/15]

目录全局文件总结 我们前边两篇介绍了账号的申请、注册，工具的安装，云服务的开通。本篇我们介绍一下基础语法。介绍的方法呢我们会结合上微搭低代码的工具一起做个对比。因为低代码工具也产生了非常多的技术概念，但最终在发布成小程序的时候也是按照微信的规范去生成的，把微信开发者工具学会了也可以更深入的了解低代码...[2022/8/2]

目录1 支付场景2 创建数据源2.1 商品数据源2.2 订单数据源3 创建连接器4 创建应用5 功能开发5.1 首页5.2 商品详情页5.3 订单页总结 1 支付场景 我们梳理一下支付场景是什么样子的，首先可以浏览商品，然后在商品的详情页里进行结算。结算的主要目的是生成订单，订单生成好之后就可以...[2022/8/2]

目录1 数据源设计1.1 文章数据源1.2 关注数据源2 录入测试数据3 创建应用4 首页功能实现5 详情页功能实现6 获取用户的openid7 设置关注的低码方法8 发布预览9 总结 1 数据源设计 低代码工具分为模型驱动和表单驱动两种类型，微搭低代码属于模型驱动的低码工具。所谓模型驱动就是要...[2022/8/2]

目录1 开通云上的mysql2 创建自定义连接器3 创建云函数4 安装依赖5 出参映射6 在小程序中使用连接器总结 1 开通云上的mysql 经过询价，我发现阿里云的数据库是比较便宜的，新人购买非常划算。对于爱学习的博主来说，果断购买一个。 按照操作指引购买后，云会帮你创建一系列的环境，在控...[2022/8/2]

目录小程序中的登录用户注册用户信息修改总结 小程序中的登录 在小程序中有一个概念叫openid，这个相当于登录小程序用户的唯一标识，每个微信用户都不同。那要如何拿到用户的唯一标识呢？在微搭低代码中是通过调用系统的api来获取的 let userinfo = await app.utils.g...[2022/8/2]

目录一、uni-app1、简介2、开发工具3、新建 uni-app项目4、把项目运行到微信开发者工具二、实现tabBar效果1、创建tabBar页面2、配置tabBar三、配置网络请求1、依照官网提示安装、导入、使用2、实战四、uni-app 里面小程序分包1、创建分包目录2、在 pages.jso...[2022/8/2]

目录一，WXSS1.1 rpx尺寸单位1.2 样式导入@import1.3 全局样式补充：wx 的扩展-样式导入二，全局配置2.1 属性三，页面配置总结 一，WXSS 首先我们先介绍一下wx ，wx 是微信小程序独有的模板样式，它类似于web开发中的CSS，具备CSS大部分的功能，同时，它还拓展...[2022/8/2]

本文实例为大家分享了微信小程序实现简单购物车的具体代码，供大家参考，具体内容如下 实现一个购物车页面，需要哪些数据。整理下大概如下：一个购物车商品列表(carts)，列表里的单个item包含：商品id(id)，商品图(image)，商品名(title)，单价(price)，数量(amount)...[2022/7/19]

微信小程序中，经常可见选择地区或者商品分类或者其他的分类，选择后显示，选择后删除 先介绍一下主要功能：点击 ‘地区’ ,下面选择区域出现，点击 ‘选择地区’ 中的按钮，上面 ‘已选地区’ 显示选择的地区，点击 &lsquo...[2022/7/19]

本文实例为大家分享了微信小程序实现select二级下拉的具体代码，供大家参考，具体内容如下 xiala.wxml <!-- 列表选择 --> <view cla ="list" hover-cla ="none" hover-stop-propagation="fals...[2022/7/19]

本文实例为大家分享了微信小程序调用摄像头实现拍照的具体代码，供大家参考，具体内容如下 微信小程序开发文档 首先，需要用户授权摄像头权限，这一步是必须的 具体步骤： 1、获取用户当前授权状态，看是否已经授权，如果已经授权直接显示摄像头2、如果用户还没有授权，则调起授权弹框，用户允许授...[2022/7/19]

本文实例为大家分享了微信小程序实现数字滚动效果的具体代码，供大家参考，具体内容如下 效果图 实现思路 1、为了实现数字的无限滚动效果，每个数字框的内部，其实包含了两组0~9的view，每个View的高度都一样2、数字框内使用绝对定位，通过调整top位置，显示出指定的数字3、使用tra...[2022/7/19]

目录第一种:<navigator></navigator>标签.第二种:wx.navigateTo.第三种:wx.redirectTo.第四种:wx.switchTab.第五种:wx.reLaunch. 第一种:<navigator></navigator&...[2022/6/27]

目录一、方法罗列二、讲解三、常用案例四、总结补充：微信小程序如何返回上一个页面并刷新上一个页面总结 返回上一页，一共有4中方法，每种方法都有不一样细节 一、方法罗列 函数说明navigator保留当前页面,在wxml使用wx.navigateTo保留当前页面,在js使用wx.redirectT...[2022/6/20]

微信小程序实现类似elementUI的Timeline时间线效果，自适应页面与文本 wxml代码： <view cla ="box"> ? <view wx:for="{{list}}" wx:key="index" cla ="one"> ? ? <vi...[2022/5/23]

本文实例为大家分享了微信小程序实现简单吸顶效果的具体代码，供大家参考，具体内容如下 需求：进入页面后首先看到banner布局，然后是tab切换栏以及页面内容，当页面滚动到一定距离后，tab切换栏始终固定在顶部 wxml部分代码如下： <!--page test/test.wxml...[2022/5/23]

目录一、PHP7安装Swoole扩展1、自定义安装2、宝塔面板安装PHP swoole扩展二、配置nginx反向代理三、微信小程序socket合法域名配置四、效果演示和代码1、小程序端代码2、服务端代码（PHP代码）五、代码已经编写完了 总结 一、PHP7安装Swoole扩展 PHP ...[2022/4/11]

在小程序云开发中，要实现上传文件至云存储，有两种方案：云函数和HTTP API，前者是在小程序内调用的，而后者则是在小程序外调用的。本文主要讲讲如何使用HTTP API实现小程序外上传文件至云存储。 一、原料 ① 小程序HTTP API② PHP③ Vue.js + Element UI ...[2022/1/24]

源码功能介绍： 1、基础的课程表添加删除、分享功能 2、周数、自定义日、周课程表背景设置，根据周数展示不同课程 3、情侣课表功能，情侣间互相设置课程表背景、看对方的课表及留言 在线演示 开源地址：https: gitee.com/chengdu-gengzixin_liu-ji...[2022/1/17]

总览： 借鉴了市面上存在的几个课程表软件，因为功能太繁杂，于是自己尝试做了个课程表小程序并开源，目前已经支持添加删除课程表功能、周课表、日课表，昨天也新增了设置课程表背景的功能 *** 开源地址： ** gitee开源: ** (https: gitee.com/chengdu-gengzi...[2021/12/31]

微信小程序的 scroll-view 上拉加载更多的BUG（数据会多加载，甚至有重复数据）。 问题描述：上拉一次，会多次触发触底函数 onReachBottom()；换成自定义加载更多函数, 例如 loadMore(), 问题依旧存在。 生产环境：调试基础库 目前最新版本1.9.94 依旧...[2021/8/16]

微信小程序配置tabBar之后会遮挡重要内容，而且不同机型如iPhoneX下面可能有一块空白如下图，比较坑的是页面最底部空白也会显示页面，因此需要获取被遮挡的高度 可以看出iPhoneX下面会多出一块空白也会增加tabBar的遮挡内容，可以通过wx.getSystemInfoSync()...[2021/8/5]