小程序
文章平均质量分 68
小程序问题记录
天边月_
这个作者很懒,什么都没留下…
展开
-
uni-app小程序分享功能实现
通过onShareAppMessage(OBJECT) 将小程序到分享微信聊天,onShareTimelin将小程序分享到朋友圈。全局引入只需要在小程序main.js中引入一次,可以复用,便于维护;单页面引入需要在每一个支持分享的页面都单独引入,重复代码多,维护不方便。原创 2023-03-03 13:20:06 · 12192 阅读 · 3 评论 -
微信小程序授权登录三种实现方式
通过wx.login获取 临时登录凭证code,向后端换取token。 可以做到无感登录;过button按钮的bindgetphonenumber事件,弹出手机号授权,获取到加密数据后,向后端换取token;通过button按钮的click事件,调用 wx.getUserProfile() 弹出授权框,获取到用户加密数据后,向后端换取token。原创 2023-03-08 14:30:49 · 44378 阅读 · 11 评论 -
uni-app, 实现 scroll-view 自动滚动到底部,并控制触发频率
在频繁触发场景下,为了降低执行频率,可以增加节流函数 throttle,让 chatScrollTop 方法在规定时间内只执行一次,如果不需要可以忽略。当 scroll-view 内容改变时,调用 chatScrollTop 方法,就可以实现 scroll-view 内容区域自动滚动到底部效果。通过类名获取 scroll-view、和 scroll-view内容容器,得到两个元素的高度,动态设置 scrollTop 值。想要实现 scroll-view 滚动到底部,只需要让。原创 2023-09-22 17:11:18 · 3280 阅读 · 2 评论 -
uni-app 框架中使用 vuex(store)
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。,不需要额外安装。原创 2023-09-22 11:04:04 · 955 阅读 · 0 评论 -
微信小程序授权流程
小程序中的部分接口,比如地理位置、录音、摄像头、用户信息等,需要用户授权后,才可以调用。把这些接口按使用范围分成多个 scope ,用户选择对 scope 来进行授权,当授权给一个 scope 之后,其对应的所有接口都可以直接使用。通过 wx.authorize({ scope, success, fail }) 向用户请求某权限wx.getSetting({success}) 获取用户授权状态,如果用户拒绝授权,再次使用 wx.authorize() 弹出授权框这种交互不友好。原创 2023-03-08 15:27:22 · 2652 阅读 · 0 评论 -
微信小程转发/预览文件、自定义转发/预览文件名称功能实现
在小程序中如何实现呢?先使用 wx.downloadFile 将网络文件下载到本地,然后使用 wx.shareFileMessage 进行 转发、wx.openDocument 进行预览。比如,预览 PDF 文件、把 PDF 文件转发到微信聊天、自定义预览/转发的 PDF 文件名称。本地用户文件提供了一个用户文件目录给开发者,开发者对这个目录有完全自由的读写权限。文件系统是小程序提供的一套以小程序和用户维度隔离的存储以及一套相应的管理接口。项目中需要对网络文件进行转发/预览,并且自定义网络文件名称,原创 2023-08-10 15:20:01 · 1196 阅读 · 0 评论 -
微信小程序接入腾讯云天御验证码
验证码组件引入的路径,必须和在 app.json 或 manifest.json 中声明的名称一致。比如,在 manifest.json 中声明的名称叫 captcha ,那么引入时的路径就是 plugin://captcha/t-captcha,才能正确引入。原创 2023-08-01 18:07:37 · 1863 阅读 · 0 评论 -
uni-app小程序,ChatGPT打字机效果实现
利用定时器,以一定频率更改展示的文本内容长度,直至全部文本展示完毕。聊天对话时,将文本内容逐字展示,类似打字机效果。原创 2023-07-27 15:35:25 · 1187 阅读 · 0 评论 -
uni-app 小程序 uni-swipe-action组件,点击右侧内容,不自动收缩效果实现
当项目需要开发列表滑选删除功能时,可以借助uni-app 扩展组件 uni-swipe-action实现。将内容区域向左滑动,显示右侧删除按钮;当点击内容区域或右侧删除按钮时,组件都会自动收缩。有时候,点击删除按钮,弹出对话框询问用户是否确认删除,此时删除按钮不需要隐藏。如何实现?原创 2023-07-26 11:23:17 · 1716 阅读 · 0 评论 -
小程序网络资源统一管理,通过css变量使用网络资源
小程序开发时,为了减少小程序代码包的体积,一般会将 static 目录下的静态资源放在服务端,通过网络资源形式引入。在 scss 中,可以使用 $ 符号定义变量,定义一个变量后,可以在样式代码的任何地方使用该变量。将网络资源通过css变量形式定义,放在一个文件中统一管理。需要使用时,通过背景图片形式引入。当使用的网络资源比较多,后期需要替换资源的路径,工作量就会比较大。创建 view 标签,css 中通过背景图片形式使用网络资源。在使用变量时,变量名称前必须要加上 $ 符号。原创 2023-07-19 11:59:27 · 276 阅读 · 0 评论 -
小程序底部input输入框,键盘弹起时页面整体上移问题解决
小程序中,当input输入框位于页面底部时,输入框聚焦后键盘弹起,页面会整体上移,将输入框所在位置定位到键盘上方(图2)1、input设置属性 :adjust-position=“false”,键盘弹起时,不上推页面。由于获取的系统的尺寸单位都是 px ,给 bottom 设置的值单位也需要使用 px。2、input获取焦点事件中,监听键盘高度,赋值给bottom属性。3、input失去焦点事件中,监听键盘高度,重置bottom值为0。键盘弹起时,页面其他元素不动不动,底部输入框跟随键盘上弹(图3)原创 2023-07-18 10:26:18 · 6744 阅读 · 0 评论 -
小程序 POST 请求传递 FormData 格式参数
小程序中没有FormData对象,使用 let formdata = new FormData() 创建对象,会报错 FormData is not defined。1、配置请求头header: ‘content-type’: ‘application/x-www-form-urlencoded;小程序中 request 请求一般都会进行全局封装,如果直接在封装函数中设置 header 会影响其他接口的调用。可以在需要使用 FormData 形式传参的api中设置 header,通过参数进行传递。原创 2023-06-06 19:55:16 · 4408 阅读 · 2 评论