웹 프론트엔드 JS 튜토리얼 javascript (1)_javascript 기술의 동적 로딩, 캐싱, 업데이트 및 재사용

javascript (1)_javascript 기술의 동적 로딩, 캐싱, 업데이트 및 재사용

May 16, 2016 pm 04:45 PM
동적 로딩 재사용 고쳐 쓰다 은닉처

사용 범위:

OA, MIS, ERP 등 정보관리 프로젝트에서는 당분간 웹사이트를 고려하지 않습니다.

발생한 문제:

프로젝트를 완료하려면 jQuery.js, easyUI 등 많은 js 파일을 참조해야 하는 경우가 많습니다. 직접 작성한 일련의 js 파일도 있는데 어떻게 이러한 파일을 편리하게 로드할 수 있습니까? 파일이 변경되면 어떻게 클라이언트가 제때에 캐시를 업데이트할 수 있습니까? 운영 효율성이 향상된다면 더 좋을 것 같습니다.

대상:

1. js 파일을 쉽게 참조할 수 있습니다.

2. 서버에서 파일을 자주 읽지 않도록 다양한 캐시를 사용해 보세요.

3. js 파일이 업데이트되거나 여러 js 파일이 추가 또는 삭제되는 경우 클라이언트가 자동으로 즉시 업데이트될 수 있어야 합니다.

4. Js 파일 재사용.

페이지 구조:

일반적으로 OA, MIS 등의 프로젝트는 프레임셋이나 iframe을 사용하여 구현하는 경우가 대부분이므로 상위 페이지와 하위 페이지라는 개념이 있습니다. 우리는 이것을 소란을 피우는 데 사용할 수 있습니다.

웹 페이지는 쉘, 홈페이지, 태그, 데이터 목록, 양식(추가, 수정)의 세 부분으로 나눌 수 있습니다. 여기서 언급한 js 로딩 방법은 이런 페이지 구조를 사용해야 하기 때문에 해당 웹사이트는 당분간 지원되지 않습니다.

이 사진은 친숙해 보일 수도 있습니다. 자, 구조가 그렇군요.

javascript (1)_javascript 기술의 동적 로딩, 캐싱, 업데이트 및 재사용

텍스트

요즘에는 웹 애플리케이션을 만들 때 타사 jQuery, easyUI, my97 등 다양한 js는 물론 직접 작성한 다양한 js에 점점 더 의존하고 있습니다. 구현해야 할 기능도 점점 더 많아지고, 사용해야 하는 js도 점점 더 많아지고, js 파일도 자주 수정됩니다. 그러다 보니 페이지마다

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Blizzard Battle.net 업데이트가 45%에서 멈추는 문제를 해결하는 방법은 무엇입니까? Blizzard Battle.net 업데이트가 45%에서 멈추는 문제를 해결하는 방법은 무엇입니까? Mar 16, 2024 pm 06:52 PM

블리자드 Battle.net 업데이트가 45%에서 계속 멈춥니다. 어떻게 해결하나요? 최근 많은 사람들이 소프트웨어를 업데이트할 때 진행률이 45%에서 멈췄습니다. 여러 번 다시 시작해도 계속 멈춥니다. 그렇다면 이 상황을 해결하려면 어떻게 해야 할까요? 이 소프트웨어 튜토리얼은 더 많은 사람들에게 도움이 되기를 바라며 작업 단계를 공유할 것입니다. 블리자드 Battle.net 업데이트가 45%에서 계속 멈춥니다. 해결 방법 1. 클라이언트 1. 먼저 클라이언트가 공식 웹사이트에서 다운로드한 공식 버전인지 확인해야 합니다. 2. 그렇지 않은 경우 사용자는 아시아 서버 웹사이트에 들어가 다운로드할 수 있습니다. 3. 입력 후 오른쪽 상단의 다운로드를 클릭하세요. 참고: 설치할 때 중국어 간체를 선택하지 마십시오.

Ubuntu 24.04에 Angular를 설치하는 방법 Ubuntu 24.04에 Angular를 설치하는 방법 Mar 23, 2024 pm 12:20 PM

