>  기사  >  웹 프론트엔드  >  Jquery ui.js란 무엇입니까?

Jquery ui.js란 무엇입니까?

藏色散人
藏色散人원래의
2023-03-20 10:51:352440검색

jquery ui.js는 jQuery를 기반으로 하는 오픈 소스 JavaScript 웹 사용자 인터페이스 코드 라이브러리인 jQuery UI 라이브러리를 의미하며, 기본 사용자 상호 작용, 애니메이션, 특수 효과 및 테마 변경 가능한 시각적 컨트롤을 포함합니다. On에서는 jQuery의 확장성을 사용하여 플러그인을 디자인합니다.

Jquery ui.js란 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, jQuery UI 버전 1.9.2, Dell G3 컴퓨터.

jquery ui.js란 무엇인가요?

jQuery UI는 jQuery를 기반으로 하는 오픈 소스 JavaScript 웹 사용자 인터페이스 코드 라이브러리입니다. 낮은 수준의 사용자 상호 작용, 애니메이션, 특수 효과 및 테마 지정 가능 컨트롤을 포함하는 시각적 컨트롤입니다. 이를 직접 사용하여 뛰어난 상호작용성을 갖춘 웹 애플리케이션을 구축할 수 있습니다. 테스트된 모든 플러그인은 IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+ 및 Google Chrome과 호환됩니다.

jQuery UI에는 상태를 유지하는 위젯이 많이 포함되어 있어 일반적인 jQuery 플러그인 사용 패턴과 약간 다릅니다. 모든 jQuery UI 위젯은 동일한 패턴을 사용하므로 하나를 사용하는 방법을 배우면 다른 것도 사용하는 방법을 알게 됩니다.

jQuery UI는 실제로 jQuery 플러그인으로, 특히 jQuery에서 공식적으로 관리하는 UI 지향 플러그인을 나타냅니다.

jQuery UI와 jquery의 주요 차이점은 다음과 같습니다.

(1) jQuery는 js입니다. 라이브러리이며 제공하는 주요 기능으로는 Selector, 속성 수정, 이벤트 바인딩 등이 있습니다.

(2) jQuery UI는 jQuery를 기반으로 하고 jQuery의 확장성을 활용하여 설계된 플러그인입니다. 대화 상자, 끌기 동작, 크기 조정 동작 등과 같이 일반적으로 사용되는 일부 인터페이스 요소를 제공합니다.

jQuery UI는 주로 상호 작용, 위젯, 효과 라이브러리의 세 부분으로 나뉩니다.

Interaction

Interactive 구성 요소는 Draggable, Droppable, Resizing, Selectable 및 Sortable 등을 포함하여 마우스 상호 작용과 관련된 콘텐츠입니다.

Widgets

는 주로 Accordion, AutoComplete, ColorPicker, Dialog, Slider, Tabs, DatePicker, Magnifier, ProgressBar, Spinner 등을 포함한 일부 인터페이스의 확장입니다. 새 버전의 UI에는 더 많은 위젯이 포함됩니다.

Effect library

는 풍부한 애니메이션 효과를 제공하는 데 사용되므로 애니메이션이 더 이상 jQuery의 animate() 메서드로 제한되지 않습니다.

jQuery UI 기능

간단하고 사용하기 쉽습니다.

jQuery의 사용하기 쉬운 기능을 상속하고 매우 추상적인 인터페이스를 제공하며 단기적으로 웹 사이트 유용성을 향상시킵니다.

오픈 소스 및 무료

MIT & GPL 이중 계약 라이선스를 사용하여 무료 제품부터 기업용 제품까지 다양한 라이선스 요구 사항을 쉽게 충족할 수 있습니다.

넓은 호환성

모든 주요 데스크톱 브라우저와 호환됩니다. IE 6+, Firefox 2+, Safari 3+, Opera 9+, Chrome 1+를 포함합니다.

가벼움과 속도

구성 요소는 상대적으로 독립적이며 요청 시 로드될 수 있어 대역폭 낭비와 웹 페이지 열기 속도 저하를 방지할 수 있습니다.

고급 표준

WAI-ARIA를 지원하고 표준 XHTML 코드를 통해 점진적인 향상을 제공하여 저사양 환경에서 접근성을 보장합니다.

아름답고 다양함

거의 20개의 사전 설정된 테마를 제공하고 최대 60개의 구성 가능한 스타일 규칙을 사용자 정의하여 24개의 배경 질감 선택을 제공합니다.

공개 및 공개

구조 계획부터 코드 작성까지 전 과정이 공개되어 누구나 문서화, 코드, 토론에 참여할 수 있습니다.

강력한 지원

Google은 코드 게시를 위한 CDN 콘텐츠 전송 네트워크 지원을 제공합니다.

완전한 중국어 버전

개발 패키지에는 중국어를 포함해 40개 이상의 언어 패키지가 내장되어 있습니다.

단점 및 단점:

1. 코드가 충분히 강력하지 않습니다. 포괄적인 테스트 사례가 부족하고 일부 구성 요소에 버그가 많으며 엔터프라이즈 수준의 제품 개발 요구 사항을 충족할 수 없습니다.

2. 불충분한 아키텍처 계획: 구성 요소 간의 API 조정 부족 및 협력 사용에 대한 지원 부족.

3. 더 적은 컨트롤: Dojo, YUI 및 Ext JS와 같은 성숙한 제품에 비해 사용 가능한 컨트롤이 적고 복잡한 인터페이스 기능 요구 사항을 충족할 수 없습니다.

【추천 학습: jQuery 동영상 튜토리얼

위 내용은 Jquery ui.js란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.