小程序动画出现卡顿

Question

小程序是用wepy框架写的,但是出现卡顿,不知道这段代码哪里出现了问题

// 计算弹出层显示高度
getOrderHeight() {
    var query = wx.createSelectorQuery()
    query.select('.paymask-detail').boundingClientRect()
    query.exec((res) => {
        this.paymaskDetailHeight = -res[0].height + 'px' // 获取list高度
        this.$apply()
        console.log(this.paymaskDetailHeight)
    })
}
animationFn() {
    // 弹出动画
    let animationUpIn = wx.createAnimation({
        duration: 150,
        timingFunction: 'ease'
    })
    animationUpIn.translateY(this.paymaskDetailHeight).step()
    this.animationUpIn = animationUpIn.export()
    // 蒙层渐显动画
    let animationFadeIn = wx.createAnimation({
        duration: 200,
        timingFunction: 'ease'
    })
    animationFadeIn.opacity(1).step()
    this.animationFadeIn = animationFadeIn.export()
    this.$apply()
}

Answer 1

怎么个卡顿法 说清楚点
没遇到过这个问题 光看代码 不好做出判断