programing

Zepto와 jQuery 2의 차이점은 무엇입니까?

jooyons 2023. 10. 7. 10:44
반응형

Zepto와 jQuery 2의 차이점은 무엇입니까?

이와 유사한 두 프로젝트가 있습니다.

Zepto.js

Zepto는 대부분 jQuery 호환 API를 갖춘 현대 브라우저용 미니멀리스트 자바스크립트 라이브러리입니다.

jQuery 2.0

jQuery 2.0 베타:IE 6, 7, 8을 지원하지 않아도 더 빠르고 더 작아질 수 있는 jQuery인 미래의 취향을 소개합니다.플랫폼별 HTML 애플리케이션에 적합합니다.

이것은 단지 성능에 관한 것입니까, 아니면 서로 다른 접근 방식을 따르는 것입니까?

Zepto.js와 jQuery의 주요 차이점은 각각의 파일 크기가 jQuery의 ~80kb 대신 Zepto.js의 ~20kb(최소화, 지핑되지 않음), jQuery의 ~30kb 대신 Zepto.js의 ~10kb(최소화, 지핑됨)입니다.한 Zepto합니다와 합니다.IE<10부족하거나 보장되지 않으며 대상 플랫폼은 다음과 같습니다.

  • 사파리 5+ (데스크탑)
  • 크롬5+ (데스크탑)
  • 모질라 파이어폭스 4+
  • iOS 4+ 사파리
  • 안드로이드 2.2+ 브라우저
  • 기타 웹킷 기반 브라우저/실행 시간
  • 웹OS 1.4.5+ 브라우저
  • BlackBerry Tablet OS 1.0.7+ 브라우저
  • 아마존 실크 1.0+
  • 오페라 10+
  • 인터넷 익스플로러 10+

jquery 2는 gzip과 miniting 둘 다 할 때 ~30kb이고 zepto는 ~10kb입니다.지퍼는 없고 미니드이며 jquery 2는 ~80kb, zepto는 ~30kb입니다.

분석 프로그램을 사용하여 사용자 사이트의 사용자를 확인합니다.사용자의 상당 부분이 IE9를 사용하는 경우 jquery가 필요하고 zepto가 날아가지 않습니다.IE8 이하를 사용하는 비율이 몇 % 이상인데 사이트가 없으면 좌초될 수 없는 경우 jquery 1을 사용해야 합니다.만약 당신이 그 마지막 것을 목표로 삼는다면, 죄송합니다. 많은 새로운 반짝이는 장난감들은 당신에게 효과가 없을 것입니다.

안드로이드/ios/phonegap 등을 위한 html5 앱을 구축하고 있다면 주로 웹킷을 목표로 하고 있으므로 zepto를 사용하면 큰 크기를 절약할 수 있습니다.zepto가 존재하는 주요한 통찰력과 이유는 웹킷에서 실행할 때 jquery의 여러 플랫폼 간 해결책이 불필요하기 때문입니다.

Zepto는 모바일 개발을 지원하기 위해 몇 가지 터치 이벤트 핸들러를 추가하기도 하지만, 주로 생각해 볼 필요가 있는 페이지 가중치 대 플랫폼 지원입니다.

이것은 다소 오래된 질문이지만 성능을 추가하고 싶습니다.제가 듣기로는 zepto가 jQuery보다 더 잘했다고 들었습니다.

jsPerf는 다른 결과를 보여줍니다.저는 zepto와 비교하여 jQuery의 클래스 선택(단일 요소)을 137% 자주 사용할 수 있습니다.아이디 선택은 jQuery의 285%를 자주 사용할 수 있습니다.

대부분의 애플리케이션에서 DOM 상호 작용이 중요한 성능 통계(네트워크 요청 이외)이기 때문에 이는 매우 큰 문제입니다.

그 퍼펙트를 보면 document.getElementsByClass를 할 수 있다는 것을 알 수 있습니다.8326%를 jQuery만큼 자주 이름을 대라 가능하면 이 모든 것을 버려야 합니다 :-)

