//原理:在連續觸發某個函式時,讓該函式隔一段時間執行一次
function throttle(fn,wait){
wait = wait || 1000;
let flag = true;
return function(){
if(!flag){
flag = false;
setTimeout(()=>{
flag = true;
fn.apply(this,arguments)//保證this指向 和 引數的傳遞
},wait)
}
}
}
function f(){
console.log(this)
}
window.onscroll = throttle(f,1000)
複製程式碼
節流原理以及實現
相關文章
- 函式節流、函式防抖實現原理分析函式
- JAVA實現節流閥Java
- 購物車原理以及實現
- 防抖和節流原理分析
- 防抖原理以及簡單實現
- 前端動畫實現以及原理淺析前端動畫
- 紅黑樹的原理以及實現
- Synchronized的實現原理以及優化synchronized優化
- 堆的原理以及實現O(lgn)
- 點陣圖(bitmap)原理以及實現
- requestAnimationFrame實現一幀的函式節流requestAnimationFrame函式
- JS簡單實現防抖和節流JS
- UIColletionView瀑布流佈局實現思路以及封裝的實現UIView封裝
- iOS底層-KVC使用實踐以及實現原理iOS
- 函式節流實現滑動下拉選單函式
- 防抖與節流的區別與實現
- MySQL Xtrabackup備份原理和實現細節MySql
- Vue響應式原理以及簡單實現Vue
- 影片直播原始碼,js實現節流和防抖原始碼JS
- Dubbo2.7的Dubbo SPI實現原理細節
- Promise的祕密(Promise原理解析以及實現)Promise
- 前端路由簡介以及vue-router實現原理前端路由Vue
- Threadlocal的使用以及實現原理總結thread
- OpenMP Sections Construct 實現原理以及原始碼分析Struct原始碼
- OpenMP task construct 實現原理以及原始碼分析Struct原始碼
- Base64加密解密原理以及程式碼實現加密解密
- 透過Keep-Alive實現防抖&節流元件Keep-Alive元件
- 防抖和節流的應用場景和實現
- js防抖和節流的區別及實現方式JS
- JS非同步控制流及async實現細節分析(1)JS非同步
- JS非同步控制流及async實現細節分析(2)JS非同步
- JS非同步控制流及async實現細節分析(3)JS非同步
- “開源軟體”幫中小企業實現成本“節流”
- 什麼是節流函式以及防抖函式?函式
- SAP UI5和Angular的函式防抖(Debounce)和函式節流(Throttle)實現原理介紹UIAngular函式
- 微信域名檢測的機制原理以及實現方式
- 幾種排序演算法的原理以及 Java 實現排序演算法Java
- slf4j介紹以及實現原理窺探