캐 시 이미지 기술

가끔 은 해당 사용자 의 클릭 을 위해 그림 한 장 을 보 여 줍 니 다. 그림 이 비교적 크 고 클릭 이벤트 가 발생 하면 사진 을 다운로드 하 는 데 비교적 긴 사건 이 필요 할 수 있 습 니 다.이때 우 리 는 사용자 가 다른 일 을 할 때 먼저 그림 을 불 러 올 수 있 는 기술 을 사용 할 수 있다.
클 라 이언 트 js 는 하나의 목적 을 달성 하기 위해 전용 API 를 정의 합 니 다. 그림 캐 시 를 강제 하기 위해 먼저 Image () 구조 함 수 를 이용 하여 화면 밖의 그림 대상 을 만 든 다음 에 이 대상 의 src 속성 을 원 하 는 URL 로 설정 합 니 다.
다음은 두 가지 코드 판단 입 니 다.
하나:

1 　　<div>
2         <script>
3         var image = new Image();
4         image.src = "http://snowinmay.net/test/10.jpg";
5         </script>
6         <img src="10-1.jpg" alt="  " onmouseover="this.src='http://snowinmay.net/test/10.jpg'" onmouseout="this.src='10-1.jpg'">
7     </div>

둘:

1 　　<div>
2         <img src="9-1.jpg" alt="  " onmouseover="this.src='http://snowinmay.net/test/9.jpg'" onmouseout="this.src='9-1.jpg'">
3     </div>

코드 1 은 페이지 를 불 러 오 는 동시에 10. jpg 라 는 그림 을 몰래 불 러 올 수 있 습 니 다.사용자 가 클릭 할 때 사용자 에 게 직접 보 여 줍 니 다.코드 2 는 페이지 를 불 러 올 때 9. jpg 를 불 러 오지 않 고 사용자 가 클릭 할 때 만 그림 을 불 러 옵 니 다. 네트워크 속도 가 좋 지 않 을 때 그림 을 불 러 오 는 과정 이 있 습 니 다.
다음은 두 가지 구체 적 인 예 를 제시한다.
1. 웹 페이지 를 불 러 오 는 동시에 그림 을 불 러 옵 니 다.
http://snowinmay.net/index-419.html
2. 웹 페이지 를 불 러 올 때 그림 을 불 러 오지 않 습 니 다.
http://snowinmay.net/index-510.html
이 두 가지 예 에서 두 번 째 페이지 는 그림 을 클릭 할 때 불 러 오 는 과정 이 있 고 첫 번 째 페이지 는 그림 을 직접 표시 하 는 것 을 뚜렷하게 느 낄 수 있다.
1 에 추 가 된 코드:

1 <script>
2         window.onload = function(){
3             var image = new Image();
4             for (var i = 1; i <= 9; i++) {
5             var    url = "http://snowinmay.net/img/" + i + ".png";
6                 image.src = url;
7             };
8         }
9     </script>

주의:
1. 테스트 를 할 때 캐 시 를 지 워 야 합 니 다.
2. 페이지 를 불 러 오고 테스트 해 야 합 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

강 한 캐 시 와 협상 캐 시 상세 설명

클 라 이언 트 는 자원 을 요청 할 때마다 만 료 여 부 를 봅 니 다.만 료 되 어야 서버 에 문의 할 수 있 습 니 다.그래서 강 캐 시 는 클 라 이언 트 에 게 자급자족 용 으로 사용 하기 위 한 것 이다....

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

캐 시 이미지 기술

좋은 웹페이지 즐겨찾기