JQuery란?JQuery의 장단점

3711 단어
JQuery란?
JQuery는 우수한 자바스크립트 프레임워크입니다.JQuery는 Prototype에 이어 또 하나의 우수한 자바스크립트 프레임워크입니다.WRITE LESS, DO MORE, 더 적은 코드를 쓰고 더 많은 일을 한다는 취지다.이것은 경량급 js 라이브러리입니다. 이것은 다른 js 라이브러리에 미치지 못하는 것입니다. 이것은 CSS3을 호환하고 각종 상용 브라우저도 호환합니다.
JQuery는 빠르고 간결한 자바스크립트 라이브러리로 사용자가 HTML 문서, 이벤트를 더욱 편리하게 처리하고 애니메이션 효과를 실현할 수 있으며 사이트에 AJAX 상호작용을 편리하게 제공할 수 있다.
JQuery의 또 다른 큰 장점은 문서 설명이 완전하고 각종 응용 프로그램도 상세하게 설명하는 동시에 많은 성숙한 플러그인을 선택할 수 있다는 것이다.JQuery는 사용자의 html 페이지에서 코드와 html 내용을 분리시킬 수 있다. 즉, 더 이상 html에 js를 삽입해서 명령을 호출할 필요가 없고 id만 정의하면 된다.
JQuery의 장점
  • JQuery는 스크립트와 페이지의 분리를 실현
  • HTML 코드에서는 이와 같은 코드도 자주 볼 수 있습니다.
    "myform" οnsubmit=return validate();">

    비록validate () 함수는 외부 파일에 놓을 수 있지만, 실제로는 페이지와 논리와 이벤트를 혼합합니다.jQuery는 이 두 부분을 분리할 수 있도록 해 줍니다.jQuery의 도움을 받아 페이지 코드는 다음과 같습니다. 그러면 개별 JS 파일에는 다음 이벤트 제출 코드가 포함됩니다.
    $("myform").submit(function(){ 
    ...your code here 
    )} 
    

    이렇게 하면 우리는 유연성이 매우 강한 뚜렷한 페이지 코드를 실현할 수 있다.jQuery는 자바스크립트 코드를 HTML 페이지 코드에서 분리시켰다. 마치 수년 전 CSS가 스타일 코드와 페이지 코드를 분리한 것처럼.
  • 가장 적은 코드로 가장 많은 일을 한다
  • 최소한의 코드로 가장 많은 일을 하는 것은 jQuery의 구호이며 명실상부하다.개발자가 몇 줄의 코드만 작성하면 놀라운 효과를 낼 수 있는 고급 selector를 사용합니다.개발자는 브라우저의 차이를 지나치게 걱정할 필요가 없다. 브라우저는 Ajax를 완전히 지원할 뿐만 아니라 개발자의 프로그래밍 효율을 높이는 다른 추상적인 개념도 많이 가지고 있다.jQuery는 JavaScript를 더 높은 단계로 끌어올렸다.다음은 매우 간단한 예입니다.
    $("p.neat").addClass("ohmy").show("slow"); 
    

    상기 간단한 코드를 통해 개발자는'neat'클래스의 모든 것을 훑어볼 수 있다
    요소를 추가한 다음 'ohmy' 클래스를 추가하고 애니메이션 효과로 단락마다 천천히 표시합니다.개발자는 클라이언트 브라우저 유형을 검사할 필요가 없고 순환 코드를 작성할 필요가 없고 복잡한 애니메이션 함수를 작성할 필요가 없다. 한 줄의 코드만으로도 상술한 효과를 실현할 수 있다.
  • 성능 지원 효과
  • jQuery는 대형 JavaScript 프레임워크에서 성능을 가장 잘 이해합니다.비록 서로 다른 버전은 많은 새로운 기능을 가지고 있지만, 가장 간소화된 버전은 18KB 크기에 불과하기 때문에, 이 숫자는 이미 더 이상 줄이기 어렵다.jQuery의 모든 버전은 중대한 성능을 향상시켰다.차세대 자바스크립트 엔진이 더 빠른 브라우저(예를 들어 화호3과 구글 크롬)와 함께 사용하면 개발자가 풍부한 체험 웹 앱을 만들 때 새로운 속도 우위를 갖게 된다.
  • 플러그인 확장 개발.

  • JQuery는 다양한 제3자 플러그인을 가지고 있다. 예를 들어 트리 메뉴, 날짜 컨트롤, 이미지 전환 플러그인, 팝업 창 등 기본적인 프론트 데스크톱 페이지의 구성 요소에 대응하는 플러그인이 있고 JQuery 플러그인으로 만든 효과가 매우 뛰어나며 자신의 필요에 따라 플러그인을 수정하고 봉인할 수 있어 간단하고 실용적이다.
    JQuery의 단점
  • 이전 버전과 호환되지 않습니다.

  • 모든 새 버전은 이전 버전과 호환될 수 없다.예를 들어, 일부 새로운 버전은 더 이상 일부 selector를 지원하지 않지만, 새 버전 jQuery는 그것들에 대한 지원을 보류하지 않고 간단하게 제거할 뿐이다.이것은 개발자가 이미 작성한 코드나 플러그인에 영향을 줄 수 있다.
  • 플러그인 호환성

  • 이전과 유사하게, 새 jQuery가 출시된 후 개발자가 업그레이드를 원한다면 플러그인 작성자가 지원하는지 확인해야 한다.일반적인 경우, 최신 jQuery 버전에서는 기존 플러그인을 정상적으로 사용할 수 없습니다.개발자가 사용하는 플러그인이 많을수록 이런 상황이 발생할 확률도 높다.한 번은 jQuery 1.3으로 업그레이드하기 위해 제3자 플러그인을 직접 수정해야만 했다.
  • 여러 플러그인이 충돌합니다.

  • 같은 페이지에서 여러 플러그인을 사용할 때 충돌 현상에 쉽게 부딪히는데, 특히 이 플러그인들은 같은 이벤트나selector에 의존할 때 가장 뚜렷하다.이것은 jQuery 자체의 문제는 아니지만 디버깅과 해결이 어려운 문제이기도 하다.
  • 애니메이션과 효과에 대한 지원이 떨어집니다.

  • 대형 프레임워크에서 jQuery 핵심 코드 라이브러리는 애니메이션과 효과에 대한 지원이 상대적으로 떨어진다.하지만 사실 이것은 문제가 아니다.현재 이 부분에는 별도의 jQuery UI 프로젝트와 많은 플러그인이 있습니다.

    좋은 웹페이지 즐겨찾기