uniapp知识汇总

uniapp小程序openid和unionId

1.openid1.用户的openid在小程序中的固定不变的；2.用户在不同的小程序里的openid是不一样的；3.只要appid不变，openid就不变。获取openid1.使用uni.login获取code2.使用code调接口换取用户唯一标识OpenID、用户在微信开放平台账号下的唯一标识UnionID（若当前小程序已绑定到微信开放平台账号）和会话密钥session_key2.unionid
牛奶皮子·2024-09-08 07:23

微信小程序uniappvue3版本-控制tabbar某一个的显示与隐藏

1.首先在pages.json中配置tabbar信息2.在代码根目录下添加tabBar代码文件直接把微信小程序文档里面的四个文件复制到自己项目中就可以了3.根据自己的需求更改index.js文件首先我这里需要判断什么时候隐藏某一个元素，需要引入接口然后在切换tabbar时，改变tabbar当前点击的元素importgetListfrom'../api/kdh'Component({data:{}.
牛奶皮子·2024-09-08 07:23

uniapp 微信小程序 分享海报的实现

主页面保存-->-->微信好友-->朋友圈-->保存图片-->-->importposterfrom"@/components/poster/index";import{saveImageToPhotosAlbum}from'@/utils/poster.js';exportdefault{components:{poster},data(){return{code:'',canvasImages
前端不加班·2024-09-08 07:23

uniapp小程序下载缓存服务器上的图片

1.使用uni.downloadFile,但是注意下载图片的地址里的域名，需要在微信公众平台里面的downloadFile合法域名进行配置。exportdefaultfunctiondownloadAndCacheImage(imageUrl,name){returnnewPromise((resolve,reject)=>{console.log("imageUrl",imageUrl,name
牛奶皮子·2024-09-08 06:48

Linux系统服务——【web，http协议，apache服务和nginx服务】（sixteen day）

一、web基础以及http协议1、web基本概念和常识前端开发一般用uniapp.1、Web:为用户提供的一种在互联网上浏览信息的服务，Web服务是动态的、可交互的、跨平台的和图形化的。
沉迷于学习的网络狗·2024-09-08 05:10

解决vite打包出现 “default“ is not exported by “node_modules/...问题

项目场景：uniapp+vue3+ts+vite问题描述：场景很多，下面只是一种//codemirror编辑器的相关资源importCodemirrorfrom'codemirror';errorduringbuild
司徒小北·2024-09-07 19:29

uniapp中使用pinia，并做数据持久化

安装依赖pnpmipiniapinia-plugin-persistedstate@nuxt/devalue-S创建store文件夹，创建持久化插件/store/plugins.tsimport{App}from'vue'import{createPinia}from'pinia'importdevaluefrom'@nuxt/devalue'import{createPersistedState
Terminal丶句点·2024-09-07 18:24

uniapp 隐藏滚动条

2020-11-14//在page.json{"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path
追逐繁星的阿忠·2024-09-07 07:53

uniapp，vue3，ts，接口封装、小程序登录

在src下创建public文件夹，在public文件夹里创建request.ts//设置基地址constbaseUrl='https://meituan.thexxdd.cn/api'//封装请求functionrequest(url:string,method:'GET'|'POST',data:string|object|ArrayBuffer){returnnewPromise((resol
程序猿_“大神”·2024-09-06 23:19

MySQL月末知识汇总

一、mysql事务innodb事务日志包括redolog和undolog。redolog是重做日志，提供前滚操作，undolog是回滚日志，提供回滚操作。前滚：未完全提交的事务，即该事务已经被执行commit命令了，只是现在该事务修改所对应的脏数据块中只有一部分被写到磁盘上的数据文件中，还有一部分已经被置为提交标记的脏块还在内存上，如果此时数据库实例崩溃了，则当数据库实例恢复时，就需要用前滚（这个
一只程序猿哟·2024-09-06 14:16

开源无人棋牌室源码，无人自助茶室源码，无人台球室，uniapp，Java

前一段时间在研究一个项目，uniapp可以适配微信小程序、h5，后台用java编写，数据库支持mysql，已对接多个品牌硬件，可以插拔式适配。对于这块有兴趣的可以拿来研究、学习。
charlesbabbage·2024-09-06 03:36

uni-app技术分享|开源demo视频呼叫arcall uni-app端技术实现

介绍基本uniapp_arcall是通过uniapp实现的语音通话、视频通话以及相关配套的呼叫邀请。解决向指定用户发起呼叫通知，对方接受后进行通话的场景需求。呼叫邀请基本流程
anyRTC·2024-09-06 03:36

uni-app基础框架搭建（vue3+ts+vite）

更新依赖到指定版本,运行、发布uni-app,运行并发布快应用,运行并发布快应用(webview),运行并发布快应用(webview)-华为,cli创建项目和HBuilderX可视化界面创https://uniapp.dcloud.net.cn
LB_bei·2024-09-06 01:24

Uniapp小程序分包

注：只拿uniap开发的小程序举例，mpvue略有差异1.首先在pages文件目录下创建pagesA文件（这里拿order页面举例），正常的order文件在pages文件下2.现在分包的话，就在pagesA文件下创建一个order文件，再把pages文件下的oeder页面剪切到pagesA的order文件下3.开始配置分包：配置mainfest.json文件(开启分包的功能)，找到源码视图“mp-
周bro·2024-09-05 15:15

uniapp APP版本更新

vardtask=plus.downloader.createDownload(userl.value,{},function(d,status){if(status==200){//下载完成-进行安装console.log('下载status',d,status)//console.log("Downloadsuccess:"+d.filename);this.show_update=false
初遇你时动了情·2024-09-05 15:14

uniapp实现位置授权并打开地图选择位置信息

实现效果图：步骤1：登录微信小程序公众平台，在“开发”——>“开发管理”——>“开发设置”中复制AppID(如果没有就申请一个)步骤2：注册并登录腾讯位置服务，点击右上角的控制台，创建应用获取Key,在“应用管理”——>“我的应用”中复制Key。（在创建应用的时候启用产品全打勾，授权APPID就填自己的微信小程序中的APPID，如下所示)步骤3：在微信公众平台“开发”——>“开发管理”——>“开发
sunshine-smile_lr·2024-09-05 15:43

类似《东郊到家》的APP小程序软件系统源码

以下是对这类系统源码的详细解析，包括技术框架、功能模块及新增特性等方面：一、技术框架前端：使用Vue和uniapp框架进行开发，Vue提供了组件化的开发模式，而uniapp则支持多端编译，包括小程序、H5
I592O929783·2024-09-05 14:10

SprinBoot+Vue宠物领养救助微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-05 00:03

SprinBoot+Vue阅读交流微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:28

SprinBoot+Vue食堂预约点餐微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:57

uniapp图片上传，加web core api接收并保存

Uni-App图片上传加后台webcoreApi前台代码后台WebCoreApi代码Startup.cs中代码啥也不说了直接上代码！！！前台代码//Anhighlightedblockuni.chooseImage({count:1,success:(res)=>{uni.uploadFile({url:'http://localhost:24517/api/Upload/UpImgs',file
浮生若森·2024-09-04 20:13

记录 uniapp 全局请求的封装

记录uniapp全局请求的封装为什么要封装全局请求，为了方便我们统一处理后端返回的错误码，处理一些共同的逻辑。request.js//引入请求的基础urlimportbaseurlfrom'.
名字被你们想完了·2024-09-04 20:40

uniapp小程序返回上一页并刷新上一页数据

当前页letinsertResult=awaitInsertAbnomalRecordDetail(recordDetailParams)if(insertResult.statusCode==200){this.showToast('提交成功')setTimeout(()=>{letpages=getCurrentPages()//获取页面栈letprePage=pages[pages.leng
狗狗狗狗亮·2024-09-04 19:07

uniapp navigateBack返回上一页，的简单处理

//返回上一页constnavBack=function(page){constpages=getCurrentPages();//判断跳转了多少页if(pages.length===2){uni.navigateBack({delta:1});}elseif(pages.length===1){//如果没有上一页返回首页uni.switchTab({url:'/pages/index/index
逮捕小子·2024-09-04 19:37

uniapp返回上一页并刷新数据方法

letpages=getCurrentPages();//当前页面letbeforePage=pages[pages.length-2];//上一页uni.navigateBack({success:function(){beforePage.onLoad();//执行上一页的onLoad方法}});1.getCurrentPages()获取当前页面的页面栈，是个数组2.pages[pages.l
布偶123.·2024-09-04 19:06

uniapp引入uniapp打包的H5跳转H5以及H5返回app方法

在app项目添加webview文件夹添加gridWebview.vue文件。代码如下exportdefault{data(){return{src:'',}},computed:{token(){returnthis.$store.state.login.token||''},roles(){returnthis.$store.state.login.roles||''},userInfo(){r
qq_Girl200·2024-09-04 19:06

uniapp css样式盒子上面的箭头样式

在uniapp中，要创建一个盒子上面的箭头样式，可以使用CSS的伪元素::after或::before来实现。以下是一个简单的例子，展示了如何使用CSS创建一个向上的箭头。
m0_69254007·2024-09-04 19:36

uniapp上传视频，直接在模版中写video可能会出现手机测试长一点视频就上传不了，并且因为video这类标签的特殊性，层级问题，出现uniapp，app，video元素错位问题，解决办法

模版中写一个标签在计算属性中来写video元素computed:{videoHTML(){return``},}:firection=0//注意这个属性，非常好用，因为开发app是手机端，所以需要在点击视频放大查看的时候竖屏展示，体验感比较好，横屏展示去改属性值就行，具体可查看管网再去写videohtml的样式就可以了，样式没有太大参考价值，在这里就不放了
TttHhhYy·2024-09-04 19:35

uniapp+echarts分时图五档行情

父组件代码：{{isLeave!=1?tooltipData[1]==null||tooltipData[1]==''||tooltipData[1]=='0.00'?'--':toDecimal(tooltipData[1],getTickDecLen(symbol),true):(symbol.cp==null||symbol.cp==''||symbol.cp=='0.00'?'--':to
Nymph_Zhu·2024-09-04 19:05

vue3+ts封装一个uniapp的自动滚动列表，实现看板效果

电视机上要以列表展示数据，并且数据会实时更新，电视机不能点击，所以考虑自动播放的一个效果。展示方案有两种：1、列表上下自动滚动实现轮播效果。（此时具体滚动的高度由用户自己决定，每次滚动几条数据）2、列表以“页”的形式做成轮播图的翻页效果。由于项目的电视机是有任务提示作用的，最后考虑做成第一种方案，用户能更清晰了解任务安排和数据的更新。搜索之后了解到vue-seamless-scroll支持列表的自
女德班吊车尾·2024-09-04 16:18

uniapp多列选择器定义年月日时分秒组件

dateTimePicker.js/***自定义多列时间选择器*/functionwithData(param){returnparam{dateTime.push(current.indexOf(defaultDate[index]));});return{dateTimeArray:dateTimeArray,dateTime:dateTime}}/**格式化日期*/functiongener
Arbort_·2024-09-04 05:59

uniapp开发app使用html2canvas出现的ios兼容问题

uniapp开发app使用html2canvas出现的ios兼容问题记录一下app分享功能uniapp没办法直接操作dom元素，之前小程序用的wx的插件在app中无法使用百度到了uniappapp端使用
久违的小技巧·2024-09-04 03:22

uniapp 判断左滑右滑

判断左右滑的逻辑很简单，稍微改一下也能判断上下滑动1.在盒子里分别定义手指按下离开事件2.定义变量，按下时间，开始位置，结束位置startTime:0,startPosition:0,endPosition:03.结束所在位置-按下时所在位置=滑动的距离//起点touchStart(event){this.startTime=Date.now()this.startPosition=event.c
楚城相拥·2024-09-04 02:16

uniapp scroll-view滚动触底加载 height高度自适应

背景：scroll-view组件是使用，官网说必须给一个高度height，否则无法滚动，所以刚开始设置了设置了一个高度，想着vh应该挺合适的；后来在不同手机应用中，发现不同手机，滚动触底加载的动态效果显示不出来。经过排查，解决办法是让height自适应。。。即，不设置height高度，在css里面设置：.content_box{min-height:0;width:100%;height:100%
影子信息·2024-09-04 02:46

uniapp判定 用户 是向左滑还是向右滑

一个简单组件定义的该组件名称swiper-direct-com(自己可以随便命名)exportdefault{name:"swipe-direct-com",data(){return{//记录开始位置startData:{clientX:'',clientY:''},};},props:{updDistance:{//上下滑动超过多少距离触发updownDistancetype:Number,d
叶林染·2024-09-04 02:15

uniapp从当前小程序跳转到另一个小程序

目标：从当前的自己的小程序跳转到另一个小程序要跳转的那个小程序得是发布的，不然appid是无效的（只能在手机上预览，不能在微信开发者工具里面跳转，微信开发者工具不支持）方法：1：uni.navigateToMiniProgram方法跳转uni.navigateToMiniProgram函数的使用参数说明：appId（string类型，必填）：要打开的小程序的appId。path（string类型，
牧杉-惊蛰·2024-09-04 02:44

uniapp小程序怎么判断滑动的方向

项目场景：获取手机上手指滑动的距离超过一定距离来操作一些逻辑解决方案：在uniapp中，可以通过监听触摸事件来判断滑动的方向。
牧杉-惊蛰·2024-09-04 02:14

SprinBoot+Vue在线商城微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 23:00

SprinBoot+Vue问卷调查微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 08:23

SprinBoot+Vue健康管管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

SprinBoot+Vue停车场管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

十二个养生小知识汇总集（八）

一、燕麦片你选对了吗，教你正确选择燕麦片！你知道吗，燕麦≠麦片儿。选购燕麦片时要认清标签儿，燕麦片儿还有许多蛋白质和膳食纤维，而很多麦片为了口感更好，则添加了糖以及很多的添加剂。购买时一定要记得看配料表，尽量选择纯燕麦的配方，像图二这样的添加剂一大堆的，一定要拒绝，它会让你越吃越不健康。而且购买燕麦片的时候请尽量选择有机认证的，为什么？因为普通燕麦种植会用到除草剂草甘膦，而草甘膦是国际公认的可致癌
营养师茶茶·2024-09-02 12:25

【Flutter和H5数据传递问题】window.postMessage方法引起的数据问题

问题首先，公司项目的框架是由Flutter去编写的，最初的框架是由uniapp框架来做的，但是uniapp在客户端的性能懂得都懂。。。
阿菜同学·2024-09-02 10:41

uniapp壁纸项目笔记

项目初始化static文件夹中尽量不要存放一些测试时用的图片。因为项目在打包的时候会将static文件夹一并的打包，这样会使得打包后的项目变得臃肿。解决办法是在项目的根目录下创建一个common文件夹，用于存放测试用的图片和其他文件。common文件夹中的文件只有在被引入的时候才会被一并打包。否则要避免这个情况就只能在打包项目前清理static文件夹。同理，一些公共样式（scss文件）也可以放在c
京城五·2024-09-01 22:54

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架✍完整代码地址：front-mini-programe/components/tabbar/tabbar.vue·cheinlu/土拨鼠充电系统-Gitee.com一、先在compo
奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵
2401_84181383·2024-09-01 20:15

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明：*
2401_84182793·2024-09-01 20:15

uniapp尺寸单位 px转rpx

uniapp尺寸单位uni-app支持的通用css单位包括px、rpxpx即屏幕像素rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。
万能螺丝刀1·2024-09-01 20:10

【uniapp 解决h5 uni.saveFile 不生效】2种方法解决

用uni.saveFileh5报错saveFileAPIsaveFileisnotyetimplemented查看文档发现不支持h5解决方法：这个我用了pc端一样的方法用a标签来下载保存代码如下：第一种：consta=document.createElement('a');a.href=filePath;//filePath这里的地址是uni.downloadFile中的返回值里的地址a.down
li@h·2024-09-01 17:56

【uniapp】如何在uniapp中使用xr-frame及xr-frame加载并使用gltf模型

微信的xr-frame已经出来有一段时间了，但网上关于它的使用方法的介绍少之又少，我可以合理的猜测，很大的原因是他们的文档写的…真就是…依托**------------吐槽结束正文开始------------XR-FRAME在此处我罗列了一些链接，是官方文档和demo的，指南写的还是可以的，用来入门了解一下没有问题。指南介绍了XR-FRAME的简单使用组件介绍了XR-FRAME中能够使用的组件AP
qq_39377906·2024-09-01 11:47
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他