사이트를 향상시키는 데 유용한 15가지 유용한 JavaScript 라이브러리

훌륭한 사이트를 만들기 위해서는 많은 기술이 필요하지만 항상 모든 것을 처음부터 완전히 개발할 필요는 없습니다. 이 기사에 제시된 JavaScript 라이브러리를 사용하려면 최소한 기존 JavaScript 기술이 필요하지만 전문가 일 필요는 없습니다.

전문가가 필요로하는 것은 라이브러리를 최대한 활용하기 위해 라이브러리를 사이트에 혼합하는 방법을 연구하는 것입니다. 이것은 실제로 가르 칠 수있는 것이 아닙니다. 수행해야만 배울 수있는 기술입니다. 그러나 일단 개념을 익힌 후에는 창의성과 그로 달성 할 수있는 것에 제한이 없습니다.

여기에 수집 된 것은 사이트 향상을 위해 프로그래머가 사용할 수있는 가장 유용한 JavaScript 라이브러리 목록입니다. 여기에 좋아하는 항목이 표시되지 않을 수도 있지만 이것이 권장되지 않는다는 의미는 아닙니다. 사실 가치있는 것을 달성하는 데 도움이되는 JavaScript 라이브러리는 무시할 수 없습니다. 그러나 말 그대로 수백만 개의 라이브러리를 선택할 수 있으므로 어딘가에 선을 그려야합니다.

1. jQuery를

명백한 것부터 시작하는 것이 가장 좋습니다. 이 라이브러리를 이미 알지 못하더라도 어떤 방식 으로든 이미 사용하고 있습니다. 기본적으로 jQuery를 사용하면 다른 방법보다 더 쉽게 정적 웹 페이지에 동적 작업을 수행 할 수 있으며 결과를 얻기 위해 서버 측 프로그래밍이 필요하지 않습니다. 이는 또한 업데이트가 서버 측 대안보다 더 빨리 발생할 수 있음을 의미합니다. 다른 많은 라이브러리에는 jQuery가 종속성으로 포함되어 있으므로 해당 기능에 직접 액세스하지 않더라도 페이지에 통합해야 할 수 있습니다.

2. 프로토 타입

이것은 어떤면에서 jQuery의 경쟁자로 간주 될 수 있습니다. 반드시 열등한 것은 아니지만 널리 채택되지는 않습니다. 이 문제를 처리하기 위해 특별한 조치를 취하지 않는 한 프로토 타입과 jQuery를 함께 사용하면 충돌이 발생할 수 있습니다. 이것이 사용하는 다른 JavaScript 라이브러리 내의 종속성을 알아야하는 이유입니다.

3. 모 더니 저

이 라이브러리는 HTML5를 완전히 지원하지 않는 이전 브라우저의 페이지 렌더링 문제를 극복하는 데 도움이됩니다. 이러한 브라우저는 거의 발생하지 않지만 여전히 환경의 일부이며 Modernizr를 사용하면 문제를 효율적으로 처리 할 수 있습니다.

4. 부트 스트랩

불과 XNUMX 년 만에 Bootstrap은 웹 개발 세계에서 엄청난 확산을 이루었습니다. UI 레이아웃 및 구성 요소 통합에만 관심이 있지만 매우 잘 수행됩니다. 그러나 기본 설정을 기반으로하기 때문에 거의 모든 것에 대한 기본 설정을 수정해야합니다. Twitter의 사용자 친화적 인 사용자 인터페이스가 아닌 '색 구성표'입니다.

5. PDF.js

PDF가 format 특정 취약점의 영향을 받습니다. 이 문제를 해결하기 위해 PDF 콘텐츠를 HTML5 Canvas로 렌더링하기 위해 PDF.js가 생성되었습니다. 분명히 이것은 HTML5 및 Canvas를 지원하는 브라우저에서만 작동한다는 것을 의미합니다.

6. JS 차트

간단하면서도 강력한 그래프 생성기를 제공하는 우수한 라이브러리이므로 너무 많은 시간과 노력을 투자하지 않고도 사이트에 대한 모든 종류의 전문적인 차트를 만들 수 있습니다. 무료 버전은 유료 버전에 비해 똑같이 강력하지만 워터 마크가 포함되어 있습니다. 라이센스를 구입하면이 워터 마크가 제거됩니다.

광고 ⓘ

7. Chart.js

이것은 JS Charts에 대한 정말 훌륭하고 완전 무료이며 워터 마크가없는 대안입니다. 사용하기 쉽고 잘 문서화되어 있으며 끝없이 사용자 정의 할 수 있습니다. 그것을 사용하려면 JS Charts보다 약간 더 많은 JavaScript 기술이 필요합니다.

8. D3.js

이것은 가벼운 사용을위한 앞의 두 가지 예보다 더 큰 형제입니다. 그러나 빅 리그에서 데이터를 처리하는 경우 D3는 온라인 프레젠테이션을 한 단계 더 발전시킬 수있는 고급 기능을 제공합니다. 모든 종류의 데이터를 다양한 방식으로 시각화하고 표현할 수 있습니다. D3 웹 사이트의 예제를 확인하여 놓친 내용을 확인하십시오.

9. b 하이브

다음과 같은 훌륭한 그래픽 프레임워크 revolutRaphaël이 HTML5에 있었던 것처럼 HTML4 Canvas에 이오너리입니다. bHive를 사용하면 SVG 그래픽, 애니메이션을 빠르게 생성할 수 있으며 간단한 게임 및 교육 응용 프로그램과 같이 다양한 방식으로 사용할 수 있는 상호 작용 기능을 통합할 수도 있습니다.

10. 올빼미 회전 목마

캐러셀을 과도하게 사용하는 것은 권장되지 않지만 실제로 사용해야 하는 경우에는 Owl이 jQuery용으로 만든 캐러셀 플러그인 중 가장 강력하게 권장되는 플러그인 중 하나입니다. 터치 스크린과 포인팅 장치 모두와 호환됩니다. 스와이프 및 드래그 앤 드롭을 지원합니다. 그것은 완전히 사용자 정의 할 수 있으며 responsive 기본적으로

11. 날짜.js

때때로 날짜를 다음으로 표현할 수 있어야 합니다.format다양한 방법으로 사이트 컨텍스트를 제공합니다. Date.js의 기능을 사용하면 배우기 쉽지 않은 매우 간단한 구문을 사용하여 바로 이 작업을 수행할 수 있습니다.

13. Moment.js

다른 날짜 format팅 및 프로세싱 라이브러리. Date.js보다 조금 더 복잡하지만 특정 특정 계산을 쉽게 수행할 수 있습니다(isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate 등). 이러한 추가 기능과 함께 제공되는 모든 오버헤드가 필요하지 않은 경우 대신 Date.js를 사용하세요.