JS: 떨 림 방지 와 절 류
1142 단어 자바 script
모두 특정한 함수 가 메모리 와 자원 을 자주 소모 하 는 상황 (실행 횟수 감소) 을 줄 입 니 다.
떨 림 방지: 동작 트리거 함수 가 없 는 시간 에 이 함 수 를 실행 하도록 규정 합 니 다.
： 。
//
function showTop(){
console.log(document.body.scrollTop||document.documentElement.scrollTop)
time = null;
}
//
function rejectShook(){
var time = null;
return function(){
if(time==null){
// ， console
time = setTimeout(showTop,200)
}else{
// , .
clearTimeout(timer);
time =setTimeout(showTop,200)
}
}
}
window.onscroll =rejectShook(showTop);
스로틀: 스 킬 쿨 링 중, 시전 후 일정 시간 동안 시전 하지 않 습 니 다
function showTop(){
console.log(document.body.scrollTop||document.documentElement.scrollTop;);
}
window.onscroll =lessRender();
function lessRender(){
// , ：false
var lique =false;
return function(){
//
if(lique){
return;~~~~
}else{
show();
lique = true;
// ,2s
setTimeout(()=>{lique=false},2000)
}
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Thymeleaf 의 일반 양식 제출 과 AJAX 제출텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
