logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

uniapp开发微信小程序使用websocket

本文介绍了在uniapp中使用WebSocket实现全双工通信的步骤。首先,通过初始化socketTask对象来建立WebSocket连接,并设置心跳机制以保持连接。接着,通过onOpen、onMessage、onError和onClose等事件监听器处理连接状态和消息接收。文章还详细说明了如何发送心跳包和具体消息,以及如何处理断线重连,包括设置最大重连次数和重连延迟。最后,提供了清理WebSoc

文章图片
#uni-app#微信小程序#websocket
Vue3+ts项目路由跳转报错TypeError: Cannot read properties of undefined (reading ‘replace‘)解决方案

可能会报错:TypeError: Cannot read properties of undefined (reading 'replace'),这是因为我们不能在里面内嵌路由实例。这个时候,我们需要把拿取路由实例的操作,放在setup()第一层之下。

文章图片
#vue.js#前端#javascript
uniapp点击文本输入框弹出键盘,并且输入框跟随键盘弹起

这个属性,这个属性就是设置文本框光标到键盘的距离,单位为px,只要将这个值设置的更高一点,就能不遮住textarea元素,如果textarea是fixed定位,则需要将fixed属性设置为true。

文章图片
#前端#uni-app
uniapp开发微信小程序实现图片本地缓存(策略)

这个时候,我们不能马上就将CDN路径替换掉本地存储路径,因为,我们不确定这个存储路径是否有效,还需要获取到图片文件列表,检查文件列表中是否有该路径,如果有,证明路径有效,就将本地存储路径替换为CDN图片路径。开发微信小程序时,小程序中使用的图片较多时,图片CDN流量就会增加,进而带来支出流量费用增加,图片加载变慢,影响用户体验等问题。下载完成之后就会返回图片在本地存储的地址,然后在小程序缓存中存储

文章图片
#uni-app#微信小程序#缓存
uniapp微信小程序开发实现COS直传

使用腾讯云COS SDK的 uploadFile 方法上传文件,进行对象存储,其中要传入的参数有:Bucket(存储桶名称)、Region(存储桶所在区域)、Key(文件在 COS 存储桶中的存储路径和文件名)、FilePath(本地文件的临时路径)。获取返回后的数据,得到图片对象存储的路径进行使用。传入需要的参数发送后端请求,获取到tmp_secret_id(临时访问密钥ID)、tmp_secr

文章图片
#uni-app#微信小程序#小程序
uniapp封装http请求器

这里分成两个作用域,如果是vue2环境,则在上面导入文件,如果是vue3环境,则导入下面的作用域,否则就会出现导入request.js不成功导入不成功的情况。然后导入文件之后,通过。使用uniapp进行开发时,我们不可避免的会使用到多种http请求,本文展示了如何封装一个通用的请求器,让代码复用率更高,让项目结构更加清晰,以便后续的维护和扩展。请求函数中接收http请求路径,请求参数,请求头等信息

文章图片
#uni-app#http#网络协议
uniapp开发微信小程序实现分包(亲测有效)

4)在pages数组下面声明一个新数组subPackages,用来管理分包的页面,其中root的值为分包的根目录,path就是test.vue页面的路径,这个时候页面的分包就完成了,如果需要有多个分包按照下面的形式声明路径。1、tabBar页面(与最下面的导航栏相关的页面)必须在pages目录下,那么,在pages目录下,我们可以存放登录页面以及tabBar。微信小程序要求单包不能超过2M,当我们

文章图片
#uni-app#微信小程序#小程序 +1
Arkts框架Scroll组件基本使用

console.log('已经滑动的距离:',this.myScroll.currentOffset().xOffset,this.myScroll.currentOffset().yOffset)7、控制组件的滚动位置,需要先在前面实例化Scroller对象,然后通过引用这个对象,就能将对象和组件联系在一起,我们只需要操作Scroller对象,就能控制组件的滚动效果。1、必须给Scroll组件设

文章图片
#前端#javascript#开发语言
ArkUI开发 ,内边距(padding)使用

2、上下左右不为同一个值,可分开指定每个方向的内边距值。1、上下左右paddig都为一个值。关于ArkUI开发,内边距使用。

文章图片
#html#前端
前端部署项目到服务器(宝塔面板·腾讯云专享版),vue项目为例

打开vue.config.js文件,开发环境下,该代理是生效的,但在项目部署服务器上面时候,这个代理会失效,但是,我们要的并不是这个代理起作用,而要的是将请求路径用/api代替了这个功能,这样我们在开发环境下和上线时都不需要对项目的请求路径有大的改变,让我们更方便的进行开发和上线,这样我们的每一个请求的路径格式都是:/api/接口。打开后,这里是部署项目文件的地方,上传第二步得到的项目文件夹dis

文章图片
#vue.js#前端#javascript
    共 13 条
  • 1
  • 2
  • 请选择