sourcecode

jquery 코드를 Javascript로 쉽게 변환할 수 있는 방법이 있습니까?

codebag 2023. 8. 6. 10:04
반응형

jquery 코드를 Javascript로 쉽게 변환할 수 있는 방법이 있습니까?

jQuery 코드를 일반 자바스크립트로 쉽게 변환할 수 있는 방법이 있습니까?jQuery 소스 코드에 접근하거나 이해할 필요가 없을 것 같습니다.

이를 통해 90%의 경로를 이용할 수 있습니다. ; )

window.$ = document.querySelectorAll.bind(document)

Ajax의 경우 Fetch API가 모든 주요 브라우저의 현재 버전에서 지원됩니다.$.ready()거의DOMContentLoaded 보편적인 지원을 받고 있습니다.JQuery가 필요 없을 수도 있습니다. JQuery는 다른 일반적인 jQuery 함수에 대해 동일한 기본 메서드를 제공합니다.

Zepto는 비슷한 기능을 제공하지만 10K zip 압축된 무게입니다.jQuery 및 Zepto용 맞춤형 Ajax 빌드와 일부 마이크로 프레임워크가 있지만 jQuery/Zept는 확실한 지원을 제공하며 56K 모뎀에서 10KB는 ~1초에 불과합니다.

가장 쉬운 방법은 일반 DOM API를 사용하여 DOM 트래버싱 및 조작하는 방법을 배우는 것입니다(이것을 일반 자바스크립트라고 부릅니다).

하지만 이것은 어떤 것들에게는 고통이 될 수 있습니다.(이것이 도서관이 애초에 발명된 이유입니다.)

"javascript DOM 순회/조작"을 검색하면 유용한 리소스가 많이 제공됩니다.

이 웹사이트의 기사들은 꽤 좋습니다: http://www.htmlgoodies.com/primers/jsp/

그리고 Nosredna가 댓글에서 지적했듯이: 모든 브라우저에서 테스트하십시오. 이제 jQuery가 불일치를 처리하지 않을 것이기 때문입니다.

2012년 1월 19일 제프리 웨이의 jquery에서 javascript로의 변환에 대한 꽤 인상적인 튜토리얼을 발견했습니다. *Copyright © 2014 Envato*:

http://net.tutsplus.com/tutorials/javascript-ajax/from-jquery-to-javascript-a-reference/

우리가 좋든 싫든 jQuery를 통해 자바스크립트 세계에 먼저 소개되는 개발자들이 늘고 있습니다.여러 면에서, 이 새로운 사람들은 운이 좋은 사람들입니다.이들은 수많은 새로운 JavaScript API에 액세스할 수 있으며, 이를 통해 DOM 트래버설(많은 사람들이 jQuery에 의존하는 것) 프로세스를 훨씬 쉽게 수행할 수 있습니다.안타깝게도, 그들은 이러한 API에 대해 알지 못합니다!

이 기사에서는 다양한 일반적인 jQuery 작업을 수행하여 최신 및 레거시 JavaScript로 변환합니다.

OP에게 댓글로 제안했고, 그의 제안 이후 모두가 참고할 수 있는 답변을 공개합니다.

또한 제프리 웨이가 그의 영감 마녀에 대해 언급한 것은 이해를 위한 좋은 입문서인 것 같습니다: http://sharedfil.es/js-48hIfQE4XK.html

jQuery와 javascript를 비교한 티저가 있습니다.

$(document).ready(function() {
  // code…
});

document.addEventListener("DOMContentLoaded", function() {
  // code…
});

$("a").click(function() {
  // code…
})

[].forEach.call(document.querySelectorAll("a"), function(el) {
  el.addEventListener("click", function() {
    // code…
  });
});

한번 보세요.

원래 게시물과 관련이 없는 jQuery 코드를 표준 자바스크립트로 자동 컴파일해야 하는 이유를 알 수 있습니다.

16k 또는 gzip으로 압축된 jQuery 라이브러리가 무엇이든 간에 모바일 브라우저용 웹 사이트에는 무리가 있을 수 있습니다.w3c는 모바일 웹 사이트에 대한 모든 HTTP 요청이 최대 20k여야 한다고 권장합니다.

w3c 모바일 사양

그래서 저는 제 멋진 테르세 체인 jQuery에서 코딩하는 것을 즐깁니다.하지만 이제는 모바일에 맞게 최적화해야 합니다.jQuery 라이브러리에서 사용했던 모든 도우미 기능을 다시 쓰는 어렵고 지루한 작업을 정말 다시 해야 할까요?아니면 재컴파일을 도와주는 편리한 앱이 있나요?

그것은 매우 달콤할 것입니다.슬프게도, 저는 그런 것이 존재한다고 생각하지 않습니다.

jQuery 코드를 일반 자바스크립트로 쉽게 변환할 수 있는 방법이 있습니까?

아니요, 특히 다음과 같은 경우:

jQuery []로 작성된 Javascript 솔루션의 예를 이해하는 것은 어렵습니다.

JQuery와 모든 프레임워크는 코드를 더 쉽게 이해하는 경향이 있습니다.그게 이해하기 어렵다면 바닐라 자바스크립트는 고문이 될 것입니다 :)

언급URL : https://stackoverflow.com/questions/978799/is-there-an-easy-way-to-convert-jquery-code-to-javascript

반응형