//原理:在連續觸發某個函式時,讓該函式隔一段時間執行一次
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
- 購物車原理以及實現
- 點陣圖(bitmap)原理以及實現
- 堆的原理以及實現O(lgn)
- 防抖原理以及簡單實現
- Synchronized的實現原理以及優化synchronized優化
- 紅黑樹的原理以及實現
- 防抖和節流原理分析
- 前端動畫實現以及原理淺析前端動畫
- JS簡單實現防抖和節流JS
- requestAnimationFrame實現一幀的函式節流requestAnimationFrame函式
- Threadlocal的使用以及實現原理總結thread
- OpenMP task construct 實現原理以及原始碼分析Struct原始碼
- OpenMP Sections Construct 實現原理以及原始碼分析Struct原始碼
- 防抖與節流的區別與實現
- 函式節流實現滑動下拉選單函式
- 前端路由簡介以及vue-router實現原理前端路由Vue
- Promise的祕密(Promise原理解析以及實現)Promise
- 【整合學習】:Stacking原理以及Python程式碼實現Python
- 透過Keep-Alive實現防抖&節流元件Keep-Alive元件
- 影片直播原始碼,js實現節流和防抖原始碼JS
- Dubbo2.7的Dubbo SPI實現原理細節
- 聊聊LightProbe原理實現以及對LightProbe資料的修改
- 幾種排序演算法的原理以及 Java 實現排序演算法Java
- 層次分析法模型原理以及程式碼實現模型
- 防抖和節流的應用場景和實現
- js防抖和節流的區別及實現方式JS
- SAP UI5和Angular的函式防抖(Debounce)和函式節流(Throttle)實現原理介紹UIAngular函式
- 從一個群友問題看流複製實現原理
- 微信域名檢測的機制原理以及實現方式
- Thunk程式的實現原理以及在iOS中的應用iOS
- RPC基本原理以及如何用Netty來實現RPCRPCNetty
- 單連結串列實現原理以及具體程式碼(java)Java
- JS節流和防抖的區分和實現詳解JS
- 節流
- 23_圖解partial update實現原理以及動手實戰演練圖解
- Thunk程式的實現原理以及在iOS中的應用(二)iOS
- OpenMP 執行緒同步 Construct 實現原理以及原始碼分析(上)執行緒Struct原始碼