Angular.js는 동적 애플리케이션을 만들기 위해 자유롭게 액세스할 수 있는 JavaScript 플랫폼입니다. HTML 구문을 템플릿 언어로 확장하여 애플리케이션의 다양한 측면을 빠르고 명확하게 표현할 수 있습니다. Angular.js는 코드를 작성, 업데이트 및 테스트하는 데 도움이 되는 다양한 도구를 제공합니다. 또한 라우팅 및 양식 관리와 같은 많은 기능을 제공합니다. 이 가이드에서는 Ubuntu24에 Angular를 설치하는 방법에 대해 설명합니다. 먼저 Node.js를 설치해야 합니다. Node.js는 서버 측에서 JavaScript 코드를 실행할 수 있게 해주는 ChromeV8 엔진 기반의 JavaScript 실행 환경입니다. Ub에 있으려면

Linux에서 DNS 캐시를 보고 새로 고치는 방법 Linux에서 DNS 캐시를 보고 새로 고치는 방법 Mar 07, 2024 am 08:43 AM

DNS(DomainNameSystem)는 인터넷에서 도메인 이름을 해당 IP 주소로 변환하는 데 사용되는 시스템입니다. Linux 시스템에서 DNS 캐싱은 도메인 이름과 IP 주소 간의 매핑 관계를 로컬로 저장하는 메커니즘으로, 도메인 이름 확인 속도를 높이고 DNS 서버의 부담을 줄일 수 있습니다. DNS 캐싱을 사용하면 시스템이 매번 DNS 서버에 쿼리 요청을 보낼 필요 없이 이후에 동일한 도메인 이름에 액세스할 때 IP 주소를 신속하게 검색할 수 있으므로 네트워크 성능과 효율성이 향상됩니다. 이 문서에서는 Linux에서 DNS 캐시를 보고 새로 고치는 방법과 관련 세부 정보 및 샘플 코드에 대해 설명합니다. DNS 캐싱의 중요성 Linux 시스템에서 DNS 캐싱은 중요한 역할을 합니다. 그 존재

Windows가 지정된 장치, 경로 또는 파일에 액세스할 수 없습니다. Windows가 지정된 장치, 경로 또는 파일에 액세스할 수 없습니다. Jun 18, 2024 pm 04:49 PM

친구의 컴퓨터에 이러한 오류가 있습니다. "이 PC"와 C 드라이브 파일을 열면 "Explorer.EXE Windows가 지정된 장치, 경로 또는 파일에 액세스할 수 없습니다. 프로젝트에 액세스할 수 있는 적절한 권한이 없을 수 있습니다. " 폴더, 파일, 이 컴퓨터, 휴지통 등을 포함하여 더블클릭하면 이런 창이 뜨는데, 마우스 오른쪽 버튼을 클릭해서 여는 것이 정상입니다. 이는 시스템 업데이트로 인해 발생합니다. 이러한 상황이 발생하면 아래 편집기에서 해결 방법을 알려드립니다. 1. 레지스트리 편집기 Win+R을 열고 regedit를 입력하거나 시작 메뉴를 마우스 오른쪽 버튼으로 클릭하여 실행하고 regedit를 입력합니다. 2. "Computer\HKEY_CLASSES_ROOT\PackagedCom\ClassInd" 레지스트리를 찾습니다.

MSI 그래픽 카드 드라이버를 업데이트하는 방법은 무엇입니까? MSI 그래픽 카드 드라이버 다운로드 및 설치 단계 MSI 그래픽 카드 드라이버를 업데이트하는 방법은 무엇입니까? MSI 그래픽 카드 드라이버 다운로드 및 설치 단계 Mar 13, 2024 pm 08:49 PM

MSI 그래픽 카드는 시장의 주류 그래픽 카드 브랜드입니다. 우리는 그래픽 카드가 성능을 달성하고 호환성을 보장하려면 드라이버를 설치해야 한다는 것을 알고 있습니다. 그렇다면 MSI 그래픽 카드 드라이버를 최신 버전으로 업데이트하는 방법은 무엇입니까? 일반적으로 MSI 그래픽 카드 드라이버는 공식 웹사이트에서 다운로드하여 설치할 수 있습니다. 자세한 내용은 아래에서 알아보세요. 그래픽 카드 드라이버 업데이트 방법: 1. 먼저 "MSI 공식 웹사이트"에 들어갑니다. 2. 입력 후 오른쪽 상단의 "검색" 버튼을 클릭하여 그래픽 카드 모델을 입력하세요. 3. 그런 다음 해당 그래픽 카드를 찾아 세부 정보 페이지를 클릭합니다. 4. 그런 다음 위의 "기술 지원" 옵션을 입력하세요. 5.마지막으로 "드라이버 및 다운로드"로 이동합니다.

