javascript防反跳技術(shù)

Channe 發(fā)布于2019-08-21 12:27 / 428人閱讀

摘要：應(yīng)用場景在有分頁的頁面中不斷點擊下一頁時，間隔不超過設(shè)定時間則響應(yīng)最后一次點擊在保存文件的時候同時保存很多文件時，可以先收集信息，再一次性保存例子在秀所有服裝頁面中的分頁設(shè)計中在的插件保存文件的時候代碼為頁面上的按鈕，快速不間斷點擊，時間的

  應(yīng)用場景

在有分頁的頁面中不斷點擊下一頁時，間隔不超過設(shè)定時間則響應(yīng)最后一次點擊

在保存文件的時候同時保存很多文件時，可以先收集信息，再一次性保存

例子

在qq秀所有服裝頁面中的分頁設(shè)計中

在grunt的插件watch保存文件的時候

代碼

    var timeoutId = null; 
    var n = 0;
    var counter = 0;
    //button為頁面上的按鈕，快速不間斷點擊button，click時間的處理函數(shù)會調(diào)用多次，但是業(yè)務(wù)邏輯只會調(diào)用一次
    $("#button").click(function () {
        clearTimeout(timeoutId);
        console.log("n: ", ++n);
        timeoutId = setTimeout(function () {
            console.log("counter: ", ++counter);
        }, 200);
    });

    //以下可以直接拷貝到chrome的控制臺執(zhí)行
    var timeoutId = null; 
    var n = 0;
    var counter = 0;
    //n = 10; counter = 1;
    for (var i = 0; i < 10; i++) {
        (function () {
            clearTimeout(timeoutId);
            console.log("n: ", ++n);
            timeoutId = setTimeout(function () {
                console.log("counter: ", ++counter);
            }, 200);
        })();
    }

underscore庫里面集成了一個實現(xiàn)防反跳的方法：debounce

云服務(wù)器 GPU云服務(wù)器 javascript禁止跳轉(zhuǎn) 防反 javascript技術(shù) javascript技術(shù)簡介

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87614.html

相關(guān)文章

web性能優(yōu)化--高性能javascript

摘要：用局部變量存儲本地范圍之外的變量值，如果它們在函數(shù)中的使用多于一次。將它的值存入一個局部變量，消除一次搜索過程。地將此值存入一個局部變量中。總結(jié)了一下《高性能javascript》書中比較核心的點,并補充了一些點。第一章 DOM標簽將所有標簽放置在頁面的底部，緊靠 body 關(guān)閉標簽的上方。此法可以保證頁面在腳本運行之前完成解析。將腳本成組打包。頁面的標簽越少，頁面的加...

ytwman 2019-08-21 14:27 評論0 收藏0
Lodash 中文文檔 (v3.10.1) - “Function” 方法

摘要：參數(shù)待科里化的函數(shù)函數(shù)的數(shù)量返回返回科里化的新函數(shù)示例使用占位符該方法類似但其添加的行為由變更為的值，在整體構(gòu)建中的默認值是，可以作為部分參數(shù)的占位符傳入。在執(zhí)行時綁定的將是緩存器函數(shù)。注意緩存器函數(shù)的緩存需要暴露緩存屬性，其產(chǎn)物會覆蓋。 Lodash 中文文檔 (v3.10.1) - Function 方法 Translated by PeckZegOriginal Docs: Lo...

iKcamp 2019-08-19 17:20 評論0 收藏0
Lodash 4.0.0 更新文檔

摘要：更新文檔年月日兼容性警告專注于，移除包支持放棄對的支持可以使用以繼續(xù)開啟支持令隱式結(jié)束鏈式調(diào)用隊列在在調(diào)用之前返回包裝器并不會打印記錄從左到右記錄每個值，并返回該數(shù)組在從左到右記錄每個值，并返回該數(shù)組移除模塊路徑的分類名移除，使用 Lodash 4.0.0 更新文檔 v4.0.0 2016 年 1 月 12 日 — Diff — Docs 兼容性警告專注于 npm，移除 Bow...

mtunique 2019-08-19 17:23 評論0 收藏0
php偽造Referer請求反盜鏈資源

摘要：反盜鏈分類我們了解了盜鏈對源站的危害后，自然要通過一些手段來阻止這種行為維護自己的利益。參考文章百科盜鏈防盜鏈偽造防盜鏈有些產(chǎn)品為了防止自己的產(chǎn)品被盜鏈訪問，會采用反盜鏈措施，如封閉型生態(tài)的音樂網(wǎng)站和視頻網(wǎng)站，他們已經(jīng)為了版權(quán)付費，自然不希望你免費使用他們的資源。但因為很多人專門研究盜鏈，因此我們也需要了解下盜鏈、反盜鏈和逃避反盜鏈的原理。盜鏈引用百度百科對盜鏈的定義：盜鏈是指...

chenatu 2019-07-01 11:14 評論0 收藏0
php偽造Referer請求反盜鏈資源

摘要：反盜鏈分類我們了解了盜鏈對源站的危害后，自然要通過一些手段來阻止這種行為維護自己的利益。參考文章百科盜鏈防盜鏈偽造防盜鏈有些產(chǎn)品為了防止自己的產(chǎn)品被盜鏈訪問，會采用反盜鏈措施，如封閉型生態(tài)的音樂網(wǎng)站和視頻網(wǎng)站，他們已經(jīng)為了版權(quán)付費，自然不希望你免費使用他們的資源。但因為很多人專門研究盜鏈，因此我們也需要了解下盜鏈、反盜鏈和逃避反盜鏈的原理。盜鏈引用百度百科對盜鏈的定義：盜鏈是指...

Drinkey 2019-07-25 14:38 評論0 收藏0