[發(fā)明專利]頁面防抖方法、裝置、計算機(jī)設(shè)備以及存儲介質(zhì)

在審

• 申請?zhí)枺?/td>: 202211128258.0
• 申請日: 2022-09-16
• 公開（公告）號: CN115438284A
• 公開（公告）日: 2022-12-06
• 發(fā)明（設(shè)計）人: 覃蓮;傅強(qiáng);張舜華
• 申請（專利權(quán)）人: 中國建設(shè)銀行股份有限公司;建信金融科技有限責(zé)任公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 華進(jìn)聯(lián)合專利商標(biāo)代理有限公司 44224
• 代理人: 黃恕

本申請涉及一種頁面防抖方法、裝置、計算機(jī)設(shè)備、存儲介質(zhì)和計算機(jī)程序產(chǎn)品涉及移動互聯(lián)技術(shù)領(lǐng)域，其中，方法包括：響應(yīng)頁面訪問事件，識別訪問頁面；從項目入口文件中讀取預(yù)設(shè)的防抖指令；在所述訪問頁面中注入所述防抖指令；提取所述防抖指令中攜帶的防抖參數(shù)和防抖函數(shù)；根據(jù)所述防抖參數(shù)執(zhí)行防抖函數(shù)執(zhí)行頁面防抖。整個方案中，在響應(yīng)頁面訪問事件時，直接從項目入口文件中讀取預(yù)設(shè)的防抖指令來獲取防抖參數(shù)和防抖函數(shù)，其無需在訪問面頁面內(nèi)臨時注冊，即可實現(xiàn)防抖參數(shù)和防抖函數(shù)的傳入，可以簡便實現(xiàn)頁面防抖。

技術(shù)領(lǐng)域

本申請涉及移動互聯(lián)技術(shù)領(lǐng)域，特別是涉及一種頁面防抖方法、裝置、計算機(jī)設(shè)備、存儲介質(zhì)和計算機(jī)程序產(chǎn)品。

背景技術(shù)

隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，超文本標(biāo)記語言頁面成為廣大用戶訪問互連網(wǎng)的首選。在網(wǎng)頁開發(fā)過程中，通常把超文本標(biāo)記語言標(biāo)記和事件綁定在一起，為用戶提供了可供交互的操作反饋。

在實際應(yīng)用中，但無論是在手機(jī)端還是web端，都會存在用戶使用過程中重復(fù)點擊按鈕導(dǎo)致頁面重復(fù)出現(xiàn)，迅速滾動窗口導(dǎo)致頁面卡頓，輸入框搜索時頻繁請求后端導(dǎo)致服務(wù)器壓力等類似現(xiàn)象，一是用戶體驗感不佳，二是對于后端來說，頻繁請求也會造成不必要的浪費(fèi)以及服務(wù)器壓力。那么，防抖就很有現(xiàn)實意義。防抖，顧名思義就是防止抖動，從技術(shù)角度來說，就是阻止事件的多次調(diào)用，避免在短時間內(nèi)多次向后端請求導(dǎo)致的浪費(fèi)。

目前雖然已有實現(xiàn)頁面防抖的方案，但是在應(yīng)用這些防抖方案時，需要在該頁面中注冊后才能正常使用，無法實現(xiàn)處理簡便的頁面防抖。

發(fā)明內(nèi)容

基于此，有必要針對上述技術(shù)問題，提供一種簡便的頁面防抖方法、裝置、計算機(jī)設(shè)備、存儲介質(zhì)和計算機(jī)程序產(chǎn)品。

第一方面，本申請?zhí)峁┝艘环N頁面防抖方法。所述方法包括：

響應(yīng)頁面訪問事件，識別訪問頁面；

從項目入口文件中讀取預(yù)設(shè)的防抖指令；

在所述訪問頁面中注入所述防抖指令；

提取所述防抖指令中攜帶的防抖參數(shù)和防抖函數(shù)；

根據(jù)所述防抖參數(shù)執(zhí)行防抖函數(shù)執(zhí)行頁面防抖。

在其中一個實施例中，所述響應(yīng)頁面訪問事件，識別訪問頁面之前，還包括：

自定義初始v-debounce指令；

獲取預(yù)設(shè)防抖參數(shù)，將所述預(yù)設(shè)防抖參數(shù)以及防抖函數(shù)寫入至所述初始v-debounce指令中，得到防抖指令；

將所述防抖指令注冊至項目入口文件中。

在其中一個實施例中，所述自定義初始v-debounce指令包括：

通過vue.directive方法自定義初始v-debounce指令。

在其中一個實施例中，所述將所述防抖指令注冊至項目入口文件中包括：

將所述防抖指令全局引入至vue項目中mian.js文件。

在其中一個實施例中，上述頁面防抖方法還包括：

提取綁定所述防抖指令的DOM元素數(shù)據(jù)信息；

當(dāng)需執(zhí)行頁面訪問時，根據(jù)提取的所述DOM元素數(shù)據(jù)信息執(zhí)行頁面訪問。

在其中一個實施例中，所述根據(jù)所述防抖參數(shù)執(zhí)行防抖函數(shù)執(zhí)行頁面防抖包括：

當(dāng)監(jiān)聽頁面被連續(xù)訪問時，根據(jù)所述防抖參數(shù)判斷是否立即執(zhí)行、并獲取延時時間；

若是立即執(zhí)行，則執(zhí)行首次頁面訪問事件，并延時所述延時時間后再執(zhí)行頁面訪問事件；