Κοινή χρήση τεχνολογίας

Λειτουργία μπροστινής σελίδας Ενθυλάκωση και εφαρμογή αντικραδασμικής λειτουργίας

2024-07-12

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

1. Χρησιμοποιήστε φόντο

Η λειτουργία anti-shake είναι στην πραγματικότητα μια απαραίτητη ικανότητα για έναν μαθητή στο μπροστινό μέρος. Πρόσφατα, αναπτύσσω μια μικροεφαρμογή WeChat Η υπερβολική φόρτωση θα φέρει μια κακή εμπειρία. Επομένως, πολλαπλά διαδοχικά κλικ θα προκαλέσουν πολλές φορές κοπή της σελίδας, επομένως πρέπει να χρησιμοποιήσουμε τη λειτουργία anti-shake για να το πετύχουμε.

2. Εφαρμογή κώδικα

Χωρίς περαιτέρω καθυστέρηση, ας πάμε κατευθείαν στον κώδικα.

/* 防抖函数封装 */
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

Έχω δει επίσης πολλές ενθυλακωμένες συναρτήσεις γραμμένες από άλλους μαθητές, είτε δεν δέχονται επίσημες παραμέτρους, με αποτέλεσμα εξωτερικές παραμέτρους που δεν μπορούν να ληφθούν στη συνάρτηση αντικραδασμικής λειτουργίας, είτε ο ορισμός του χρονοδιακόπτη ρίχνεται στη συνάρτηση, προκαλώντας την επανεκκίνηση της. Κάθε φορά που κάνω κλικ Ορίστε ένα χρονόμετρο, αλλά δεν επιτυγχάνεται ο σκοπός της εκκαθάρισης του χρονοδιακόπτη.

3. Πρακτική εφαρμογή

3.1 Εφαρμόστε αντικραδασμικό άλμα σελίδας


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 Εφαρμογή αντικραδασμικής αλληλεπίδρασης σελίδας

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

Προς το παρόν, οι δύο παραπάνω εφαρμογές είναι οι πιο κοινές εφαρμογές, αν σας αρέσει, παρακαλώ δώστε το ένα μπράβο.