如何使用微信小程序封装函数

小程序封装也分不同类型。我们就来说说微信小程序封装功能的开发步骤和使用方法。我们来看看，对小程序的开发很有帮助。

比较近看了一下微信小程序，大致翻了翻。我发现它非常类似于angular，但比angular简单许多的可以参考文件

下面将封装http请求服务部分和引用部分的服务

//此服务用于封装请求

//返回的是一个promisepromise

var sendr quest=function(url、方法、数据、标头){

var promise=new promise(函数(resoe，reject) {

wx.request({

url: url，数据：数据，方法：方法，header:标头，成功：解决，fail:拒绝

})

});

回报；

};

module . exports . sendr request=sendr request

在utils文件中创建文件requestservice.js文件

以下是page.js文件中引用的一些代码

//接口一般使用page函数注册一个小程序接口，接收一个对象，指定初始化数据/生命周期函数/事件处理函数

//数据存储页面初始化数据，类似angular $scope

//onload生命周期函数监控页面加载

//onready生命周期函数监视页面的第一次呈现是否完成

//显示生命周期功能监视器界面显示

//内置生命周期功能监视器界面隐藏

//on nload生命周期函数侦听页面卸载

//onpulldownrefresh页面相关事件侦听用户下拉事件

//上拉至每个框页面底部触发的事件

//onsharepmessage单击左上角共享事件

var testservice=require('././utils/testservice.js ')

var request=require('././utils/requestservice.js ')

页面({

数据：{

test:'123 '，positionlist:[]

},

onload:function{

},

onready:函数{

that=this

test service . test(' a ')；

test service . agentest(' a ')；

var url=' https://web api . ti品牌ihr.com/position/searcher？sort=-refresh _ time offset=10 limit=10 '；

request . sendr quest(url，' get '，{}，{})。然后(函数(响应){

that.setdata({

position list : response . data . list

});

console.log(响应)；

}，函数(错误){

console.log(错误)；

});

},

onpulldownrefresh:函数{

},

onshareappmessage:函数{

//微信共享所需配置参数

返回{

标题： '自定义股票标题'，描述： '自定义共享描述'，path: '/page/user？id=123 '

}

//console . log(1)；

}

});

上面的代码和js代码有不同的代码需要注意

1.异步处理模式改变

原来的办法是：

var promise=新；

promise . resolution(' success ')；

promise.reject('失败')；

回报；

现有方法：

返回新(功能(解决，拒绝){

决心('成功')；

拒绝('失败')；

})

2.在的成功或失败的回调中，您不能直接赋值，例如：

that=this

试验。然后(函数{

that . data . test=' '；

}，函数{

})

您需要使用以下方法：

that=this

试验。然后(函数{

that.setdatat={

测试：123

};

}，函数{

})

关于微信小程序封装功能就这么多了，不仅有对应的小程序代码，还有具体的教程参考。你学会了吗？更多相关信息，请关注源社网小节目频道。

下面是题目的开头。如何设置微信小程序循环播放？标题到此结束

当一个小程序播放一个动画或一个小视频时，由于api本身的限制，只能播放一次。小编只能用setinterval方法播放一次。感觉问题出在小程序代码上，那么如何设置微信小程序循环播放呢？

在小编之前设置的代码如下：

audioplay:功能(e) {

//将data-***添加到选项卡中，可由e.currenttarget.dataset取用. ***

this.audioctx.play

this.setdata({

' courseimg: '././images/pause.png '

})

this.setdata({

temp1: true

})

this.setdata({

temp2: false

})

变量=这个

setinterval(函数{

那个。播放cd

},1000)

//var那=这个

//var循环值=那个。数据。秒/100

//var temp=that.data.percent

//循环改变进度条的值

//setinterval(函数{

//if(temp 100){

//控制台。信息。数据。百分比)

//temp=temp 1

//console.info(temp)

//}

//}，loopvalue)

}，playcd:function{

变量=这个

console.info('开始调用了)

setinterval(函数{

动画=动画

动画。旋转(360度)。步骤

that.setdata({

动画数据：动画。出口

})

}, 1000)

},

那么怎么设置微信小程序循环播放呢？以下是实现代码：

index.wxml

index.js

onready:函数{

//小程序页面渲染完成

//实例化一个动画

那=这个

var i=0

var ii=0

var动画数据=wx。创建动画({

duration: 1000，//默认为400 动画持续时间，单位女士

“timingfunction:”轻松进出，//transformorigin: '4px 91px '

});

var animationclouddata=wx。创建动画({

duration: 1000，//默认为400 动画持续时间，单位女士

“timingfunction:”轻松进出，//transformorigin: '4px 91px '

});

//顺序执行，当已经执行完上面的代码就会开启定时器

//循环执行代码

//dotan fun=set interval(函数{ })；

/*setinterval(函数{

//动画脚本定义

//animationdata.rotate(6 * (i)).步骤

//animationdata.scale(2，2).旋转(45 )。步进刻度(1,1)。步骤；

animationdata.translatey(10).步骤({ duration: 500 }).translatey(-10).step({ duration : 500 })；

//更新数据

that.setdata({

//导出动画示例

动画数据：出口，//animationclouddata : animationclouddata。出口，})

我；

控制台。日志(i)；

}.装订(the)，2000年);//循环时间这里1000是一秒

*/

//动画的脚本定义必须每次都重新生成，不能放在循环外

animationclouddata。translatex(200 ).步骤({ duration: 5000}).translatex(0).step({ duration : 5000 })；

//更新数据

that.setdata({

//导出动画示例

//动画数据：动画数据。出口，animationclouddata : animationclouddata . export，})

setinterval(函数{

//动画的脚本定义必须每次重新生成，不能放在循环外

animationclouddata . translatex(300)。步骤({ duration: 5000})。translatex(-100)。step({ duration : 5000 })；

//更新小程序数据

that.setdata({

//导出动画示例

//animation data : animation data . export，animationclouddata : animationclouddata . export，})

console . log(ii)；

}.bind(the)，10000)；//3000如果这里的设置小于动画步的时长，半执行后会产生错误。

}

index.wxss。云{

margin-top :320 rpx；

}

. yun1

width:320rpx

height: 120rpx

}

小编给出了在前一个循环中失败的代码和修改后的代码。幸运的是，后面的代码已经能够成功地将微信小程序设置为循环播放。看来问题真的出在代码上。希望大家可以参考源代理网小程序频道提供的信息来学习。

新手怎么做

小程序有什么用怎么用？

有时候我想让一些线下的客户上线，但是阿里巴巴不是在客户手机上的。这时候小程序旺铺的作用就出来了

小程序现在很流行 这样做有用吗？

小节目也会有一定的效果，但也需要有代价的推广。如果站内推广正在进行，你想扩大推广范围，可以尝试去做。如果不做站内推广，没必要做小节目。车站是排水的主战场。希望我的回答能让你满意！

为什么后台的小程序爆款实验室消失了？

几个月前就消失了，相关营销取而代之

支付宝小程序是不是流失很多？

这个还挺多的。