이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

보기: 14800|회답: 0

[JavaScript] 프론트엔드 라이브러리: JS 페이지 로딩 진행 바

[링크 복사]
게시됨 2016. 1. 18. 오전 11:02:55 | | | |



먼저 렌더링을 살펴보겠습니다:

사용하기 쉬움:

1단계: 템플릿 폴더, 테마 폴더, pace.js, pace.min.js 프로젝트를 복사합니다

2단계: CSS 스타일과 JS 스크립트 소개




3단계: 페이지를 열면 끝입니다


커스텀 구성

Pace.js 자동으로 페이지에 로드되며, 코드에 연결할 필요가 없고 진행 상황이 자동으로 감지됩니다. 조정을 원한다면 window.paceOptions에서 설정을 맞춤 설정할 수 있습니다:





또한 scrip{filter}t 태그에 맞춤 설정을 넣을 수도 있습니다. 예를 들어:



AMD나 Browserify를 사용해 모듈을 로드한다면, 다음과 같이 설정할 수 있습니다(예: 시작):



API 사용

공개Pace.js API 목록:

Pace.start: 진행 바가 표시되기 시작하며, AMD나 Browserify를 사용하지 않고 모듈을 불러오지 않으면 기본적으로 실행됩니다.
Pace.restart: 진행 바가 다시 로드되고 표시됩니다.
Pace.stop: 진행 바를 숨기고 로딩을 멈춥니다.
Pace.track: 하나 이상의 요청 작업을 모니터링합니다.
Pace.ignore: 하나 이상의 요청 작업을 무시합니다.


파일 다운로드: pace-0.5.6.zip (153.26 KB, 다운로드 횟수: 2)





이전의:Discuz의 링크 복사는 파일을 수정할 필요가 없으며, 동적 링크를 의사 정적 링크로 변경합니다
다음:지정된 네트워크 파일의 배치 소스 코드를 다운로드하세요
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.

Mail To:help@itsvse.com