Uniapp日常总结

uniapp 开发App 使用Vuex持久化存储兼容性最好的方案

首先需要安装依赖：npminstallvuex-persistedstate直接上代码：importVuefrom'vue'importVuexfrom'vuex'importbaseStorefrom'./baseStore.js'importuserStorefrom'./userStore.js'importgettersfrom'./getters'importcreatePersiste
某公司摸鱼前端·2024-02-08 05:44

UniApp 快速上手与深度学习指南

一、UniApp简介UniApp是中国DCloud公司研发的一款创新的跨平台应用开发框架，它基于广受欢迎的前端开发库Vue.js，旨在解决多端适配和快速开发的问题。
特创数字科技·2024-02-08 05:14

uniapp禁止页面滚动

@touchmove.stop.prevent="moveHandle"moveHandle(){return;}
六角形的雪花·2024-02-07 21:29

uniapp canvas绘图

问题描述根据项目需求，将商品的图片，用户头像，二维码，商品信息绘制到分享海报中。效果展示参数介绍参数类型说明avatarImgString头像图片bgImgString背景图片qrImgString二维码goodsImgString商品图片iconImgString平台icongoodsTitleString商品名称realPriceString真实价格priceString价格canvasHNu
shaoin_2·2024-02-07 16:47

uniapp canvas绘制文字头像

