当前位置: 首页 新闻详细

微信小程序为视频设置图片并显示播放时间,微信小程序里应对事件短时间频繁被触发的防范优化方法

专业小程序设计开发——助力新电商新零售

电话+V:159999-78052,欢迎咨询微信小程序间隔时间,[小程序设计与开发],[小程序投流与推广],[小程序后台搭建],[小程序整套源码打包],[为个体及小微企业助力],[电商新零售模式],[小程序运营推广及维护]

一、微信小程序为视频设置图片并显示播放时间

1、先打开微信开发者工具。

2、打开wxml文件。

3、在文件中首先新建一个swiper标签。

4、通过interval属性,可以设置轮播图自动切换的时间间隔,这里设置为1000.默认是5000,单位是毫秒。

5、在下面设置图片的路径。

6、打开模拟器,显示绿色才是开启。

二、微信小程序怎么设置游戏时间

微信小程序设置游戏时间的方法如下:

1、打开微信的软件主页之后,我们需要从中搜索“成长守护平台”的关键词,然后点击进入到公众号的详情界面,从而进行管理设置。

2、接下来按照官方公众号的提示,点击超链接进入“超级家长”界面,这样就可以设置游戏时间了。

微信小程序里应对事件短时间频繁被触发的防范优化方法

首发2024-09-0314:45·滴水痕留针对防止事件函数频繁触发微信给出两种优化方法,而且这个经常在支付按钮及下滑列表时的场景下使用。

1.使用节流函数

何为节流函数顾名思义就是控制某段JS代码的一个执行频率。举个例子,限制某类事件,一秒内只能触发一次函数执行或者是三秒发生一次,这样就是一个节流。具体实现如下

/**

*防止多次点击跳转(函数节流)

*@param{Object}}fn点击方法gapTime间隔时间

*/

functionthrottle(fn,gapTime){

if(gapTime==null||gapTime==undefined){

gapTime=1500

}


let_lastTime=null

//返回新的函数

returnfunction(){

let_nowTime=+newDate()

if(_nowTime-_lastTime>gapTime||!_lastTime){

fn.apply(this,arguments)//将this和参数传给原函数

_lastTime=_nowTime

}

}

}

微信小程序间隔时间

2.防抖函数

你看

何为顾名思义就是防止抖动,避免把一次事件当做多次来处理,敲击键盘就是一个经常都会遇到的防抖操作场景,在这个网页里面我们监听用户单击键盘或者是某个按钮,为了防止用户误点了多次,这种场景下就适合使用函数防抖。具体实现

//防抖的通用方法

functiondebounce(fun,gapTime){

lettimer=null;//在闭包中


if(gapTime==null||gapTime==undefined){

gapTime=500

}

returnfunction(){

if(timer){

clearTimeout(timer);

}

timer=setTimeout(()=>{

//fun();

fun.bind(this,arguments);//this的指向

timer=null;

},delay);

}

}


人货

【WINDRISES MINIPROGRAM PROMOTION】尊享直接对接老板

电话+V: 159999-78052

专注于小程序推广配套流程服务方案。为企业及个人客户提供了高性价比的运营方案,解决小微企业和个体拓展客户的问题

微信小程序间隔时间
发布人:qipanghuo82 发布时间:2024-10-17