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

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

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

javascript - vue 액션에서 로딩을 사용하는 방법

Vue에서는 일반적으로 {code...}와 같이 로딩 상태를 사용하는데, vuex의 액션에서는 어떻게 사용하나요? 그러면 vuex에서 로딩 상태를 제어하는 ​​방법은 무엇입니까? {암호...}

世界只因有你 2017-05-19 10:20:47 0  1  549

Vue 지연 로딩 배너

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

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

html5 - html img 태그 크기 조정을 위한 이미지가 나타나는 이유

html img tag 이미지 로딩 시 크기 조정용 이미지가 나타나는 이유는 무엇인가요? html로 위챗 공식 계정을 작성했는데, 위챗에서 로드할 이미지를 선택하면 이미지가 표시되지 않고 크기 조정용 이미지가 나타납니다.

滿天的星座 2017-05-16 13:38:14 0  1  548

javascript - 지연 로드 사용 문제

{코드...} 이와 같이 마우스를 아래로 드래그하면 그림이 나타납니다. 단, Miaodian을 사용하여 특정 층을 찾으면 그림이 로드되지 않고 기본 그림만 나타납니다. 그림이 나타나지 않습니다.

漂亮男人 2017-05-19 10:13:50 0  1  378

React를 사용하여 데이터 전달

아래의 "CameraPage.tsx" 코드에서는 카메라 이미지를 검색하는 로직이 만들어졌습니다. 아주 간단하게 백엔드에 등록된 이미지를 검색합니다. 나중에 소개할 예정이며 작동은 정확합니다. 사용자가 "InfoOutlineIcon"을 클릭하면 다른 페이지가 로드되어 이미지가 표시되어야 하지만, 이를 클릭하면 다른 페이지가 열리지만 이미지가 표시되지 않습니다. 발생하는 문제는 클릭하면 console.log에 이미지가 로드되었다고 표시되지만 새 페이지가 열리면 모든 것이 처음부터 시작되고 아무것도 없...

P粉696891871 2023-09-14 20:43:08 0  1  514

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

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

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

트위터에 기본 이미지를 로드하는 방법은 무엇입니까?

트위터에서는 이미지가 로드되지 않으면 기본 이미지가 표시됩니다. 이는 background-image 속성의 배경 이미지가 아니라 img 태그에 의해 소개된 이미지입니다. 문제는 표시되어야 하는 이미지가 로드되지 않았다는 것을 트위터가 어떻게 판단했느냐는 것입니다.

巴扎黑 2017-05-19 10:27:20 0  2  607

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

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

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

브라우저가 HTML 요소를 렌더링하려고 시도하기 전에 HTML 요소를 스크램블합니다. 이것은 "document.write"에 대한 드문 유효한 사용 사례입니까?

웹페이지에 반복되는 배경 이미지가 있는 헤더 영역이 있습니다. 해상도가 약간 높고 스크롤 없이 볼 수 있는 부분 위에 있으므로 브라우저가 첫 번째 이미지 이외의 이미지 로드를 시작하지 않기를 바랍니다. 하지만 이미지의 순서를 무작위로 지정하고 싶습니다. 문제는 제가 정적 웹 호스트(Netlify)를 사용하고 있다는 것입니다. 내가 고려한 몇 가지 접근 방식은 평소와 같이 요소를 문서에 넣은 다음 Javascript를 사용하여 요소를 쿼리하고 순서를 무작위로 지정하는 것입니다. 브라우저가 HTML에 도착하는 첫 번째 이미지를 로드하기...

P粉752290033 2024-01-10 18:07:41 0  1  448

js가 단일 파일 로딩 진행 상황을 감지할 수 있나요?

최근 회사에서는 모바일 웹페이지를 열 때 리소스 로딩 진행 상황을 표시해야 한다는 요구 사항이 있습니다. 예를 들어 진행률 표시줄의 데이터로 전체 이미지를 로드하는 것을 넣었습니다. 그러나 리더는 단일 파일 리소스(예: CSS, js, 사진 및 네트워크 상태가 매우 좋지 않은 기타 리소스)의 로딩 진행 상황을 표시할 수 있기를 원합니다. ...

代言 2017-06-12 09:19:06 0  1  597

PHP 페이지의 로더를 표시하는 방법은 무엇입니까?

나는 각각 HTML 웹 페이지에 해당하는 여러 개의 .php 페이지를 가지고 있습니다. 각 페이지를 완전히 처리하고 로드하는 데 약 1분 정도 걸립니다. 페이지가 완전히 로드되면 사용자에게 로딩 이미지를 표시하고 싶습니다. 나는 이미지를 먼저 로드하고 .php가 처리되는 동안 기본 콘텐츠를 숨겨 두는 것과 같은 논리적인 방법을 생각했습니다. PHP가 로드되면 JavaScript가 기본 콘텐츠를 배치하는 트리거 역할을 하는 요소를 에코할 수 있습니다. 숨김에서 차단으로 변경됩니다. 하지만 아파치가 PHP를 먼저 로드한 다음 로드해야 ...

P粉651109397 2024-01-10 16:52:02 0  1  438