Windows는 업데이트를 영구적으로 일시 중지하고 Windows는 자동 업데이트를 끕니다. Windows는 업데이트를 영구적으로 일시 중지하고 Windows는 자동 업데이트를 끕니다. Jun 18, 2024 pm 07:04 PM

Windows 업데이트로 인해 다음과 같은 문제가 발생할 수 있습니다. 1. 호환성 문제: 일부 응용 프로그램, 드라이버 또는 하드웨어 장치는 새 Windows 업데이트와 호환되지 않아 제대로 작동하지 않거나 충돌이 발생할 수 있습니다. 2. 성능 문제: 때때로 Windows 업데이트로 인해 시스템 속도가 느려지거나 성능 저하가 발생할 수 있습니다. 이는 실행하는 데 더 많은 리소스가 필요한 새로운 기능이나 개선 때문일 수 있습니다. 3. 시스템 안정성 문제: 일부 사용자는 Windows 업데이트를 설치한 후 시스템이 예기치 않은 충돌이나 블루 스크린 오류를 경험할 수 있다고 보고했습니다. 4. 데이터 손실: 드문 경우지만 Windows 업데이트로 인해 데이터 손실이나 파일 손상이 발생할 수 있습니다. 그렇기 때문에 중요한 업데이트를 하기 전에

TikTok을 최신 버전으로 업데이트하는 방법 TikTok을 최신 버전으로 업데이트하는 방법 Mar 27, 2024 am 11:06 AM

1. Douyin 앱을 열고 오른쪽 하단에 있는 [나]를 클릭한 후 오른쪽 상단에 있는 [세 줄] 아이콘을 클릭하세요. 2. [설정]을 선택하고 클릭하여 설정 인터페이스로 들어간 후 [일반 설정]을 찾아 클릭합니다. 3. 일반 설정 인터페이스를 풀다운하고 [업데이트 확인]을 찾아 클릭합니다. 4. 현재 사용자가 사용하고 있는 버전이 최신 버전이 아닌 경우, 새로운 버전으로 업데이트하라는 메시지가 나타납니다. [업그레이드]를 클릭하세요. 5. 설치 패키지가 다운로드될 때까지 기다리면 시스템이 자동으로 설치를 진행합니다. [설치 계속]을 클릭하세요. 6. 현재 버전이 이미 최신 버전인 경우 "업데이트 버전이 없습니다."라는 메시지가 나타납니다.

Outlook이 받은 편지함 업데이트를 중단했습니다. Outlook이 받은 편지함 업데이트를 중단했습니다. Mar 25, 2024 am 09:46 AM

Outlook에서 받은 편지함을 업데이트하는 데 문제가 있으면 생산성에 영향을 줄 수 있습니다. 이 문서에서는 문제를 해결하고 Outlook을 정상 상태로 되돌리는 데 도움이 되는 몇 가지 간단한 문제 해결 단계를 소개합니다. Outlook에서 받은 편지함 업데이트가 항상 중단되는 이유는 무엇입니까? Outlook에서 받은 편지함 업데이트가 중단될 수 있습니다. 일반적인 이유에는 네트워크 문제, 과도한 사서함 용량, 바이러스 백신 소프트웨어 또는 방화벽의 영향이 포함됩니다. 손상된 외부 플러그인이나 데이터 파일로 인해 이런 일이 발생할 수도 있습니다. 다음으로 이러한 가능한 원인을 자세히 살펴보고 해결 방법을 제공하겠습니다. Outlook 받은 편지함 업데이트 중단 수정 Outlook에서 받은 편지함을 업데이트할 수 없는 경우 아래 나열된 해결 방법을 참조하십시오. Outlook을 다시 시작합니다. 비활성화됨

See all articles