微信小程序 > 微信公开课 > 实现抖音上下滑动切换视频,手机过热,求官方解答
微信小程序,微信公开课,实现抖音上下滑动切换视频,手机过热,求官方解答

实现抖音上下滑动切换视频,手机过热,求官方解答

2019-03-15 18:14:57

微信公开课小程序热门讨论关于「实现抖音上下滑动切换视频,手机过热,求官方解答」的小程序开发问题
补充:实现抖音上下滑动切换视频,手机过热,求官方解答
展开:当前Bug的表现已经实现了上下滑动,采用官方提供的apibindtouchstart和bindtouchend,但是手机过热,单独使用两个api都没有问题,同时使用,过热明显,而且费电,求官方解答预期表现手机正常复现路径提供一个最简复现Demo即速小程序:bindtouchstart和bindtouchend都是高频js,使用是非常消耗性能的,加上你这么不断频繁的使用,当然会出现温度升高,发热的问题,建议使用函数防抖或函数节流:微信版本:701手机机型:iphone8IOS版本号:121简单说下,这个机型过热明显,一些安卓还有iphoneX温度也有小幅度升高(测试机型有限),温度还可以接受下面是我们简化后的页面,可以复现问题wxml:<videosrc=http:1255883977vod2myqcloudcomd1975e76vodgzp125588397784951cf65285890784164350877lpyI9TqyGLUAmp4autoplay=truecontrols={{false}}bindplay=statisticPlaystyle=height:calc(100%3rem);width:100%;left:0;position:fixed;loop=trueid=videPlay<coverviewbindtouchend=touchEndcatchtap=stopPlaybindtouchstart=touchStartstyle=position:fixed;top:0;left:0;background:rgba(0,0,0,01);height:calc(100%3rem);width:100%;zindex:1;js:varapp=getApp();Page({** *页面的初始数据 *data:{playNum:0,touchInfo:{},},** *生命周期函数监听页面加载 *onLoad:function(options){varthat=this;},** *生命周期函数监听页面初次渲染完成 *onReady:function(){},** *生命周期函数监听页面显示 *onShow:function(){},** *生命周期函数监听页面隐藏 *onHide:function(){},** *生命周期函数监听页面卸载 *onUnload:function(){},** *页面相关事件处理函数监听用户下拉动作 *onPullDownRefresh:function(){},** *页面上拉触底事件的处理函数 *onReachBottom:function(){},** *用户点击右上角分享 *onShareAppMessage:function(){},plaing:function(e){},statisticPlay:function(e){consolelog(e);},touchStart:function(e){vartouchInfo=thisdatatouchInfo;touchInfostart=etouches[0];thissetData({touchInfo:touchInfo})},touchEnd:function(e){vartouchInfo=thisdatatouchInfo;touchInfoend=echangedTouches[0];thissetData({touchInfo:touchInfo})thiscomputer();},computer:function(){varthat=this;vartouchInfo=thatdatatouchInfo;varplayNum=thatdataplayNum;if(touchInfostartpageYtouchInfoendpageY30){++playNum;}if(touchInfostartpageYtouchInfoendpageY<30){playNum;}if(playNum<0){return;}if(thatdataplayNum!=playNum){thatsetData({playNum:playNum})thatchangeVideo();}},changeVideo:function(callback){thisvideoContext=wxcreateVideoContext(videPlay);},}):提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)
更多有关「实现抖音上下滑动切换视频,手机过热,求官方解答」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
微信小程序,微信公开课,实现抖音上下滑动切换视频,手机过热,求官方解答

「实现抖音上下滑动切换视频,手机过热,求官方解答」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「实现抖音上下滑动切换视频,手机过热,求官方解答」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「实现抖音上下滑动切换视频,手机过热,求官方解答」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「实现抖音上下滑动切换视频,手机过热,求官方解答」

微信公开课小程序热门讨论「实现抖音上下滑动切换视频,手机过热,求官方解答」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「实现抖音上下滑动切换视频,手机过热,求官方解答」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。