logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

uni-app, 实现 scroll-view 自动滚动到底部,并控制触发频率

在频繁触发场景下,为了降低执行频率,可以增加节流函数 throttle,让 chatScrollTop 方法在规定时间内只执行一次,如果不需要可以忽略。当 scroll-view 内容改变时,调用 chatScrollTop 方法,就可以实现 scroll-view 内容区域自动滚动到底部效果。通过类名获取 scroll-view、和 scroll-view内容容器,得到两个元素的高度,动态设置

#uni-app#javascript#开发语言
小程序底部input输入框,键盘弹起时页面整体上移问题解决

小程序中,当input输入框位于页面底部时,输入框聚焦后键盘弹起,页面会整体上移,将输入框所在位置定位到键盘上方(图2)1、input设置属性 :adjust-position=“false”,键盘弹起时,不上推页面。由于获取的系统的尺寸单位都是 px ,给 bottom 设置的值单位也需要使用 px。2、input获取焦点事件中,监听键盘高度,赋值给bottom属性。3、input失去焦点事件中

文章图片
#小程序#javascript
flex布局对齐方式设置space-between,将最后一行元素左对齐

给盒子设置 justify-content: space-between , 可以均匀排列盒子中的每个元素,首个元素放置于起点,末尾元素放置于终点。达到左右对齐的效果。但当最后一行元素不能铺满盒子时,会在盒子中均分排列,效果并不是我们需要的。盒子设置flex布局, 对齐方式设置 justify-content: space-between时,将最后一行元素左对齐,有一下几种方法:特点:适用于任意列

文章图片
#css#css3#html
uni-app小程序分享功能实现

通过onShareAppMessage(OBJECT) 将小程序到分享微信聊天,onShareTimelin将小程序分享到朋友圈。全局引入只需要在小程序main.js中引入一次,可以复用,便于维护;单页面引入需要在每一个支持分享的页面都单独引入,重复代码多,维护不方便。

#uni-app#小程序#javascript
微信小程序授权登录三种实现方式

通过wx.login获取 临时登录凭证code,向后端换取token。 可以做到无感登录;过button按钮的bindgetphonenumber事件,弹出手机号授权,获取到加密数据后,向后端换取token;通过button按钮的click事件,调用 wx.getUserProfile() 弹出授权框,获取到用户加密数据后,向后端换取token。

文章图片
#微信小程序#小程序#javascript
单点登录认证系统前端实现方案

单点登录(Single Sign On),简称SSO。是指在多个应用系统中,用户只需要登录一次,就可以访问所有相互信任的应用系统。采用OAuto2.0授权协议实现单点登录功能。本系统使用 Authorization Code(授权码模式)来获取 访问令牌 (access_token)系统说明统一身份认证平台用于业务系统登录,身份认证管理后台对集成单点登录的业务系统进行管理,包含业务系统注册、修改、

文章图片
#前端
小程序底部input输入框,键盘弹起时页面整体上移问题解决

小程序中,当input输入框位于页面底部时,输入框聚焦后键盘弹起,页面会整体上移,将输入框所在位置定位到键盘上方(图2)1、input设置属性 :adjust-position=“false”,键盘弹起时,不上推页面。由于获取的系统的尺寸单位都是 px ,给 bottom 设置的值单位也需要使用 px。2、input获取焦点事件中,监听键盘高度,赋值给bottom属性。3、input失去焦点事件中

文章图片
#小程序#javascript
uni-app小程序,ChatGPT打字机效果实现

利用定时器,以一定频率更改展示的文本内容长度,直至全部文本展示完毕。聊天对话时,将文本内容逐字展示,类似打字机效果。

#uni-app#小程序
uni-app 小程序 uni-swipe-action组件,点击右侧内容,不自动收缩效果实现

当项目需要开发列表滑选删除功能时,可以借助uni-app 扩展组件 uni-swipe-action实现。将内容区域向左滑动,显示右侧删除按钮;当点击内容区域或右侧删除按钮时,组件都会自动收缩。有时候,点击删除按钮,弹出对话框询问用户是否确认删除,此时删除按钮不需要隐藏。如何实现?

#uni-app#小程序
uni-app小程序分享功能实现

通过onShareAppMessage(OBJECT) 将小程序到分享微信聊天,onShareTimelin将小程序分享到朋友圈。全局引入只需要在小程序main.js中引入一次,可以复用,便于维护;单页面引入需要在每一个支持分享的页面都单独引入,重复代码多,维护不方便。

#uni-app#小程序#javascript
    共 11 条
  • 1
  • 2
  • 请选择