일반적인 jquery 패키지와 슬림 패키지의 차이점은 무엇입니까?

일반적인 jquery 패키지와 슬림 패키지의 차이점은 무엇입니까?

CDNJS에서 jquery.slim 패키지가 배치됩니다.사이즈가 더 작아요.원본과 다른 점은 무엇입니까?코드를 잠깐 살펴봐도 답이 나오지 않았고, https://jquery.com 에서는 에 대한 참조를 찾을 수 없었습니다.slim꾸러미

그럼, 어떤 점이 다른가요?jquery.js그리고.jquery.slim.js?

jQuery 3.0 Final Release 발표에서 발췌한 간단한 답변:

아약스 및 효과 모듈이 포함된 일반 버전의 jQuery와 함께 이러한 모듈을 제외한 "슬림" 버전을 출시합니다.전반적으로, 이것은 아약스, 효과 및 현재 사용되지 않는 코드를 제외합니다.

파일 크기(gzip)는 30k 대비 23.6k로 약 6k 작습니다.

코드를 보면서 다음과 같은 차이점을 발견했습니다.jquery.js그리고.jquery.slim.js:

jquery.slim.js다음 기능이 제거되었습니다.

1. jQuery.fn.extend
2. jquery.fn.load
3. jquery.each 이벤트 를 위한
4. jQuery.expr.filters.animated
5. 설정AJAX 설정)jQuery.ajaxSettings.xhr,jQuery.ajaxPrefilter,jQuery.ajaxSetup,jQuery.ajaxPrefilter,jQuery.ajaxTransport)
6. 구문 분석XML 구문석분)jQuery.parseXML),
7. 애니메이션 효과(jQuery.easing,jQuery.Animation,jQuery.speed)

이 시점에서 가장 권위 있는 답변은 "이펙트, 에이잭스 및 사용되지 않는 코드를 제외한 jQuery의 사용자 정의 빌드"라는 이 문제에 있는 것으로 보입니다.자세한 내용은 jQuery 3.0과 함께 발표됩니다.

저는 jQuery 라이브러리의 이러한 구성 요소를 제외하는 이유가 Angular 또는 React와 같은 다른 JS 프레임워크와 함께 사용되는 jQuery의 시나리오가 점점 더 보편화되고 있음을 인식하기 위한 것이라고 생각합니다.이러한 경우 jQuery는 주로 DOM 트래버설 및 조작을 위해 사용되므로, 구식이거나 프레임워크에서 제공하는 구성 요소는 제외하고 파일 크기를 약 20% 줄일 수 있습니다.

jQuery 블로그, jQuery 3.1.1 Released!는 말합니다.

날씬한 체격

때때로 Ajax가 필요하지 않거나 Ajax 요청에 초점을 맞춘 많은 독립 실행형 라이브러리 중 하나를 사용하는 것을 선호합니다.그리고 종종 모든 웹 애니메이션에 CSS와 클래스 조작의 조합을 사용하는 것이 더 간단합니다.아약스 및 효과 모듈이 포함된 일반 버전의 jQuery와 함께 이러한 모듈을 제외한 "슬림" 버전을 출시했습니다.전반적으로, 이것은 아약스, 효과 및 현재 사용되지 않는 코드를 제외합니다.요즘 jQuery의 크기는 로드 성능 문제가 되는 경우가 거의 없지만, 슬림한 빌드는 일반 버전보다 약 6kzip 바이트(23.6k 대 30k)가 작습니다.

나는 볼 수 있었습니다.$.ajaxjQuery slim 3.2.1에서 제거됨

jQuery 문서에서

Ajax 및 효과 모듈을 제외한 슬림 빌드도 사용할 수 있습니다.

아래는 기능이 제거된 슬림 버전의 코멘트입니다.

/*! jQuery v3.2.1 -ajax,-ajax/jsonp,-ajax/load,-ajax/parseXML,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-event/ajax,-effects,-effects/Tween,-effects/animatedSelector | (c) JS Foundation and other contributors | jquery.org/license */

JQuery slim에서 Ajax와 effects 모듈은 3.3.1 기준으로 압축 해제된 미니 버전의 경우 85k 대 69k(슬림의 경우 16k 절약) 또는 압축 해제된 경우 30vs24의 크기 차이가 제외되었습니다. 부트스트랩 4는 슬림 jQuery를 사용하므로 누군가가 전체 버전을 호출해야 합니다.

jQuery UI를 사용하고 싶었을 때 큰 차이가 있었습니다. jQuery의 슬림 버전으로는 불가능합니다.사실 슬림 버전은 Ajax 및 효과 모듈을 제외합니다.

양식 연락처를 만들 때 차이를 발견했습니다. 슬림(부스트랩 4.5 권장):

• e-메일을 보낸 후 글로벌 변수가 고착되어 사용자가 f5(재로드 페이지)를 제공하면 다시 e-메일이 전송됩니다.
• 이전 오류가 해결될 것입니다.얼마나 고통스러웠는지!

요소 속성에 의한 선택기가 슬림과 함께 작동하지 않는다는 것을 방금 알았습니다.

$('input[type="textarea"]').each(function(index) {});

이것이 당신에게 도움이 되기를 바랍니다.

언급URL : https://stackoverflow.com/questions/35424053/what-are-the-differences-between-normal-and-slim-package-of-jquery