최고의 경량 JavaScript 프레임워크는 무엇입니까?[닫은]
https://stackoverflow.com/questions/74048
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
저는 브라우저 차이점을 추상화하는 것이 주요 목적인 경량 JavaScript 프레임워크를 찾고 있습니다.나는 주로 새로운 UI 요소를 만드는 데 이를 사용하고 있으며 플랫폼 독립적인 언어와 DOM을 제공하는 것 외에는 많이 필요하지 않습니다.
해결책
현재 내가 사용하는 JS 라이브러리는 3개입니다. 원기, jQuery 그리고 MooTools.프로토타입과 jQuery가 가장 널리 사용됩니다.jQuery와 MooTools가 가장 가볍습니다.
MooTools의 사이트에는 필요한 모듈만으로 사용자 정의 압축 .js 파일을 구축하여 수행 중인 작업에 따라 가장 가벼운 파일을 만들 수 있는 멋진 기능이 있습니다.jQuery는 훨씬 더 높은 팬층을 보유하고 있으며 그로 인해 더 나은 지원을 제공합니다.
3가지 중에서 jQuery를 권장하지만 사용 가능한 모든 옵션을 살펴보는 것도 나쁘지 않을 것입니다.
다른 팁
저는 jQuery를 사용합니다. 간단하고 작으며 무엇보다도 가장 좋습니다.아주 쉽게 :)
moo도구 내가 가장 좋아하는 것이기도 하다.인터페이스를 통해 원하는 만큼 가져갈 수 있으므로 나중에 도구 가방에 더 많은 트릭을 추가하고 싶다면 그렇게 하는 것이 매우 쉽습니다.
나는 ~의 열렬한 팬이다 야후!사용자 인터페이스(YUI) 도서관.이것은 좋은 DOM 조작 기능 세트와 매우 견고한 위젯 프레임워크를 갖추고 있습니다.또한 사용하고 싶은 것을 혼합하여 일치시킬 수 있습니다.
나는 JQuery를 선호합니다.좋은 문서도 있습니다.제이쿼리
나도 좋아해 jQuery 강력한 선택 기능 "$" 때문에 대체 문서에 대한 링크를 제공하려고 합니다. 시각적 jQuery
다음은 다양한 라이브러리를 평가하는 데 사용한 비교 차트입니다.
모든 라이브러리의 모든 기능을 나열하는 것은 아니지만, 요구 사항을 충족하는지 확인하기 위해 어떤 프레임워크를 더 자세히 조사해야 하는지 선택 범위를 좁힐 수 있는 좋은 개요를 제공합니다.
노력하다 DOMAssistant.gzip으로 압축된 크기는 7KB에 불과하고 매우 빠르며 유니코드를 지원합니다.
개인적으로 클라이언트측 작업을 할 때 15k 버전이 있는 JQuery에 푹 빠졌습니다.약간의 학습 곡선이 있지만 매우 매끄 럽습니다.
jQuery는 매우 매끄럽고 배우기 쉽습니다.나는 과거에 몇 가지 기본적인 DOM 조작을 위해 Moo를 사용한 적이 있습니다.설치 공간은 적지만 기능은 떨어집니다.귀하를 위한 최선의 선택은 귀하의 요구 사항에 따라 달라집니다.
기본 YUI 코드 -- 야후-돔-event.js -- 31KB이며 매우 훌륭하게 작동합니다.당신은 온갖 좋은 것을 얻습니다 이벤트 처리 & DOM 조작, 필요할 때 더 복잡하고 무거운 항목을 추가하는 것은 매우 쉽습니다.
단지 제안일 뿐이지만, 합리적인 범위 내에서 원하는 기능을 갖추고 크기에 대해 너무 걱정하지 않는 프레임워크를 찾고 싶습니다.PrototypeJS 또는 JQuery와 같은 대부분의 최신 프레임워크는 그다지 크지 않으며 버전이 최소화되어 있습니다(공백 제거 등).또한 이러한 라이브러리를 캐싱하도록 사이트를 구성해야 합니다.사용자가 라이브러리를 다운로드해야 하는 유일한 시간은 첫 방문 시 또는 브라우저 캐시를 지운 후 방문할 때입니다.
라이브러리 파일 이름을 지정할 때 고유한 파일 이름을 사용해야 합니다.예를 들어 라이브러리 버전에 따라 라이브러리 이름을 지정합니다.새 버전의 라이브러리로 업그레이드해야 하는 경우 관련 페이지에서 새 파일 이름(버전)을 참조하면 됩니다.이렇게 하면 단기 만료 날짜 없이 이러한 파일을 캐시할 수 있습니다.
라이브러리 파일 크기를 조정하고 성능을 향상시키는 데 사용할 수 있는 다른 캐싱 기술이 많이 있습니다.나는 "고성능 웹 사이트"인 ISBN을 추천합니다:0596529309.책에 담긴 모든 정보는 온라인에서 찾을 수 있지만, 이 책은 필요한 정보를 한 곳에 모으는 일을 훌륭하게 수행하고 다양한 개념을 하나로 묶습니다(나는 이 책에 금전적인 관심이 없습니다).
무엇을 선택하든 Google에서 호스팅하도록 하는 것이 좋습니다.
이 질문은 실제로 다음과 중복됩니다. 이 질문 (제 생각에는).해당 질문에 대한 내 대답은 다음과 같습니다(여기에도 적용됩니다).
여기에서 백만 가지 답변을 얻을 수 있습니다.짧은 것은 다음과 같습니다.하나가 아닌 여러 개가 있습니다.그것들은 어떤 면에서는 모두 다르고 다른 면에서는 비슷하며, 일반적으로 그 중 어느 것도 잘못된 선택이 아닙니다.제가 추천하는 주요 프레임워크는 다음과 같습니다(편향을 표시하지 않도록 알파벳순).
* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit
이들 각각은 서로 다른 스타일, 서로 다른 커뮤니티, 서로 다른 초점을 가지고 있습니다.어느 것을 선택해야 하는지는 대부분 이러한 프레임워크의 스타일을 자신의 스타일과 일치시키는 문제입니다.각 튜토리얼과 데모를 살펴보고 가장 적합한 것을 선택하세요.
면책 조항으로 저는 MooTools의 개발자이며 사용 방법에 대한 책을 썼다는 점을 지적하겠습니다.MooTools가 다른 어떤 프레임워크보다 낫다고는 말할 수 없습니다.단지 다를 뿐이다.
JavaScript 코드를 압축하여 더 가볍게 만들 수 있으므로 어떤 것을 선호하는지에 대한 질문이 나올 수 있습니다.나는 간다 원기 - protopacked라는 버전이 있는데 용량은 약 20KB 정도입니다.
MooTools는 꽤 뜨겁습니다.요즘에는 용량이 조금 더 커지고(기본 크기는 60KB) 손이 닿지 않을 수도 있습니다.
그러나 실제로 기본 DOM 바로 뒤에 있다면 jQuery가 아마도 이상적일 것입니다.
jQuery에 대한 또 다른 투표입니다.빠르고, 가벼우며, 더 많이 배울수록 코드는 더 빠르고 간결해집니다.
나는 추천하고 싶다 MooTools :-)
var theDiv = new Element('div', {
'id': 'theDiv',
'styles': {
'backgroundColor': '#BF1942',
'color': '#fff'
}
}).toggleClass('someClass').inject($('someSibling', 'after');
나는 코드의 가독성을 정말 좋아합니다.
나는 수년 동안 내 자신을 굴려왔지만 다른 사람들과 놀 때는 dojo + jquery에서 멀리 떨어져 있습니다.mootools(내가 본 것 중 최고의 js 애니) + gui 또는 yui 키트의 조합에 대해 할 말이 없습니다.
나는 가볍고 확장 가능하며 강력한 옵션인 JQuery에 동의합니다.우리 회사는 현재 우리가 하는 일에 비해 방대하고 훨씬 더 복잡한 Extjs를 사용하고 있습니다.Extjs는 디자이너 없이 빠른 사이트를 만들어야 할 때 유용하지만(필요한 것을 만드는 데 필요한 모든 그래픽과 스타일이 함께 제공됨) 약 6MB에 불과하고 결국 간단한 작업을 더 번거롭게 만듭니다. :)
만약 내가 이 모든 일을 할 수 있다면, 나는 JQuery를 사용할 것입니다.
미도리 경량 JavaScript 프레임워크입니다(압축되지 않은 경우 45K만 가능).DOM 요소에 액세스하기 위해 대부분의 CSS2 및 CSS3 선택기를 지원하며 완전히 새로운 API를 배울 필요가 없습니다.표준 DOM, 이벤트 및 Ajax 기능 외에도 기본 시각 효과, 드래그 앤 드롭, 팝업 메뉴 및 자동 완성 기능도 지원합니다.
jQuery는 매우 좋습니다.
매우 멋진 점은 여기에 제안된 프레임워크 목록에 우리의 프레임워크를 추가하고 다른 사람들이 가장 좋아하거나 사용하는 프레임워크에 투표할 수 있도록 하는 것입니다.역동적인 여론조사/설문조사.
YUI는 내 취향에 비해 너무 크고 복잡해요.나는 프로토타입 팬보이였지만 새 프로젝트에서 jQuery를 사용하게 되면서 그 빛을 잃어버렸습니다.제가 jQuery에서 좋아하는 점은 일관된 정신 모델입니다.뭔가를 찾아서 행동하세요.
나는 문서에 오프라인으로 액세스할 수 있는 대시보드 위젯을 만들 정도로 jQuery를 좋아했습니다. jQuery 참조 위젯
jQuery는 가장 널리 사용되는 프레임워크이고 다른 사용자로부터 많은 피드백을 받을 수 있으므로 작은 개선을 수행하는 경우 최선의 선택입니다.그러나 나는 이미 jQuery를 사용하여 RIA를 개발했기 때문에 jQuery 사용자가 아닙니다. 내선.그렇기 때문에 프레임워크가 더 나은 OO 디자인을 갖고 있고 jQuery와 동일한 기본 기능(이벤트 처리, DOM 조작, Ajax)을 제공하기 때문에 Ext-core(Ext의 하위 집합)를 사용합니다.
http://www.extjs.com/products/core/
나는 Prototype을 사용해 본 적이 없습니다. Object.prototype 코드에 버그가 발생합니다.
