Vue 지연 로딩 배너

사용자의 클릭에 따라 표시하거나 숨기도록 선택한 페이지에 5개의 배너가 있습니다. 이 시점에서 배너 데이터는 API에서 가져오고 API의 각 배너 항목에 대해 배너 구성 요소를 반복하고 있습니다. 사용자가 클릭한 후에만 이미지를 다운로드할 수 있는 방법이 있습니까? 지연 로딩 기본 동작을 시도했지만 이미지가 모두 첫 번째 스크롤에 나타나고 사용자 클릭으로 이미지를 표시하거나 숨기기 때문에 처음에 이미지가 로드됩니다. <banner-basev-for="bannerinentry.banners":key="...

P粉041758700 2024-03-28 23:03:47 0  1  462

javascript - 무한 지연 로딩 반응

페이지가 스크롤될 때 React.js를 사용하면 플러그인 없이 무한한 지연 로딩을 달성할 수 있습니다.

黄舟 2017-06-15 09:22:36 0  2  821

프런트엔드 - CSS 배경 이미지 로딩 속도를 높이는 방법

내 페이지 중 하나에서는 여러 CSS 배경 설정을 이미지로 사용했습니다. 이미지 크기는 아마도 수십 K일 것입니다. 이제 처음 웹 페이지를 열면 이러한 장소는 분명히 로드 속도가 느리고 모든 스타일처럼 보입니다. 그 후에는 이미지가 지워집니다. CSS 로딩 속도를 높일 수 있는 방법이 있나요?

滿天的星座 2017-06-06 09:54:29 0  6  1242

js, css 및 이미지를 로드할 수 없습니다.

영상과 코드는 같은데 js, css, 이미지를 불러올 수 없는 이유는 무엇인가요?

Kagamigawa Chloe 2018-03-30 16:13:40 0  2  1627

javascript - 웹사이트 로드 속도가 느림

http://cqwind.chinacloudapp.c... 이 웹사이트의 로딩 속도가 매우 느립니다. 변경해야 할 큰 그림이 변경되었습니다(아직 웹페이지가 이전 버전임). 인터페이스 하나는 5개의 데이터를 수신해야 합니다. 이 5개의 데이터는 데이터베이스의 서로 다른 테이블에 있을 수 있습니다.

怪我咯 2017-06-12 09:25:45 0  4  890

Vue 로딩 애니메이션을 구현하고 동시에 URL에서 이미지를 로드합니다.

이미지가 로딩되면 로딩 애니메이션을 보여주고 싶은데 어떻게 구현해야 할지 모르겠습니다. 디버깅하고 "true" 및 "false"를 콘솔에 출력했지만 로딩 애니메이션이 여전히 표시되지 않았습니다. //// 오류 {{currentCountKing}} / {{ALL_FILMS.length-1}} {{firstFilm.title}} {{secondFilm.title}} Побед

P粉021854777 2023-08-03 18:04:16 0  1  627

javascript - vue 스크롤 로딩 이미지

요구 사항: 스크롤 막대를 아래로 당길 때 그림을 로드하고, 한 번에 6개의 그림을 로드합니다. 그림 수가 30개를 초과하면 로드가 완료된 후 처음 6개의 그림이 제거되고 30개의 DOM 노드가 로드됩니다. 유지됩니다. 이제 데이터에 imgarr=[]를 저장할 이미지 주소로 설정합니다.

阿神 2017-05-18 10:59:25 0  2  655

React의 지연 로딩 기능은 언제 사용해야 할까요?

나는 상당히 큰 애플리케이션을 가지고 있으며 번들 크기는 이제 약 2MB(약 3개 청크)입니다. 로드 시간을 개선하기 위해 비교적 새로운 ReactLazy를 사용하기로 결정했습니다. 다음은 지연 로딩의 예입니다. constWizard=React.lazy(()=>import('./comComponents/wizards/Wizard')); 개념의 일반적인 아이디어는 이해하지만 여전히 어려움을 겪고 있습니다. 가끔씩 기다려야 하는 것을 제외하고는 그것을 이해하는 데 시간이 걸립니다. 청크를 로드하는 데 시간이 걸리는 것 외에 단점은...

P粉976737101 2023-08-24 23:11:02 0  2  506

javascript - Zhihu의 이미지 로딩은 어떻게 구현됩니까?

Zhihu 문서를 참조하세요. Visual Studio Code를 평가하는 방법은 무엇인가요? 페이지에 흥미로운 기능이 있는데, 이미지가 로드되기 전에는 가우시안 블러처럼 보이는 이미지가 표시됩니다. 아니면...

大家讲道理 2017-06-26 10:58:20 0  1  751

javascript - 페이지가 느리게 로드됩니다. 최적화 솔루션은 무엇입니까?

페이지가 왜 그렇게 느리게 로드되는지 알아내는 데 전문가가 도움을 줄 수 있나요? 자세히 분석하고 좋은 해결책을 찾을 수 있기를 바랍니다. 온라인 주소는 http://cqwind.chinacloudapp.c...입니다.

学习ing 2017-07-05 11:04:00 0  4  974

javascript - vue.js가 Alibaba Cloud oss에서 이미지 경로를 올바르게 검색하지만 페이지의 이미지가 로드되지 않습니다.

Webview에서 vue.js를 사용하여 Alibaba Cloud oss에서 이미지 경로를 얻으세요. 데이터를 얻은 후 브라우저로 이미지 주소를 열면 이미지가 성공적으로 렌더링될 수 있습니다. 그러나 때때로 webview 페이지에서 이미지가 로드되지 않습니다. ? 이미지를 바인딩하는 코드는 다음과 같습니다: &lt;img class="img" :src="img.url" v-for="im...

