4

저는 약 6 년간 웹 개발을하지 않았습니다. 나는 그것에 들어가려고 노력하고있어 거기에 새로운 것들이 많이있다. Perl과 Catalyst를 사용하여 다음 프로젝트를 작성했습니다.JavaScript 프레임 워크 및 CSS 프레임 워크 : JQuery, YUI, both 또는 다른 것?

저는 다양한 JavaScript 및 CSS 프레임 워크에 대해 계속 듣고 있습니다. 이러한 프레임 워크에 대해서는 거의 알지 못해이 질문이 지나치게 광범위하고 개방적 일 수 있습니다.

다양한 프레임 워크의 장점, 약점 및 인기는 무엇입니까? YUI, JQuery, 둘 다 사용하지 않아야합니까?

답변

14

먼저, Which Javascript framework (jQuery vs Dojo vs …)?을 살펴볼 필요가 있습니다. 리치

  1. :

    둘째, 자바 스크립트 프레임 워크의 두 가지 종류가 있습니다 소위 리치 중에도 인터넷 응용 프로그램을 만들기 위해 만든, 그들은 일반적으로 훨씬 더 정교한와 데스크톱 응용 프로그램과 같은 경험 창출을 목표로 GUI 창. 여기에는 YUI, Dojo, ExtJS 및 SmartClient가 포함되며 이에 국한되지는 않습니다.

  2. 무료 : 이러한 것들은 전통적인 웹 사이트 경험을 완전히 바꾸기보다는 개선하는 데 초점을 맞추고 있습니다. 여기에는 jQuery, Prototype 및 기타가 포함됩니다. 어떤 사람들은 jQuery가 jQuery UI를 가지고 있다고 지적 할 수도 있지만, 이것은 바리 본 (Barebones) 위젯 라이브러리이며, YUI와 같은 사용자 인터페이스 기능과는 완전히 비교할 수 없습니다.

그래서 스스로 묻는 것이 좋습니다. 어떤 종류의 응용 프로그램을 만들고 있습니까?

개인적으로 나는 당신이 대답에 따라 YUI 또는 jQuery로 잘못 갈 수 없다고 생각합니다.

2

저는 개인적으로 jQuery를 권장합니다. 그것은 광범위하게 개발되고 있으며, 빠르며 강력하고 작습니다 (예를 들어 큰 YUI에 비해). 그것은 인터페이스 요소 및 많은 플러그인에 대한 사용자 정의 테마 jQueryUI 라이브러리가 있습니다.

2

저는 JQuery를 사용했습니다. 그러나 YUI와 JQuery가 어떻게 작동하는지 그리고 사용자의 필요에 적합한 지 여부를 확인해야합니다.

YUI : http://developer.yahoo.com/yui/

JQuery와 : http://jquery.com/

개인적으로 우수한 것으로 JQuery와 문서를 찾을 수 있습니다. 나는 실제로 유이에게 기회를주지 않았다.

JQuery는 내가 알 수있는 두 가지 프레임 워크 중 가장 인기가 있습니다. 마지막 작업에서 JQuery를 사용했으며 프레임 워크를 많이 사용했습니다. JQuery 용으로 개발 된 많은 플러그인이 있으며 예제가 있습니다. 웹 전체에서. 또 다시, 나는 결코 YUI와 함께 놀지 못했다.

다음은 다양한 브라우저에서 MooTools, JQuery, Prototype, YUI 및 Dojo의 벤치 마크입니다. 당신이 자신을 요청해야

Benchmarks

2

첫 번째 질문은 :이 프레임 워크에서 무엇을해야합니까?예를 들어, JQuery와 YUI는 완전히 다른 두 가지 접근 방식을 취합니다. JQuery 자체는 XPath 선택기를 사용하여 DOM 트리를 탐색하고 해당 노드에 변환을 적용하는 간단한 쿼리 라이브러리입니다. 그것은 말하기를 UI 위젯, 멋진 애니메이션, 그리고 당신이 그렇게 쉽게 할 수있는 것을 알지 못했던 다른 엄청나게 멋진 것들이 포함 된 수많은 라이브러리 (예 : JQuery UI 및 수천 가지의 제 3 자 라이브러리도 포함) 자바 스크립트. 그것은 기능적인 라이브러리이고 실제로 객체를 다루지 않습니다.

YUI는 반대 방향으로갑니다. 주로 UI 라이브러리입니다. 즉, 기능적 UI 위젯 (버튼, 트리, 패널, 대화 상자 등)을 제공합니다. 또한 JQuery와 같은 종류의 XPath DOM 트리 쿼리를 수행하는 데 사용할 수있는 추가 및 지원/유틸리티 개체가 있지만 이는 보조입니다. 그것은 또한 꽤 객체 지향적입니다.

게시 된 cletus 링크도 시작하기에 좋은 장소입니다.

+0

jquery는 xpath 선택기를 사용합니다. 지금 순수 CSS 선택기를 사용합니다. – redsquare

4

둘 다 사용하지 않는 이유는 무엇입니까? 몇 가지 프로젝트가 있습니다.

jQuery의 크기가 작습니다. 당신은 Google의 오픈 아약스 라이브러리에서 축소 버전을 사용할 수 있으며, 많은 사람들이 이미 이것을했기 때문에 다운로드가 전혀 없을 수도 있습니다. b/c 그것은 이미 사용자의 캐시에있을 수 있습니다.

YUI의 경우 필요한 항목을 정확하게 얻을 수있는 훌륭한 구성 도구가 있습니다. 또한 그들의 문서는 매우 철저하며 위젯의 호환성이 최고입니다.

jQuery의 강점은 많은 작업을 처리 할 수있는 속도와 유연성입니다. YUI의 강점은 위젯을 사용할 준비가 된 최고 수준이라는 것입니다. 두 프로젝트 모두 서로 간섭하지 않는 매우 견고한 코드를 작성했습니다. 두 프로젝트 모두 모든 A 급 브라우저에서 호환 될 수 있도록 열심히 노력했으며 이름 공간을 낭비하지 않도록주의를 기울였습니다. 이는 다른 프레임 워크에서 할 수있는 것보다 낫습니다.

+0

그냥 몇 개의 링크를 추가해도됩니다 ... 현재 : http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js 업데이트 및 기타 확인 : http : /code.google.com/apis/ajaxlibs/documentation/index.html#jquery. 이들을 더 많이 사용할수록 좋습니다. –