Technology sharing

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

1. usus background

Munus anti-quatio vere necessaria est peritia pro alumnis ante-finis. Semper piger fui et mutuatus sum paginam loading vel conjunctionem oneratam ad eam consequendam. Nuper, WeChat applet evolvens. Nimia onerantium malam experientiam afferet. Ideo condiciones erunt ubi plures continuos clicks eandem paginam pluries secabunt, ita utendum est anti- quate munus ad hoc assequendum.

2. Codex exsecutionis

Sine vix, recta ad codicem veniamus.

/* 防抖函数封装 */
let timer
export const debounce = (fn, delay = 500) => {
  return  (...args) => { // 传入形参！！！
      let that = this
      timer && clearTimeout(timer)
      timer = setTimeout(function () {
        console.log("防抖函数执行", args)
        fn.apply(that, args) // 用apply指向调用debounce的对象，相当于this.fn(args);
      }, delay)
  }
}
1
2
3
4
5
6
7
8
9
10
11
12

Multum etiam legi encapsulatum functionum ab aliis studentibus scriptae. Aut parametros formales non accipiunt, ut parametri externi in munere anti- quassationis perpendant, aut definitio timoris in functionem injiciatur, causans ut sit. sileo quotiescumque deprimo. Definire timer, sed non consequitur ut purgandi timor.

3. De applicatione

3.1 Implement page jump anti-quassato

export function goPage(url) {
    debounce((url) => {
    	url && wx.navigateTo({ url })
    })(url)
}

// 页面调用
goPage('.pages/home/index')
1
2
3
4
5
6
7
8
9

3,2 exsequendam paginae commercium anti-quassato

gotoShop(value) {
  debounce((value) => {
         // 接收外部传来的value参数，进行后续逻辑处理
     })(value) // 接收外围函数的参数，丢到防抖函数里，有兴趣的同学也可以了解一下闭包
 },
1
2
3
4
5

Nunc, haec duo medicamenta frequentissima sunt.