uniapp微信小程序

微信小程序-绘制仪表盘

参考文章1、微信小程序Canvas自绘图表之仪表图（表盘）2、canvas实现环形渐变进度条效果展示前言完整代码可移至参考文章1，若有需要，敬请移步。

学习者+1·2025-02-01 08:10

AIGC产品数字人 –【字形绘梦】之绘声

拉达曼迪斯II·2025-02-01 08:39

SpringBoot+Vue.js协同过滤算法美食推荐小程序

于是对各种需求进行规范而严格是十分有必要的，所以许许多多的微信小程序应运而生。此时单靠人力应对这些事务就显得有些力不从心了。

wqq_992250277·2025-02-01 08:34

微信小程序上传图片到服务器总是失败_微信小程序压缩图片并上传到服务器（拿去即用）...

这里注意一下，图片压缩后的宽度是画布宽度的一半canvasToTempFilePath创建画布的时候会有一定的时间延迟容易失败，这里加setTimeout来缓冲一下这是单张图片压缩，多张的压缩暂时还没有成功，保存到服务器上后是空白的，如有大神望指点一二(＞人＜；)/**压缩图片*/compressionImage(tempFilePaths,params){letthat=thiswx.getIm

weixin_39665847·2025-01-31 21:39

微信小程序压缩图片

由于wx.compressImage(Objectobject)iOS仅支持压缩JPG格式图片。所以我们需要做一下特殊的处理：1.获取文件，判断文件是否大于设定的大小2.如果大于则使用canvas进行绘制，并生成新的图片路径3.上传图片asyncchooseImage(){letres=awaitwx.chooseMedia({count:1,sizeType:["compressed"],med

Goat恶霸詹姆斯·2025-01-31 21:33

uniapp 实现Toast轻提示！

一、在components文件夹下新建Toast文件，包含Toast.vue和index.jsToast.vue{{text}}exportdefault{name:"Toast",props:{isshow:{type:Boolean,},text:{type:String,},},watch:{isshow(val){if(val===true){setTimeout(()=>{this.is

Rlm*·2025-01-31 03:59

AI光速发展的时代，普通人怎么才能上车？

文章开始之前希望大家支持一下我独立开发的微信小程序“头脑旋风”，或微信扫描我的头像进入，谢谢支持~在人工智能快速发展的今天，普通人上车并非易事，但通过系统化的策略和持续的努力，是可以实现个人成长和职业转型的

头脑旋风·2025-01-30 23:29

【Elasticsearch 】自定义分词器

__c=1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编程，高并发设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，

程风破～·2025-01-30 20:32

【uniapp】uniapp使用java线程池

标题由于js是性能孱弱的单线程语言，只要在渲染中执行了一些其他操作，会中断渲染，导致页面卡死，卡顿，吐司不消失等问题。在安卓端可以调用java线程池，把耗时操作写入线程池里面，优化性能。实现使用native.js,直接贴出代码classJavaExecutorPool{constructor(){//#ifdefAPP-PLUSconstScheduledThreadPoolExecutor=pl

新青年.·2025-01-30 18:41

uniapp 自定义图片预览组件PicturePreview（Vue3、组合式、ts）

组件import{ref}from'vue';constimages=ref>([]);constcurrentIndex=ref(0);constshow=ref(false);constscale=ref(1);functiononSwiperChange(e:any){scale.value=1;currentIndex.value=e.detail.current;}constonScal

舍予一·2025-01-30 17:10

uniapp使用uni.navigateBack返回页面时携带参数到上个页面

我们平时开发中也经常遇到这种场景，跳转一个页面会进行一些操作，操作完成后再返回上个页面同时要携带着一些参数其实也很简单，也来记录一下吧假设从A页面跳转到B页面A页面直接上完整代码了哈，很简单：跳转exportdefault{onLoad(){//跟vue的兄弟传值一个意思uni.$on('face-msg',this.faceMsg)},onUnload(){uni.$off('face-msg'

会说法语的猪·2025-01-30 17:06

微信小程序上传图片使用compressImage压缩

在上传图片时，如果太大体积得图片，往往会上传很慢，而且还加大服务器的压力，所以在性能考虑方面来说，可以处理上传图片时先压缩再传给后端目前原生小程序开发有两种方式进行压缩（原生方法，不排除有第三方接入，但是我目前没找到第三方插件，有找到的大佬们分享一下）这篇先写官方api压缩compressImage压缩这个是官方api压缩方法，但是偶现兼容问题，仅对jpg图片有效1、选择图片使用wx.choose

前端搬砖达人·2025-01-30 09:34

微信小程序如何制作美化一个商铺页面(内附解析)

最终的样式像这样的一个界面它是如何实现的呢？相信这是很多初学者的问题。那么请看下文：首先现在wxml中输入以下代码//第一个父view//第一个父view中的第一个子view//第一个父view中的第二个子view{{item.name}}电话：{{tools.splitPhone(item.phone)}}地址：{{item.address}}营业时间：{{item.businessHours}

练习剑魔两年半·2025-01-30 09:33

微信小程序压缩图片到200kb,递归设置压缩质量

一、背景我们有个人脸识别门闸的功能，小程序上上传人脸照片，然后门闸识别人脸开门。图片大小要在在200kb，但是也不能压缩的太小，因为大小有可能识别不到或者要走很近才能识别。所以选择递归的方式实现图片的压缩。二、代码实现toTakePhoto(){wx.chooseMedia({count:1,mediaType:['image'],sourceType:['album','camera'],siz

八分钟de温暖·2025-01-30 09:03

微信小程序开发图片压缩功能

在微信小程序的开发过程中，为了防止用户在上传图片时出现过大文件的情况，造成后台的加载负担，我们通常会在前台加上大小的限制或在上传时就对图片进行压缩微信小程序官方为我们提供了一个API：wx.compressImage

四时之雨·2025-01-30 09:32

知了课堂Day2——微信小程序基础02——wxss

1.box-sizing:content-box|border-box|inherit;content-box这是由CSS2.1规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距

淡定ya·2025-01-30 09:31

微信小程序压缩图片失真

解决方法为image设置lazy-load懒加载和mode缩放模式

昊喵喵博士·2025-01-30 09:31

原生微信小程序开发踩坑

微信同声传异插件支持30s左右的音频官网的插件语音识别只能支持30s左右的音频，长时间不可以，建议使用循环调用该方法。

Goat恶霸詹姆斯·2025-01-30 09:01

微信小程序压缩图片及上传至云存储

微信小程序压缩图片及上传至云存储目的：将选择的任意图片压缩，给定压缩后的图片高度宽度最大值并保证同比例压缩，最后上传至微信云存储。

视图猿人·2025-01-30 09:01

微信小程序实现本地图片压缩

最近在刚好遇到要压缩图片，网上随手搜了一下图片在线压缩，结果要么需要登录、要么要看广告，感觉很麻烦，于是乎，就在我的小程序“小白工具集”里撸了一个图片压缩的功能（写小程序纯属个人爱好）图片大小必然遵循两个原则1、相同格式下图片越清晰，文件越大2、相同格式下图片尺寸越大，文件越大所以我们压缩就只干两件事：可接受的范围内变的更模糊、变的更小实现步骤1、通过相册、相机或会话选择文件的api来拿到临时文件

搬砖赚钱养家·2025-01-30 09:59

微信小程序实战十五：Https服务搭建及Nginx配置

文章目录1.最终效果预览2.后端jar包部署及启动3.前端管理系统部署4.Nginx的配置5.https证书申请6.小程序后台中配置子域名这篇文章重点介绍下微信小程序正式版上线前https服务的搭建及配置过程

博主逸尘·2025-01-30 02:41

简述大前端技术栈的渲染原理

大前端不仅包括Web开发，还包括移动端开发和跨平台应用开发，具体包括：•原生应用开发：Android、iOS、鸿蒙（HarmonyOS）等；•Web前端框架：Vue、React、Angular等；•小程序开发：微信小程序

·2025-01-29 23:25

基于SpringBoot+Vue+uniapp的4S店客户管理系统(源码+lw+部署文档+讲解等)

文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言博主介绍：✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注

百奇的代码小屋·2025-01-29 12:38

uniapp - [全端兼容] 实现精美Editor富文本编辑器功能，uniApp全平台兼容的富文本插件组件用户可上传图片及对接服务器存储文件等，手机移动端H5网页富文本/小程序富文本/App富文本！

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解引入使用富文本编辑器及图片上传显示等功能，用户可上传图片显示和服务器保存回显效果（插入图片），

王二红·2025-01-29 08:04

uniapp 底部菜单_uniapp 实现底部导航栏 - tabBar的使用方法

开发环境：HbuilderXtabBar参数说明color：导航栏字体颜色selectedColor：选中后字体的颜色backgroundColor：底部背景颜色borderStyle：底部的border颜色，只能是“black”或者“white”list：对象，包含以下这些选项{pagePath：页面路径text：底部导航文字iconPath：没选中前的图标路径selectedIconPath：

解压猫咖研究所·2025-01-29 08:03

微信小程序web-view打开网页与网页H5跳转微信小程序

1、微信小程序web-view打开网页目前从小程序进入网页的方法使用web-view1.1、小程序官网需要配置业务域名打开官网，选择左侧开发管理，选择开发设置，往下找到业务域名，添加域名。

XLin666666·2025-01-29 08:02

uni-app组件引入方法（easycom自动化组件）

uniapp官方与2020年02月23更新了2.6.0版本，支持2.5.5版本以后，调整内容有：1.对uniapp插件做出更改；2.新增了easycom项目模板（自动化组件）。

约妲己吃火锅·2025-01-29 08:31

微信小程序web-view嵌入h5页面，分享当前页

①index.wxml为web-view标签添加bindload事件web-viewbindload|微信开放文档②index.js页面加载成功时会触发bindload事件绑定的方法此方法可以获取当前页面的地址getCurUrl(e){varshareUrl=e.detail.src;this.setData({shareUrl:shareUrl,})},③index.js把地址赋值给变量shar

木本心声·2025-01-29 08:29

uni-app 实现自定义底部导航

原博：https://juejin.cn/post/7365533404790341651在开发微信小程序，通常会使用uniapp自带的tabBar实现底部图标和导航，但现实有少量应用使用uniapp自带的

蜕变菜鸟·2025-01-29 08:57

【Uniapp-Vue3】request各种不同类型的参数详解

一、参数携带我们调用该接口的时候需要传入type参数。第一种路径名称?参数名1=参数值1&参数名2=参数值2第二种uni.request({url:"请求路径",data:{参数名:参数值}})二、请求方式常用的有get，post和put三种，默认是get请求。uni.request({url:"请求路径",method:"方式"})三、请求头配置uni.request({url:"请求路径",h

永久旅途·2025-01-29 08:26

uniapp(vue) 使用i18n国际化翻译,复制即可使用！一看就懂

一、在项目的文件目录里cmd执行下载命令安装依赖执行:npminstallvue-i18n@next二、执行命令下载完成后，进入项目检查一下是否存在。三、在咱们项目里面创建一个lang目录，目录的名字自己随便起，我这边以lang为演示。zh.js://zh.jsexportdefault{language:{//这里面放所有的中文替换词text:'TikTokShop（也称TikTok电商）是创新

黑云压城After·2025-01-29 08:25

uniapp web-view调整修改高度设置

web-view默认占全屏，怎么处理自定义高度，实现如下：视频监控data数据：exportdefault{data(){return{urlType:null,webviewStyles:{progress:{color:"#FF3333"}},};},};核心代码:onLoad(options){//#ifdefAPP-PLUSletheight=0;//定义动态的高度变量letstatusb

黑云压城After·2025-01-29 08:55

调用wx.openDocument，文件或文件夹不在白名单中, 上传时会被忽略, 在真机上可能无法读取

1.这个问题可能是由于微信小程序的安全策略导致的。微信小程序对于网络请求和文件读取都有一些限制，其中包括白名单机制。如果你的小程序中的文件不在白名单中，那么在真机上可能无法读取。

黑云压城After·2025-01-29 08:25

【微信小程序】page.json配置-easycom引入自定义组件

在微信小程序中，page.json文件不仅可以用于配置单个页面的样式和其他属性，还可以用于配置easycom模式，以简化自定义组件的引入和使用。

墨夶·2025-01-29 08:25

webview打开本小程序页面

id='+id}）的方式进行h5和微信小程序页面进行跳转互通

2401_86082326·2025-01-29 08:25

uniapp --- 配置文件

目录一.pages.json文件：1.组件自动导入规则（easycom）：2.页面配置（pages）：3.全局样式（globalStyle）：4.底部TabBar配置（tabBar）：二.manifest.json文件：1.应用基本信息：2.App-Plus特有配置：3.QuickApp特有配置：4.小程序特有配置：5.UniStatistics配置：6.vueVersion配置：三.App.vu

记得开心一点嘛·2025-01-29 07:53

uniapp中＜map＞地图怎么实现点位聚合？

GoppViper·2025-01-29 07:52

uniapp小程序地图添加删除标记点

在地图上添加自定义的点位方法首先需要绑定一个makers值,然后给covers赋值就好了let_this=thisletn=l.map(Number)letobj={id:id,//这个maker的idlatitude:n[1],//纬度longitude:n[0],//精度iconPath:url,//图标地址width:20,//宽height:20,//高title:lable,//标题，/

Clc7·2025-01-29 07:51

基于微信小程序的校园二手物品交易平台的设计与实现

基于微信小程序的校园二手物品交易平台的设计与实现1.背景介绍1.1校园二手物品交易的需求在校园生活中,学生们经常会遇到一些闲置物品需要出售或者需要购买的情况。

AI天才研究院·2025-01-28 22:34

基于微信小程序的生鲜销售应用设计与实现

标题:基于微信小程序的生鲜销售应用设计与实现内容:1.摘要随着移动互联网的普及和人们生活水平的提高，生鲜产品的线上销售逐渐成为一种趋势。

赵谨言·2025-01-28 20:43

微信小程序【发送给朋友】和【复制链接】功能，灰色不可用

每日鸡汤：悲观者可能正确，但是乐观者往往成功假设你是一个用户，你随便找一个小程序可以看到这几个功能转发给朋友分享到朋友圈复制链接很常见的功能，但是如果你作为开发者，这几个功能就需要自己做喽，并不是你项目建起来了就有的。1.【转发给朋友】使用onShareAppMessage这个方法这个方法有一个坑，就是每个页面都得单独写一份，暂时没找到整个项目写一份，所有页面都能分享的方法【可能是我没找到？等我找

我有一棵树·2025-01-28 16:15

微信小程序中实现进入页面时数字跳动效果(自定义animate-numbers组件)

微信小程序中实现进入页面时数字跳动效果1.组件定义,新建```animate-numbers```组件1.1index.js1.2wxml1.3wxss2.使用组件1.组件定义,新建animate-numbers

trabecula_hj·2025-01-28 04:53

【开发日记】记一次使用uniapp实现音视频通话打包的问题

问题排查之前在调试的时候用的都是uniapp官方的标准基座，所以此时manifest.json文件中的模块配置是不生效的，生效的一直只要权限部分，所以导致了这次问题。

二饭·2025-01-27 20:20

【开发日记】微信小程序getBackgroundAudioManager播放背景音乐提示播放失败

【问题】小程序在手机上打开，播放在线音频的时候会提示播放失败，但打印异常提示的是src为null，自己在打印的时候却没问题。并且在微信开发者工具中播放的时候也是正常的，只有手机上打开使用时提示异常。【解决】如果你的链接中包含中文字符，请使用encodeURI(src)进行编码处理。示例代码如下：letsrc=this.data.host+this.data.previewUrl+this.data

二饭·2025-01-27 19:18

Android真的不行了吗？国内行情与技术对比分析

国内行情与技术对比分析一、国内Android开发现状1.存量市场的竞争2.维护需求依然强劲3.招聘趋势二、Android与其他技术的对比分析1.小程序vsAndroid小程序的优势小程序的劣势2.UniAppvsAndroidUniApp

我的青春不太冷·2025-01-27 17:32

微信小程序封装组件--列表

1，准备子组件–列表//list.josn{"component":true}//list.jsComponent({options:{multipleSlots:true//在组件定义时的选项中启用多slot支持},//接收父组件的参数properties:{list:{type:Array,value:[]},},//组件的方法列表methods:{toDetail(e){console.lo

暖风阵阵·2025-01-27 14:36

uniapp开发微信小程序项目总结

最近刚完成一个项目，项目不大，但是设计支付等功能，在这里进行记录一下，以便自己随时可以回顾一、微信小程序1、跳转到一个页面时想关闭之前的叠加的页面栈最初我的做法是直接使用页面卸载，但是我发现用户体验度不是很好

张张Z7·2025-01-27 14:06

uniapp版本升级（app内部下载）

获取服务端返回的下载链接，以及版本号。import{//获取线上版本信息getVersonInfo}from'@/api/config.js'letversion='2.0.3';exportconstcheckUpdates=asyncfunction(){//是否强制更新letisForced=null;letdownlondUrl=null;awaitgetVersonInfo().then

shuailing_coder·2025-01-27 10:16

vue3中项目运行到浏览器端跨域（uniapp），配置vite.config.js文件

import{defineConfig}from'vite';importunifrom'@dcloudio/vite-plugin-uni';importconfigfrom'./common/config.js'exportdefaultdefineConfig({plugins:[uni()],server:{//host:"127.0.0.1",//指定服务器应该监听哪个IP地址,默认：l

答题卡上的情书·2025-01-27 10:46

在uniapp中，使用u-upload上传本地图片

前提：首先，在关于uniapp中的input是没有type="file"这个属性的。

答题卡上的情书·2025-01-27 10:15

推荐频道