PHP中文网 2017-05-18 10:56:44 0  2  752

2017년 최신 PHP 고급 동영상 튜토리얼(2) 7-11 세션 저장 메커니즘 재작성 동영상을 로드할 수 없습니다.

2017년 최신 PHP 고급 동영상 튜토리얼(2) 7-11 세션 저장 메커니즘 재작성 동영상을 로드할 수 없고 "로드 오류"만 표시됩니다.

phpcn_u89397 2020-08-09 15:53:57 0  0  1076

HTML 파일을 직접 열면 CSS 파일과 이미지가 로드되지 않지만 VS Code로 열면 잘 로드됩니다.

직접 클릭하여 HTML 파일을 열려고 하면 CSS 파일이나 이미지가 로드되지 않지만 VScode의 라이브 서버를 사용하여 열면 제대로 작동합니다. 이미지와 스타일시트는 별도의 파일에 있습니다. 코드는 다음과 같습니다.

P粉376738875 2023-08-09 14:08:49 0  1  431

javascript - UI 스타일 계산이 너무 많으면 브라우저가 너무 느리게 로드됩니다. 특히 IE에서는 선배에게 조언을 구하세요.

얼마 전 EasyUI+jQuery를 사용해 페이지를 만들었는데 처음에는 로딩 문제가 없다고 느꼈는데, 데이터가 늘어나면서 로딩 시간이 확연히 20초 이상씩 걸리더군요. IE가 열리는 중 성능 분석의 경우 실제로는 3분 이상 소요됩니다. . . . 테스트 후 구체적인 사진은 다음과 같습니다.

習慣沉默 2017-07-05 10:40:49 0  3  988

Edge 및 Brave 브라우저는 느리게 로드되지만 Opera 및 Firefox는 영향을 받지 않습니다.

다른 브라우저(오페라)에서 테스트했는데 핑이 울리기 전까지 사이트 로딩 속도가 매우 느린 문제를 해결하려고 노력해 왔습니다! 전혀 기다릴 필요가 없습니다. 그러나 Edge 및 Brave에서는 몇 분 동안 멈춥니다... php/xammp를 사용하고 있으며 사이트에서 SQL 리소스(예: 50-100개 결과)를 로드하고 태그와 같은 간단한 태그를 사용하면 반복할 때 너무 오래 걸립니다. , 아니면 전혀 작동하지 않습니다. 어떻게 그래? Firefox에서도 테스트했는데 다음과 같이 매우 빨랐습니다.

P粉710478990 2023-08-30 15:04:14 0  1  699

DOM 요소가 창으로 스크롤되는 이벤트가 있습니까?

예를 들어 이미지를 지연 로드하려는 경우 img DOM이 브라우저를 아래로 스크롤하고 DOM이 사용자의 현재 창으로 스크롤할 때 발생하는 이벤트를 나타내는 이벤트가 있습니까?

PHPz 2017-05-19 10:39:49 0  1  438

javascript - vue 지연 로딩 플러그인 사진이 업데이트되지 않습니다

이 두 가지 플러그인을 사용한 후, 새 데이터가 원본 상품 목록을 대체할 때 지연 로드된 사진은 변경되지 않고 그대로 유지됩니다. {코드... }

phpcn_u1582 2017-06-12 09:20:53 0  2  647

문제: 이미지가 너무 느리게 로드됩니다.

Html, Css, Js, Php를 사용하여 크레이그리스트 같은 웹사이트를 만들었습니다. 사용자가 1MB보다 큰 이미지를 업로드하기 위해 클릭하면 페이지가 매우 느려지거나 실패합니다(503 오류). 100kb보다 작은 이미지는 문제가 없습니다. type=file 입력 태그와 미리보기 img 태그가 있는 PHP 페이지에 양식이 있습니다. >여기서는 문제 없습니다. 사용자가 제출 버튼을 클릭하면 양식은 입력 태그의 값을 업로드 코드가 포함된 다른 PHP 페이지로 전달합니다. 질문: 서버에 업로드하기 전 최고의 이미지 크기 조정

P粉676821490 2023-08-17 22:40:08 0  1  644

레이아웃 변경을 방지하기 위해 로드하기 전에 가변 크기 이미지를 위한 공간을 예약하려면 어떻게 해야 합니까?

텍스트, 이미지 태그 및 다음과 같은 일부 텍스트가 포함된 HTML 페이지가 있습니다. 이것은 이미지 앞의 텍스트입니다. <imgsrc="image.jpeg"/>이미지 뒤의 텍스트입니다. 이제 페이지가 로드될 때 이미지를 로드하는 데 시간이 더 오래 걸리므로 텍스트가 이미지보다 먼저 로드됩니다. 따라서 이미지 뒤의 텍스트가 이미지 앞의 텍스트 바로 뒤에 오는 레이아웃 변경이 발생하며, 이미지가 아직 로드되지 않은 경우 이미지를 위한 공간이 예약되지 않습니다. 다만, 이미지가 로딩되면 이미지 뒤의 텍스트가...

P粉936509635 2023-08-28 00:04:44 0  1  602

node.js - 요청의 파이프 방식, 파일을 읽는 데 필요한 시간을 모니터링하는 방법은 무엇입니까?

인터넷에서 사진을 읽으려면 소요 시간을 알아야 합니다. 예를 들어 3초를 초과하면 사진 읽기를 포기하게 됩니다.

怪我咯 2017-05-24 11:38:32 0  1  732