草庐IT

uniapp-uni-easyinput

全部标签

uniapp websocket的使用和封装

在uniapp中socket分为两种形式,第一种适用于只有一个socket链接,第二种适用于多个socket链接。传送门这里以socketTask为列子封装在utils新建一个文件在你要使用的页面引入,我这是聊天那种,所以我在拿到用户信息之后连接socket。直接上源码我这里是找了其他人的,然后改良了一下断线重连,如果重连的次数超过你设置的次数,后面就每30秒重连一下,可以根据自己的需求改细节,大体逻辑都一样。//引入vuex,因为我需要使用vuex存储得到的数据importstorefrom"@/store/index.js"importconfigfrom'@/common/config.

前端uniapp封装网络请求详情教程

1,common文件夹下http.api.js,定义接口constinstall=(Vue,vm)=>{   //验证码登陆   letmobilelogin=(params={})=>vm.$u.http.post('api/user/mobilelogin',params);  //将各个定义的接口名称,统一放进对象挂载到vm.$u.http.api(因为vm就是this,也即this.$u.http.api)下   vm.$u.api={      mobilelogin,   };}exportdefault{   install}2,common文件夹下http.intercepto

uni-app+vue3会遇到哪些问题

已经用uni-app+vue3+ts开发了一段时间,记录一下日常遇见的问题和解决办法uni-app中的单端代码uni-app是支持多端,如果你想让你的代码,只在部分平台使用,那么就需要用的它的单端处理语法//#ifdef和//#ifndef等。1.//#ifdefxxx只在xxx平台生效//#ifdefMP-WEIXINmenuButtonInfo='微信'//#endif2.//#ifndefxxx除了xxx平台,其他都生效//#ifndefMP-WEIXINmenuButtonInfo='只要不是微信,其他都可以'//#endif安全边距1.异形屏因为有异形手机屏的存在,最顶部有摄像头,最

uniapp+unicloud开发一个网页端,小程序端,APP端,桌面端的博客CMS系统——万能的三三

前言做为一个开发者,怎么能没有一个自己的博客呢?都说现在是小程序,APP时代了,显然只有网页端已经跟不上时代了,于是乎就想找一个免费的能同时支持网页端,小程序,APP的博客系统...于是花了一点点时间,没找到合适的...好吧,那既然自己是开发者,那为什么不能自己写一个博客呢?于是又花亿点点时间...介绍既然要跨端,找了一圈,想要很好的支持小程序,和APP,基本上选定了uniapp,发现官方已经写好了后端和前端的模版,直接拿来用,基本解决了项目搭建问题,于是乎,又过了亿点点时间,完成了这套基于uniapp+unicloud开发,一套代码多端部署的博客CMS系统。由于是基于uniapp开发的博客,

vue 实现 word、ppt、excel、图片、PDF、视频、音频等格式的文件下载,以及uniapp中文件包(文件流)的下载处理

方法一:a标签1、后台返回的url地址//下载constdownLoad=(url:string,name:string,type:string)=>{varxhr=newXMLHttpRequest();xhr.open('GET',url,true);xhr.responseType='arraybuffer';//返回类型blobxhr.onload=function(){if(xhr.readyState===4&&xhr.status===200){letblob=this.response;//转换一个blob链接//注:URL.createObjectURL()静态方法会创建一个

Uniapp/vue 小程序CSS翻牌动画

适合于翻牌抽奖,翻牌小游戏等场景本次案例为6张牌css样式以及图片请自己准备,需要准备两张图片,一张是翻开前一张时翻开后标签结构 JS代码data(){return{card_close_src:"",//翻牌前的图片路径awardCard:'',//中奖的卡路径cardStateArray:[],//牌状态数组}},methods:{ createState(){//初始化数组长度和状态 this.cardStateArray=Array(6)//6张牌 .fill(0).map((item,index)=>{ letobj={ state:false, } r

uni-app黑马优购项目学习记录(上)

🖥️NodeJS专栏:Node.js从入门到精通🖥️蓝桥杯真题解析:蓝桥杯Web国赛真题解析🧧加入社区领红包:海底烧烤店ai(从前端到全栈)🧑‍💼个人简介:即将大三的学生,一个不甘平庸的平凡人🍬👉你的一键三连是我更新的最大动力❤️!🏆分享博主自用牛客网🏆:一个非常全面的面试刷题求职网站,真的超级好用🍬写在前边最近博主一直在牛客网刷题巩固基础知识,快来和我一起冲关升级吧!点击进入牛客网这篇博文是在黑马程序员uniapp-黑马优购项目文档的基础上进行书写的,原文在这里:uniapp-黑马优购,视频教程。文章资料和接口文档:链接:https://pan.baidu.com/s/1dkJu8aaJEj

如何把uniapp项目的推上gitee仓库

目录材料:一个uniapp项目,一个gitee账号(没有就注册一个)1.在gitee创建一个仓库进入到下面这个页面就是创建完成了2、进入Hbuilder安装插件3、安装git4、安装TortoiseGit5、以上步骤全部弄好后,可以进入正题了,把uniapp项目推上gitee仓库1.1首先打开uniapp项目所在的路径的文件窗口1.1.1全局设置用户名1.2这时候在hbuilderx中,我们可以看到需要上传到仓库的uniapp文件已经变色了6、然后返回git仓库页面刷新,就看到上传的文件了材料:一个uniapp项目,一个gitee账号(没有就注册一个)1.在gitee创建一个仓库进入到下面这个

uniapp或微信小程序底栏固定定位在小黑条下全面屏适配解决

使用uni或者微信提供的api uniapp开发者文档 微信小程序微信开发者文档 uni使用safeAreaInsets参数微信使用safeArea参数/**获取到屏幕的安全区域全面屏的值为to顶部状态栏和bottom底部黑线安全区*/exportfunctiongetSafeAreaInsets(){ letsafeAreaInsets=0 uni.getSystemInfo({ success:function(res){ console.log(res.model); console.log(res.pixelRatio); console.log(res.windowWi

基于nodejs+vue+uniapp社区居民健康问诊管理系统 微信小程序

系统实现阶段的根本目标在这个阶段的设计工作中精确地描述出目标系统,从而在编码阶段可以直接根据这个描述翻译成用程序语言编写的系统。系统实现的基本任务有以下几个:   语言:java+python+nodejs+php+nodejs均可选运行软件:idea/eclipse/vscode/pycharm/wamp框架支持:springboot/Ssm/vue/django/thinkphp (1)为每个模块进行详细的算法设计。用某种图形、表格、语言等工具将每个模块处理过程的详细算法描述出来。 (2)为模块内的数据结构进行设计。对于需求分析、概要设计确定的概念性的数据类型进行确切的定义。 (3)对数据