Zepto에는 jQuery가 제공하는 지연/약속 API가 없습니다.이 문제를 해결할 수 있는 https://github.com/sudhirj/simply-deferred 라는 추가 기능이 있습니다.

웹으로의 빠른 전환을 위해 zepto를 사용한 적이 없다고 생각합니다. 얼음 동굴 깊은 곳에서 사람들이 "zepto는 어디로 갔습니까?"라고 묻는 것을 현명하고 강력한 예티는 들었습니다.Foundation 4를 구상할 당시에는 파일 크기가 작아지고 로드 시간이 빨라지기 위해 Zepto(jQuery 옵션 포함)로 전환했습니다.

그러나 시간이 지남에 따라 파일 크기가 작아진 것이 전체적인 성능 향상으로 이어지지는 않는다는 사실을 알게 되었습니다.그럼요, Zepto는 빨리 다운받았습니다.하지만 한번 로딩되면 jQuery만큼 빠르지는 않았습니다.많은 서드파티 플러그인이 Zepto가 아닌 jQuery를 필요로 한다는 것은 도움이 되지 않았습니다. 사실 일부 서드파티 자바스크립트가 Zepto와 완전히 충돌한다는 것을 발견했습니다.

서로 다른 코드 기반을 유지하는 것도 우리에겐 쉽지 않았습니다.예를 들어 Zepto는 적절한 높이 계산 기능이 부족하여 특정 그리드 계산이 어렵습니다.

이 모든 것을 해결하기 위해 답은 봄 히말라야 하늘처럼 명확했습니다: 재단 5는 jQuery 2를 사용합니다.더 나은 속도와 업계 수용성뿐만 아니라, jQuery 2는 더 나은 문서화와 지원을 통해 혜택을 받습니다. jQuery는 API 호환성이 있습니다.

**

하지만 저희는 zepto가 jQuery보다 빠를 거라고 예상했습니다.우리는 같은 가정을 두 번 하고 싶지 않아서 Zepto 대 jQuery 2를 테스트했습니다.결과: jQuery 2의 초당 작업 수가 더 많습니다.이를 통해 Foundation 5의 성능이 향상되어 모든 사용자가 더 나은 경험을 누릴 수 있습니다.

**

결국, 우리는 사람들이 훌륭한 제품을 더 빨리 디자인할 수 있도록 돕고자 합니다. 이는 곧 세상에서 가장 반응이 빠른 프론트엔드 프레임워크 자체에 속도 향상을 제공한다는 것을 의미합니다.

제가 읽은 바로는 사람들이 Zepto 쪽으로 많이 기운 것 같습니다.가장 일반적인 추론은 파일 크기입니다. 하지만 jQuery 2는 실제로 Zepto보다 로드 후 속도가 빠릅니다.또한 대부분의 사람들이 jQuery를 중심으로 발전하기 때문에 Zepto에 대한 지원을 많이 받지 못할 것입니다.Zepto를 사용하지 말라는 것은 아니지만 Zepto를 사용하려는 이유와 다른 자바스크립트 라이브러리가 Zepto를 지원/충돌하는지 조사해야 합니다.

그것은 당신의 프로젝트에 달려있다고 생각합니다.개인적이거나 제한적으로 사용하는 경우에는 Zepto가 더 나은 옵션일 수 있습니다.그러나 jQuery는 다른 라이브러리에서 훨씬 더 많이 지원되며 파일 크기가 사용자의 이유를 결정하는 유일한 것이라면 결함이 있습니다.자바스크립트는 페이지가 로드된 후에 로드되어야 하므로 어떤 경우에도 페이지 로드 시간을 방해하지 않습니다.

여기 jQuery 1.7.2, Zepto 1.0rc1, 그리고 jQMobi 1.03을 포함한 성능 테스트가 있습니다.

언급URL : https://stackoverflow.com/questions/14830334/what-is-the-difference-between-zepto-and-jquery-2

반응형