效果如下图：子组件代码：exportdefault{name:"canvas-avatar",props:{styleProp:{type:String,default:''},text:{type:String,default:''},canvasId:{type:String,default:''},bgColor:{type:String,default:''}},data(){return
唐小亭·2024-02-07 16:16

uniapp canvas 刮刮乐

前言uniappcanvas刮刮乐uniappcanvas刮刮乐提示：以下是本篇文章正文内容，下面案例可供参考一、使用步骤1.页面代码如下（示例）：exportdefault{data(){return
没有龋齿·2024-02-07 16:46

uniapp canvas内容转成base64格式

一、uniappcanvas内容转成base64格式uni.canvasToTempFilePath({x:0,//起点坐标y:0,width:600,//canvas宽height:200,//canvas
webuni·2024-02-07 16:46

uniapp canvas 手写毛笔字效果 根据触屏时长改变笔画粗细

确认上传清除笔迹//importUtilfrom"@/utils/httpUtil.js";//importLocalfrom"@/utils/local.js";varx=20;vary=20;exportdefault{data(){return{showCanvas:false,ctx:'',//绘图图像points:[],//路径点集合signature:'',lasloc:{x:0,y:
纸短情长—来日方长·2024-02-07 16:46

uniapp canvas画板

之前用的是canvas是老版本因为draw函数回调的问题导致canvas重复绘图越来越卡顿后边选择了新的canvas版本canvas2d；这里主要介绍一下新版本canvas的一些不一样的地方；1.canvas创建方式不同canvas2s有点类似于h5的canvas不再使用createCanvas创建画布而是通过获取元素信息来绑定canvas；这里是用的微信小程序获取元素的方式来获取到canvas元
秦康哲·2024-02-07 16:16

uniapp canvas组件不展示Vue3

uniappcanvas组件不展示Vue3页面页可以展示拆分成组件无法展示getCurrentInstance修改this指向import{getCurrentInstance}from'vue'//引入
Web995·2024-02-07 16:45

uniapp canvas绘制文字（支持文字自动换行、遇回车或换行符换行、标点符号不开头）

/***文字自动换行*@param{Object}ctx画布的上下文环境*@param{Object}content需要绘制的文本内容*@param{Object}drawX绘制文本的x坐标*@param{Object}drawY绘制文本的y坐标*@param{Object}lineHeight文本之间的行高*@param{Object}lineMaxWidth每行文本的最大宽度*@param{O
杜蜜月·2024-02-07 16:45

uniapp canvas游标卡尺效果

原项目从微信小程序转uniapp，未测试该效果在android端效果。uniapp直接使用canvas不可做子组件，否则无效果显示，其次显示时要考虑页面渲染超时的问题。如效果所见，可以设置取值精度。
lsswear·2024-02-07 16:14

uniapp Canvas使用

注意使用canvas若是网络资源，要用getImageInfo转换成本地路径。getImageInfo(src){returnnewPromise((resolve,reject)=>{uni.getImageInfo({src,success:(res)=>resolve(res),fail:(res)=>reject(res),});});}asyncimg(userImage:string,
China_Edc·2024-02-07 16:14

uniapp使用canvas

页面中加入组件onReady获取页面宽度，加入条件编译onReady(){//#ifdefAPP-PLUSthis.canvasWidth=uni.getSystemInfoSync().windowWidth;this.cas_Drawer(this.canvasWidth,384,1);//#endif}methods对象中方法cas_start(e){console.log('触摸开始');
八佾舞于庭·2024-02-07 16:14

uniapp v-if和v-for优先级问题

在uni-app中，v-for的优先级高于v-if。这意味着在同时使用v-for和v-if的情况下，v-for会先执行。当v-if的判断条件依赖于v-for的内容时，可以在computed计算属性里先做好判断，过滤出符合条件的元素重新组成新的数组，然后在DOM里循环这个新的数组，就不需要加v-if的判断了。在computed里过滤的成本比v-if的成本低。在uni-app中，v-for的优先级高于
emma20080101·2024-02-07 11:14

uniapp 安卓使用uni.getLocation获取不到具体位置

参考文章：https://blog.csdn.net/qq_42143163/article/details/103681740uni.getLocation({type:'wgs84',success:ret=>{console.log(ret);uni.hideLoading();if(ret.address.poiName){that.address=ret.address.poiName;
神一样的队友·2024-02-07 09:33

uniapp 本地存储的方式

1.uniapp本地存储的方式  在uniapp开发中，本地存储是一个常见的需求。本地存储可以帮助我们在客户端保存和管理数据，以便在应用程序中进行持久化存储。
雪芽蓝域zzs·2024-02-07 09:38

uniapp 中this.$store状态管理的使用

1.在pages目录同级目录，也就是根目录下创建store目录2.store文件夹中新增一个index.js敲入一些学来的代码importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store({state:{userInfo:"",token:"",auth:"",},mutations:{SET_USERINF
CDialog·2024-02-07 09:08

如何使用 uniapp 开发（一）

1、下载hbuilderx编辑器https://www.dcloud.io/hbuilderx.html2、下载微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html3、使用hbuilder编辑器，开发微信小程序的时候需要借助微信开发者工具显示，所以需要如下配置：hbuilder编辑器左上角创建项
大浪淘沙1024·2024-02-07 09:07

uniapp 使用renderjs引入echarts

效果图：1.1renderjs引入echarts组件zmui-echarts.vue：exportdefault{name:'zmuiEcharts',props:{option:{type:Object,required:true}}}//使用renderjs就让app拥有类似有.HTML文件的环境能直接挂载.js的能力exportdefault{data(){return{timeoutId:
流氓也是种气质 _Cookie·2024-02-07 09:28

uniapp从入门到进阶

一、了解uniapp跨平台开发：Uniapp可以同时开发多个平台的应用，只需编写一套代码即可。开发者可以通过编写Vue组件来构建界面，通过编写JavaScript代码来实现业务逻辑。
前端fighter·2024-02-07 08:26

请用uniapp写一个音乐播放器 使用 slider组件控制audio组件的播放进度(播放)（暂停）（实时显示播放时长）（实时显示进度时长）

{{music.name}}{{isPlaying?'暂停':'播放'}}{{formatTime(currentTime)}}{{formatTime(totalTime)}}exportdefault{data(){return{audioId:'music',musicList:[{name:'音乐1',url:'https://atand.oss-cn-beijing.aliyuncs.c
王家视频教程图书馆·2024-02-07 07:25

uniapp打包ios成ipa文件

一、ios的id：苹果的id有三种类型：个人，公司型，企业型1、开发证书(三种开发账号都可以)、2、ad-hoc证书(三种开发账号都可以)：限定设备范围内的测试和内部分发3、企业证书(只有企业账号可以)：可以直接通过连接下载安装。不经过苹果验证4、AppStore证书(只要个人账号和公司账号可以)几类：必须发布到AppStore上上线才能下载二、ios的证书和描述文件ProvisionedDevi
Hannah_Hannah_·2024-02-07 06:15

uniapp+uView 【详解】录音，自制音频播放器

效果预览代码实现//创建对象--录音机constrecorderManager=uni.getRecorderManager();//创建对象--录音constaudio=uni.createInnerAudioContext()importBreathingfrom"../components/breathing.vue";exportdefault{components:{Breathing,
朝阳39·2024-02-06 21:51

基于微信小程序的大学生党务学习平台的设计与实现

文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:45

基于微信小程序的大学生校园兼职的设计与实现

文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:45

基于微信小程序的超市售货管理平台的设计与实现

文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:15

案例281:基于微信小程序的国产动漫论坛管理系统

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:14

uniapp设置不显示顶部返回按钮

一、pages文件中，在相应的页面中设置"titleNView":{"autoBackButton":false}二、对应的页面文件设置隐藏元素document.querySelector('.uni-page-head-hd').style.display='none'
前端（从入门到入土）·2024-02-06 18:27

SpringCloud SpringBoot uniapp vue b2b2c 微服务 多商家入驻直播带货商城 电商之2.0 Zookeeper 安装配置

2.0Zookeeper安装配置分类Zookeeper教程Linux安装zookeeper下载地址为:https://zookeeper.apache.org/releases.html。选择一稳定版本，本教程使用的release版本为3.4.14，下载并安装。打开网址https://www.apache.org/dyn/closer.lua/zookeeper/zookeeper-3.4.14/
企业软件定制·2024-02-06 18:35

当前小程序跳转另一个小程序

原生小程序：wx.navigateToMiniProgram()：参数值：appId要打开的小程序appIdpath要跳转小程序的路径uniapp小程序：uni.navigateToMiniProgram
前端小凯·2024-02-06 11:50

在uniapp中获取微信小程序状态栏和导航栏的高度

下面是一个示例代码，展示如何在UniApp中获取顶部图标距离：uni.getSystemInfo({success:(res)=>{//获取手机顶部状态栏的高度conststatusBarHeight=
swoole~·2024-02-06 07:48

uniapp小程序实现轮播图开屏页

在小程序开发中，使用uniapp框架可以快速实现多端适配，极大地方便了开发者的工作。下面，本文将介绍如何使用uniapp框架来实现开屏轮播图广告的功能。
swoole~·2024-02-06 07:48

uniapp小程序实现图片开屏页

在小程序开发中，使用uniapp框架可以快速实现多端适配，极大地方便了开发者的工作。下面，本文将介绍如何使用uniapp框架来实现开屏图片广告的功能。
swoole~·2024-02-06 07:48

uniapp的api用法大全

页面生命周期APIuniApp中的页面生命周期API可以帮助开发者在页面的不同生命周期中执行相应的操作。
前端fighter·2024-02-06 06:07

【VUE】UniAPP之uview组件库，自定义tag封装，支持添加u-icon图标

组件代码{{props.text}}import{defineProps}from'vue'constprops=defineProps({text:{//显示文本type:String,default:'自定义33'},color:{//颜色主体颜色type:String,default:'red'},mode:{//lightdark/plaintype:String,default:'lig
孑然R·2024-02-06 06:36

uniapp踩坑之项目：简易版不同角色显示不一样的tabbar和页面

1.pages下创建三个不同用户身份的“我的”页面。显示第几个tabbar，0是管理员1是财务2是司机2.在uni_modules文件夹创建底部导航cc-myTabbar文件夹，在cc-myTabbar文件夹创建components文件夹，在components文件夹创建cc-myTabbar.vue组件3.在utils文件夹创建tabBar.js4.pages.json里指定路径5.在单页面引入
意初·2024-02-06 06:35

uniapp android和微信小程序如何实现PDF在线预览

我是咕噜铁蛋，UniApp在开发移动应用时提供了跨平台的解决方案，能够同时支持Android和iOS系统，而微信小程序则是一种轻量级的应用形式，可以在微信内直接运行。
咕噜签名-铁蛋·2024-02-06 05:51

【uniapp】公众号h5端配置代理解决跨域问题

1、hbuilder内置浏览器不存在跨域问题，如果是普通web页面，可以使用hubilder内置浏览器调试2、但，微信公众号h5端只能用【微信开发者工具-公众号网页项目】调试，所以这里我们可以配置proxy代理来解决跨域问题首先需要在调用的接口前面统一配置一个基础前缀，例如在config.js中设置basePrefixUrl:'/dev-api'，之后在request请求的接口前面拼接上baseP
百香果果ccc·2024-02-06 05:16

uniapp之tab切换

{{item.name}}exportdefault{data(){return{tabIndex:0,tabList:[{name:"电器"},{name:"衣服"},{name:"百货"},{name:"电脑"}]}},methods:{testTabClick(index){console.log(index)this.tabIndex=index}}}.tab-box{display:fl
黑猫大人-魏盛楠·2024-02-06 04:05

uniapp 之 base64转临时地址播放mp3

需求是：进入页面的时候是先有背景音乐，发送问题请求回答的时候会返回文字和音频，前端要把音频读出来，并且把背景音乐停止，读完音频后再打开背景音乐一开始用的直接base64直接拼接在地址后真机放不了constinnerAudioContext=wx.createInnerAudioContext();innerAudioContext.src='data:audio/mp3;base64,'+请求获取
jiojio在学习勒·2024-02-06 02:29

hello uniapp模板的page.json配置easycom出现空白

查阅资料（参考地址：uniapp微信小程序系列（2）pages.json实用配置详解_黄泽平的博客-CSDN博客）传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。
尘埃里的玄·2024-02-06 01:21

uniapp 项目请求接口千万别写死

我接手我徒弟的项目发现有一个请求接口是写死的。比如这种config.baseUrl='https://www.test1.cn'/这样写虽然没有问题，但是如果遇到上传或下载接口而且每个文件都有这么多文件都写死不利于维护。下面我优化的是这样新建一个config/index.js引入方法'@/config'然后在main.js全局注册上传或下载接口那边引入的方法是this.$VUE_APP_API_U
可口可乐Vip·2024-02-05 16:42

uniapp vue3怎么调用uni-popup组件的this.$refs.message.open() ?

vue2代码type:'center',msgType:'success',messageText:'这是一条成功提示',value:''vue2的调用方法this.$refs.message.open()然后调用的时候报错会出现错误vue3的代码consttype=ref('center');constmsgType=ref('success');constmessageText=ref('这是
可口可乐Vip·2024-02-05 16:07

uniapp中使用EelementPlus

uniapp的强大是非常震撼的，一套代码可以编写到十几个平台。这个可以在官网上进行查询uni-app官网。主要还是开发小型的软件系统，使用起来非常的方便、快捷、高效。
故里2130·2024-02-05 15:16

uniapp中配置开发环境和生产环境

uniapp在开发的时候，可以配置多种环境，用于自动切换IP地址，用HBuilderX直接运行的就是开发环境，用HBuilderX发布出来的，就是生产环境。
故里2130·2024-02-05 15:46

uniapp网络请求封装及简单使用

//http.js//设置正式环境和测试环境的服务器地址constPRODUCTION_URL='http://testapi.xuexiluxian.cn/api';//生产环境constTEST_URL='http://testapi.xuexiluxian.cn/api';//测试环境//是否启用正式环境，默认为trueletuseProduction=true;functiongetBas
来之梦·2024-02-05 12:15

Android电动汽车充电服务vue+uniAPP微信小程序

本系统利用SSM和Uniapp技术进行开发电动汽车充电服务系统是未来的趋势。该系统使用的编程语言是Java，数据库采用的是MySQL数据库，基本完成了系统设定的目标，建立起了一个较为完整的系统。
QQ_402205496·2024-02-05 11:37

【日常总结 - java】list 与 字符串（用逗号隔开）相互转换

一、list转字符串第一种：使用谷歌Joiner方法(推荐)第二种：循环插入逗号第三种：stream流(推荐)第四种：lambda表达式遍历并加入逗号二、字符串转list方法一：使用split()方法方法二：使用Collections.addAll()方法方法三：使用Java8的StreamAPI（推荐）方法四：使用Guava库（不推荐，需要引入Guava库）一、list转字符串第一种：使用谷歌J
ladymorgana·2024-02-05 11:33

FastAdmin西陆二手交易系统

应用介绍一款基于Uniapp+FastAdmin+ThinkPHP开发的二手交易系统，卖家可以发布二手信息，买家可以在线询价，支持在线聊天(高级授权)，在线购买支付，支持发布高价回收(高级授权)信息。
qq_24610005·2024-02-05 08:14
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他