트위터 부트스트랩 vs jQuery UI?
jQuery UI를 사용하여 몇 가지 기본적인 페이지 기능을 개선했습니다.버튼 및 입력 스타일 및 모달 대화 상자.Bootstrap을 우연히 발견했는데 꽤 좋아 보이네요.
jQuery UI에서 Bootstrap으로 전환한 경험이 있는 분?이것은 제가 생각하고 있는 것입니다만, 그 전에, 제가 직면할 수 있는 문제에 대해 알고 싶습니다.
나는 몇 가지 프로젝트가 있다.
내 의견의 가장 큰 차이는
jQuery UI는 폴백으로 안전하며 올바르게 동작하며 오래된 브라우저에서는 Bootstrap이 CSS3에 기반하고 있습니다.이 경우 Bootstrap은 새로운 브라우저에서는 기본적으로 GREAT를 의미하지만 오래된 브라우저에서는 그리 훌륭하지 않습니다.
업데이트 빈도:부트스트랩은 훌륭한 신기능을 탑재한 대규모 업데이트를 받고 있습니다만, 안타깝게도 이전 코드가 깨질 가능성이 있기 때문에 부트스트랩을 설치하고 새로운 메이저릴리즈가 있을 때 업데이트를 할 수 없습니다.기본적으로 많은 새로운 코딩이 필요합니다.
jQuery UI는 JavaScript에서 변환된 양호한 html 구조를 기반으로 하며, Bootstrap은 시각적이고 맞춤 가능한 인라인 구조를 기반으로 합니다.(JQUERY UI에서 위젯 호출, 부트스트랩에서 정의)
그럼 뭘 고를까?
이는 항상 작업 중인 프로젝트의 유형에 따라 달라집니다.멋지고 빠른 위젯이 더 좋습니까, 아니면 사용자가 오래된 브라우저를 자주 사용하고 있습니까?
저는 항상 둘 다 사용하게 되기 때문에 양쪽 모두의 장점을 이용할 수 있습니다.
양쪽 프레임워크에 대한 링크를 다음에 나타냅니다(사용하는 경우).
Twitter의 Bootstrap은 두 가지를 모두 사용한 우수한 기술 세트입니다.여기 몇 가지 차이점이 있습니다.
- 위젯: jQuery UI가 이 부문에서 우세합니다.그것이 제공하는 날짜 위젯은 매우 유용하며, 트위터 부트스트랩은 그런 종류의 것을 제공하지 않는다.
- 발판: 부트스트랩이 이긴다.twitter의 grid는 fluid와 fixed 모두 최상급입니다.jQuery UI는 최종 사용자에게 페이지 레이아웃을 맡기는 방향조차 제공하지 않습니다.
- 즉시 사용할 수 있는 프로페셔널 정신:CSS3를 사용한 부트스트랩은 리그 선두입니다.jQuery UI는 비교적 오래된 것 같습니다.
- 아이콘: 저는 이걸 묶을게요.부트스트랩은 jQuery UI보다 더 좋은 아이콘을 가지고 있지만, 저는 이 용어를 좋아하지 않습니다.Glyphicons Halflings는 보통 무료로 사용할 수 없습니다.그러나 Bootstrap과 Glyphicons 크리에이터의 협정에 의해 개발자로서 이것을 무료로 할 수 있게 되었습니다. 가능한 경우 언제든지 글리피콘에 대한 옵션 링크를 포함시켜 주시기 바랍니다.
- 이미지 & 썸네일: 부트스트랩으로 이동합니다.jQuery UI는 여기서도 도움이 되지 않습니다.
기타 주의사항
- 이 두 가지 기술이 영역에서 어떻게 경쟁하는지 이해하는 것이 중요합니다.중복되는 부분이 많지만, 간단한 발판과 고정/유체 생성 부트스트랩이 다른 기술이 아니라 최고의 기술입니다.단일 위젯을 원하는 경우 jQuery UI는 상위 3개에도 포함되지 않을 수 있습니다.현재 jQuery UI는 주로 통합 프레임워크를 사용하여 클라이언트 측 위젯 작성을 위한 일관성 및 개념 증명을 위한 장난감일 뿐입니다.
둘 다 비교적 적은 문제만으로 사용할 수 있습니다.Twitter Bootstrap은 jQuery 1.7.1을 사용하고 있으며, 추가 JQuery UI 컴포넌트를 HTML 템플릿에 통합할 수 없는 이유를 생각할 수 없습니다.
HTML5 Boilplate와 Twitter Bootstrap을 조합하여 Initializr.com에서 사용하고 있습니다.이것은 두 개의 멋진 스타터 템플릿을 하나의 훌륭한 스타터 프로젝트로 결합합니다.자세한 내용은 http://html5boilerplate.com/ 및 http://www.initializr.com/에서 확인하세요.또는 http://www.initializr.com/,에 접속하여 바로 시작하려면 [Bootstrap 2]버튼을 클릭하여 [Download It]을 클릭합니다.그러면 시작하는 데 필요한 모든 js와 css가 제공됩니다.
HTML5와 CSS3에 겁먹지 마세요.Initializr 및 HTML5 보일러 플레이트에는 IE 6, 7 8, 9에서 모든 기능을 사용할 수 있는 폴리 매립 및 IE 고유의 코드가 포함되어 있습니다.
트위터 부트스트랩에서의 LESS 사용도 옵션입니다.LESS를 사용하여 부트스트랩에서 사용되는 모든 CSS를 컴파일합니다만, 자신의 스타일을 덮어쓰거나 추가하는 것만으로 그 목적을 위한 빈 CSS 파일이 제공됩니다.
커스텀 코드를 추가하기 위한 빈 js 파일(script.js)도 있습니다.여기서 jQueryUI 컴포넌트를 추가하기 위해 핸들러 또는 셀렉터를 추가합니다.
이 두 가지를 모두 사용하고 있으며, Bootstrap의 심플함과 개발 및 확장 속도 면에서 Bootstrap을 좋아합니다.jQuery UI의 문제는 동작이 느리다는 것입니다.Menubar, Tree Control, DataGrid와 같은 공통 기능을 영원히 계획/개발 단계에 놓이게 하려면 몇 년이 걸립니다.기다리다 결국 포기하고 제품 http://dblite.com을 위해 ExtJs와 같은 다른 라이브러리를 사용했습니다.
Bootstrap은 매우 짧은 시간 내에 매우 포괄적인 기능 세트를 만들어 냈으며, 조만간 jQuery UI를 능가할 것이라고 확신합니다.
그래서 결국엔 구식이 될 무언가를 사용하는 건 의미가 없다고 봅니다...
언급URL : https://stackoverflow.com/questions/9782622/twitter-bootstrap-vs-jquery-ui
'programing' 카테고리의 다른 글
| 티멜리프:연결 - 식으로 구문 분석할 수 없습니다. (0) | 2022.12.29 |
|---|---|
| IntelliJ 정적 Import 완료 (0) | 2022.12.29 |
| PHP 어레이에서 중복된 값을 검출하는 방법 (0) | 2022.12.29 |
| 컴파일된 Java 클래스를 잠그는 방법은 무엇입니까? (0) | 2022.12.29 |
| 공식 PHP Docker 이미지 접근 방식을 사용하여 php-redis 확장을 설치하는 방법은 무엇입니까? (0) | 2022.12.29 |