jquery.js가 이렇게 소개되는데, 어떻게 생각하시나요?
현대 프런트 엔드 개발에서는 jQuery 라이브러리를 사용하는 것이 매우 일반적인 선택입니다. 그러나 jQuery를 사용하려면 제대로 작동하는지 확인하기 위해 라이브러리 파일을 올바르게 가져와야 합니다. 이 기사에서는 jQuery 라이브러리가 정확하고 우아하게 도입되도록 보장하는 몇 가지 모범 사례와 팁을 살펴보겠습니다.
CDN(Content Delivery Network)은 네트워크상의 자료에 고속 접근을 제공할 수 있는 기술입니다. 웹사이트 로드 속도를 높여주기 때문에 최신 프런트엔드 개발에서 매우 인기가 높습니다. 동시에 CDN에는 일반적으로 무료 버전이 있어 네트워크 전송 및 저장소의 부담을 줄일 수 있습니다.
jQuery의 CDN 주소는 공식 홈페이지에서 확인하실 수 있습니다. 뿐만 아니라, 현재 흔히 사용되는 JavaScript 라이브러리(Bootstrap, React 등)에는 CDN 주소가 제공되어 사용하기도 매우 편리합니다.
그럼 CDN을 사용할 수 없다면 어떨까요? 때로는 프로젝트 개발이 폐쇄된 네트워크 환경에서 이루어질 수 있으며, 이 경우 로컬 jQuery 파일이 필요합니다.
이 경우 상대 또는 절대 경로를 사용하여 jQuery 파일을 참조할 수 있습니다. 그러나 보안을 보장하려면 jQuery 소스 파일을 소개하기 전에 간략하게 검토하여 파일의 무결성과 보안을 확인하는 것이 가장 좋습니다.
또 다른 옵션은 ES6 모듈(Atom 1.10+, Chrome 61+, Firefox 60+, Edge 16+ 지원)을 사용하는 것입니다. 최신 브라우저에는 ES6 모듈 시스템이 내장되어 있고 import
키워드를 통해 파일을 가져올 수 있기 때문입니다. import
关键字来引入文件。
这需要使用jQuery的ES6版本,ES6版本的jQuery并不包含在官方的发布版本中,但已经被提供于npm中。可以用如下命令安装:npm i jquery@3.5.0-es
npm i jquery@3.5.0-es
(버전 번호는 공식 웹사이트에서 다운로드할 때 버전 번호와 일치해야 합니다). 이 외에도 Tree-Shaking 등 ES6 모듈을 사용하면 많은 이점이 있습니다. 요약현대 프런트 엔드 개발에서는 jQuery를 사용하는 것이 매우 일반적입니다. jQuery 라이브러리를 도입할 때 CDN 도입, 로컬 파일 도입, ES6 모듈 도입이 모두 가능한 옵션입니다. 코드의 보안을 보장하려면 소개하기 전에 소스 파일을 간략하게 검토하는 것이 가장 좋습니다. 동시에 코드 무결성과 모듈성을 보장하기 위해 도입 시 모범 사례를 채택하는 것이 좋습니다. 🎜위 내용은 jquery.js를 소개하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!