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

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

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

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

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

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

Vue 지연 로딩 배너

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

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

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

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

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

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

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

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

javascript - HTML5 모바일 페이지 롤백 문제

첫 번째 페이지는 상품 목록입니다. 목록은 ajax를 통해 동적으로 생성됩니다. 상품을 선택하고 세부정보 페이지로 이동한 다음 상품 목록 페이지로 돌아오면 목록 페이지가 다시 로드되며 내 클릭이 아닙니다. . 위치, 페이지 롤백 및 페이지 새로고침 문제 해결 방법, 그리고 요점으로 돌아가기...

滿天的星座 2017-06-12 09:32:15 0  1  792

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

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

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

React를 사용하여 데이터 전달

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

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

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

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

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

JS를 사용하여 재생 품질 제어

Javascript를 사용하여 비디오의 재생 품질을 제어할 수 있는 방법이 있습니까? 보다 정확하게는 JavaScript를 사용하여 비디오 품질을 선택하고 싶습니다. 480/720P에서 시작하는 대신 Chrome이나 Firefox에서 브라우저를 로드할 때 YouTube나 다른 비디오가 자동으로 1080p에서 실행되도록 하시겠습니까? 나는 html/css를 선호하지만 JS를 사용하는 방법을 모릅니다.

P粉513318114 2024-04-04 00:21:55 0  1  583

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

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

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

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

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

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

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

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

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

CDN 링크 로딩에 대한 시간 초과 추가: 헤드 태그에 시간 초과 메커니즘 구현

일부 스타일을 로드하기 위해 CDN을 사용하고 있습니다. 구성된 프록시가 없는 컴퓨터의 경우 제대로 작동합니다. 그러나 때때로 사람들은 CDN이 확인할 수 없는 웹 페이지에 연결하기 위해 프록시를 사용할 수 있으며, 이로 인해 사용자가 강제로 새로 고치지 않는 한 페이지를 로드하는 데 오랜 시간이 걸리거나 전혀 로드되지 않을 수 있습니다. 구문 분석할 수 없는 리소스를 로드하지 않으려면 HTML에 속성 등을 지정하는 방법이 있습니까?

P粉709307865 2023-09-11 17:44:04 0  1  540

javascript - 반응에서 상호 작용과 이벤트는 어디에 작성됩니까?

처음 반응할 때 이전처럼 jquery를 사용하여 일부 구성 요소 a.js b.js를 구성한다고 가정해 보겠습니다. 특정 구성 요소에서 이미지를 로드하려면 ajax를 구현해야 합니다. 이벤트가 탑재되나요? 구성요소가 마운트되었나요? 모든 이벤트를 그룹에 마운트해야 합니까?

给我你的怀抱 2017-05-19 10:34:33 0  4  623

javascript - 정적 리소스의 max-age 캐시를 추가한 후 동일한 이미지가 여러 번 로드된 것으로 나타났습니다.

express {code...}에서 정적 리소스 캐싱을 구성했는데 js 또는 css 및 기타 이미지가 정상적으로 캐시될 수 있음을 확인했습니다. 그런데 여러 번 불러온 사진이 하나 있어요. 캐시 구성 문제입니까?

给我你的怀抱 2017-05-16 13:44:24 0  1  544

JS에서 margintop을 수정하여 무한 슬라이드가 발생하는 방법에 대한 조언을 부탁드립니다.

그게 무슨 일이 있었는지 :. . . . 웹페이지를 만들었는데 웹페이지 하단이 로딩 후 자동으로 위로 올라가려면 3초 정도 기다려야 해서 Jquery의 animate 메소드를 사용했습니다: $("#part2").animate({marginTop: "-=800px " }, 8000);Range, 이 방법을 사용한 후 마우스 휠로 제거할 수 없는 것으로 나타났습니다. 그래서 휠 움직임을 모니터링하기 위해 js 코드를 사용했습니다.

天空翱翔 2021-10-28 09:20:51 0  2  916

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

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

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

Laravel 8의 블레이드 자산을 사용하여 이미지를 표시하지만 리소스 하위 폴더에서 로드

저는 Laravel을 처음 접했으므로 양해해 주시기 바랍니다. Node/React에서 개발한 프레임워크를 Laravel에 복사하고 있습니다. 현재 저는 기본 아키텍처를 조정 중이며 현재 블레이드 마스터 페이지 작업 중입니다. 목표 1: 블레이드{{asset()}} 도우미를 사용하여 템플릿 페이지에 이미지를 로드하고 싶습니다. 문제는 리소스 폴더 내부에 있는 하위 폴더에서 이미지를 로드하려고 한다는 것입니다. /resources/app_files_layout 폴더를 공용 디렉터리로 이동하면 이 작업을 수행할 수 있다는 것을 알고 있지...

P粉428986744 2023-11-09 12:47:02 0  1  955

Vite Reactjs 웹 사이트 앱이 프로덕션에서 API를 호출하지 않지만 localhost에서는 제대로 실행됩니다.

Netlify에 내 애플리케이션을 배포하려고 합니다. 랜딩 페이지는 일련의 이미지를 가져와 갤러리 효과를 만듭니다. 로그인 페이지가 로컬 컴퓨터에서 제대로 실행되고 있지만 배포 후 API가 호출되지 않고 애플리케이션이 로드 상태에 있습니다. Netlify 서버의 로그인 페이지. 개발 도구의 네트워크 탭에서 API가 localhost, localhost 네트워크 탭에서 호출되고 있고 개발 서버에서 API 요청이 실행되지 않는 것을 발견했습니다. 서버 네트워크 탭을 배포합니다. API 호출에 대한 코드는 API 호출 코드입니다. 어떻게...

P粉794177659 2023-08-10 16:32:46 0  1  662