javascript - 이벤트 바인딩을 수신하는 기본 JS를 사용하여 더 많은 로드된 태그를 바인딩하는 방법

JS 템플릿을 사용하는 프로젝트도 있는데 템플릿에 포함된 태그가 문자열이 정상적으로 실행되지 않는 html 태그이므로 페이지 시작 부분에 로드된 태그에 대해 이벤트 바인딩을 한 후 나중에 로드되는 태그는 jQuery를 제외하고는 로드되지 않습니다. 이벤트 바인딩을 모니터링하고 구현하는 데 무엇을 사용해야할지 모르겠습니다. 프로젝트 규정에는 없습니다 ...

天蓬老师 2017-06-26 10:56:02 0  3  890

queryList가 이미지를 다운로드할 수 있나요?

위 내용은 제가 작성한 코드입니다. queryList의 타사 플러그인인 DImage를 사용하여 이미지를 다운로드했는데, 다운로드한 이미지에서도 이미지 로딩 시 오류가 발생합니다.

无名小贼 2019-12-03 11:05:31 0  0  773

캐시는 어떤 상황에서 사용해야 하나요? 프런트엔드와 백엔드를 최적화하는 방법(미니 프로그램 페이지)

제품 세부 정보 인터페이스, 제품 ID를 통한 쿼리 데이터 및 프런트 엔드는 주로 사진을 표시합니다. 데이터베이스 필드 사진: 저장된 사진 주소, 사진은 서버에 저장됩니다. 이제 문제는 사진이 너무 느리게 로드되고 때로는 여는 데 1초가 걸리고 때로는 20~30초가 걸린다는 것입니다. 최적화하는 방법? 백엔드에서 동적 캐싱을 사용해야 하는지 알고 싶습니다. 쿼리 데이터를 캐싱하고 있나요? 그런데 이 그림이 매일 바뀌고 있습니다. 이에 대한 해결책이 있습니까?

小萝卜头 2020-05-16 18:32:29 0  3  1338

javascript - jquery.lazyload를 사용할 때 발생하는 문제와 관련하여 도움을 주세요!

이 플러그인이 동적으로 삽입된 요소를 처리하지 않는 것 같습니다. 이는 동적으로 삽입된 요소가 정상적으로 표시될 수 없지만 항상 로딩 이미지를 표시한다는 것을 의미합니다. 현재 임시 해결책은 새로 삽입된 노드에 고유 컨테이너를 추가하는 것입니다. , 그리고 이 컨테이너에서 초기화를 수행해 보세요. 어떻게 생각하세요?

ringa_lee 2017-05-19 10:45:21 0  3  618

android - NestedScrollView 내부의 webview는 자동으로 더 이상 로드할 수 없습니다.

웹뷰에 뉴스 링크를 넣으면 이 웹뷰가 NestedScrollView에 중첩됩니다. 페이지를 하단까지 탐색하면 다음 뉴스 콘텐츠가 자동으로 로드될 수 있습니다. 그러나 내 웹뷰에는 자동 로딩이 없습니다. 이것을 표시하려면...

代言 2017-06-10 09:49:03 0  1  1252

javascript - Zhihu에 이미지를 로드하는 원리는 무엇입니까?

처음에는 모두 흐릿하지만 화면 보기 내에서는 고화질로 표시됩니다. 처음에 전처리된 저화소 이미지를 로딩한 후 고화질 이미지를 표시하는 건가요? 아니면 다른 방법이 있나요?

我想大声告诉你 2017-05-24 11:32:17 0  4  692

javascript - 앱 측에서 비디오 리소스를 얻을 수 있는 방법이 있습니까?

모바일 타오바오 측에서 상품상세정보를 열면 동영상이 로딩되는데, PC 브라우저에는 그런 동영상이 없습니다. \이 링크를 열고 이 비디오 리소스를 얻을 수 있는 컴퓨터에 실제 시뮬레이션된 휴대폰 환경이 있습니까(물론 Taobao에는 제한이 있습니까)? 아니면 피들러를 사용하여 주소를 매핑하여 패킷을 캡처하시겠습니까? ...

ringa_lee 2017-06-28 09:28:01 0  1  691

JavaScript는 썸네일에서 전체 너비 이미지 페이지로의 원활한 전환을 구현합니다.

http://manifesto.clapat.com/ 홈 페이지의 항목을 클릭하면 해당 항목 페이지의 제목이 될 썸네일에서 전체 화면 이미지로 전환됩니다. 이러한 전환 효과는 어떻게 생성되며 ReactRouter 대신 내부 라우팅을 사용하여 이를 구현하는 가장 좋은 방법은 무엇입니까? 누군가가 ReactRouter에서 작동하도록 할 수 있다면 저도 그것을 포팅할 수 있습니다. 사용 가능한 몇 가지 튜토리얼이 있지만 모두 다른/프로젝트 페이지로 이동하는 대신 전체 화면 모달 구성 요소와 유사하게 동일한 페이지에 데이터를 로드합니다.

P粉536532781 2023-09-15 22:09:37 0  1  935