> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 기능 플러그인 목록(매우 포괄적)

자바스크립트 기능 플러그인 목록(매우 포괄적)

不言
풀어 주다: 2018-10-23 16:29:06
앞으로
4790명이 탐색했습니다.

이 기사는 JavaScript 기능 플러그인(매우 포괄적)에 대한 개요를 제공합니다. 필요한 참조 가치가 있는 친구가 도움이 되기를 바랍니다.

Package Manager
는 자바스크립트 라이브러리를 관리하고 이를 읽고 패키징하는 도구를 제공합니다.
•npm – npm은 자바스크립트용 패키지 관리자입니다.
•Bower – 웹 애플리케이션용 패키지 관리자입니다.
•컴포넌트 – 더 나은 웹 애플리케이션 구축을 위한 클라이언트 측 패키지 관리자입니다.
•spm – 새로운 정적 패키지 관리자.
•jam – 브라우저 중심의 RequireJS 호환 패키지 관리자입니다.
•jspm – 부드러운 브라우저 패키지 관리자.
•Ender – 라이브러리 파일이 없는 라이브러리.
•volo – 프로젝트 템플릿을 사용하여 프런트엔드 프로젝트를 생성하고 종속성과 자동화된 생성을 추가합니다.
•Duo – 개발자가 프런트 엔드 코드를 빠르고 쉽게 구성하고 작성할 수 있도록 Component, Browserify 및 Go의 최고의 아이디어를 통합하는 차세대 패키지 관리자입니다.

Loader
JavaScript용 모듈 또는 로딩 시스템.
•RequireJS – JavaScript 파일 및 모듈용 로더.
•browserify – node.js 방식으로 브라우저 측에서 require()를 수행합니다.
•SeaJS – 웹용 모듈 로더.
•HeadJS – HEAD의 유일한 스크립트입니다.
•curl – AMD, CommonJS 모듈/1.1, CSS, HTML/텍스트 및 기록 스크립트를 처리하는 작고 빠르며 확장 가능한 모듈 로더입니다.
•lazyload – 작고 종속성이 없는 비동기 JavaScript 및 CSS 로더.
•script.js – 비동기 JavaScript 로더 및 종속성 관리자.
•systemjs – AMD, CJS(commonJS) 및 ES6 호환 모듈 로더.
•LodJS – AMD 기반 모듈 로더.
•ESL – 브라우저 측 모듈 로더, 지연 정의 및 AMD를 지원합니다.
•modulejs – 경량 JavaScript 모듈 시스템.

패키징 도구
•browserify - Browserify를 사용하면 브라우저 측에서 require('모듈')을 사용하여 모든 종속 항목을 패키징할 수 있습니다.
•webpack – 브라우저용 CommonJs/AMD 모듈을 번들로 제공합니다.

테스트 프레임워크
•mocha – node.js 및 브라우저를 위한 간단하고 유연하며 재미있는 JavaScript 테스트 프레임워크입니다.
•jasmine – 간단한 DOM이 없는 JavaScript 테스트 프레임워크입니다.
•qunit – 사용하기 쉬운 JavaScript 단위 테스트 프레임워크입니다.
•jest – 간단한 JavaScript 단위 테스트 프레임워크.
•prova – Tape 및 Browserify를 기반으로 하는 테스트 실행기이며 노드 및 브라우저와 함께 작동합니다.
•DalekJS – 자동화된 크로스 브라우저 JavaScript 기능 테스트 프레임워크.

Assertions
•chai – node.js 및 브라우저용 BDD/TDD 어설션 프레임워크이며 다른 테스트 프레임워크와 함께 사용할 수 있습니다.
• Sinon.JS – JavaScript용 스파이, 스텁 및 모의 테스트.
•expect.js – Node.js 및 브라우저를 위한 미니멀한 BDD 스타일 어설션 도구입니다.

Coverage
•istanbul – 또 다른 JS 코드 커버리지 감지 도구입니다.
•blanket – 간단한 코드 적용 범위 감지 라이브러리. 설치와 사용이 쉽도록 설계되었으며 브라우저와 node.js 모두에서 사용할 수 있습니다.
•JSCover – JSCover는 JavaScript 프로그램 코드 적용 범위를 감지하는 도구입니다.

Runner
•phantomjs – 스크립트 가능한 헤드리스 웹킷.
•slimerjs – Gecko가 제공하는 PhantomJS와 유사한 도구입니다.
•casperjs – PhantomJS 및 Slimer JS를 기반으로 한 탐색 스크립트 및 테스트 도구입니다.
•좀비 – node.js를 기반으로 하는 빠른 풀 스택, GUI가 없는 브라우저 테스트 도구입니다.
•totoro – 간단하고 안정적인 크로스 브라우저 테스트 도구입니다.
•karma – 뛰어난 JavaScript 테스트 실행기입니다.
•nightwatch – node.js 및 Selenium Webdriver를 기반으로 하는 그래픽 인터페이스 자동화 테스트 프레임워크입니다.
•인턴 – 차세대 JavaScript 코드 테스트 스택.
•yolpo – 브라우저에서 문장별로 실행하는 JavaScript 해석기입니다.

QA 도구
•JSHint – JSHint는 JavaScript 코드에서 오류와 잠재적인 문제를 찾는 데 도움이 되는 도구입니다.
•jscs – JavaScript 코드 스타일 감지 도구.
•jsfmt – JavaScript 형식을 지정하고 검색하고 다시 작성합니다.
•jsinspect – 복사-붙여넣기 및 유사한 구조의 코드를 감지합니다.
•buddy.js – JavaScript 코드에서 마법의 숫자를 찾아보세요.
•ESLint – JavaScript에서 패턴을 식별하고 기록하기 위한 완전 플러그형 도구입니다.
•JSLint – 언어의 좋은 부분만 유지하도록 설계된 높은 표준, 엄격하고 완고한 코드 품질 도구입니다.

MVC 프레임워크 및 라이브러리
•angular.js – 웹 애플리케이션용 HTML을 향상시킵니다.
•aurelia – 모바일, 데스크톱 및 웹용 클라이언트 측 JavaScript 프레임워크입니다.
•backbone – 모델, 뷰, 컬렉션 및 이벤트가 포함된 백본을 JS 애플리케이션에 추가합니다.
•batman.js – Rails 개발자를 위한 최고의 JavaScript 프레임워크입니다.
•ember.js – 특별한 웹 애플리케이션을 만들기 위해 설계된 JavaScript 프레임워크입니다.
•meteor – 매우 간단한 데이터베이스 유비쿼터스, 데이터 전용 순수 JavaScript 웹 프레임워크입니다.
•Ractive – 차세대 DOM 조작입니다.
•vue – 대화형 인터페이스 구축을 위한 직관적이고 빠르며 구성 가능한 MVVM 프레임워크입니다.
•knockout – Knockout을 사용하면 JavaScript로 반응성이 뛰어나고 풍부한 UI를 더 쉽게 만들 수 있습니다.
•spine – JavaScript 애플리케이션 구축을 위한 경량 MVC 라이브러리입니다.
•espresso.js - 사용자 인터페이스를 만들기 위한 최소 JavaScript 라이브러리입니다.
•canjs – JS를 더 좋고, 더 빠르고, 더 간단하게 만듭니다.
•react – 사용자 인터페이스 구축을 위한 라이브러리입니다. 선언적이고 효율적이며 매우 유연하며 가상 DOM을 다양한 구현으로 사용합니다.
•react-native – React로 네이티브 앱을 구축하기 위한 프레임워크입니다.
•riot – React와 유사한 라이브러리이지만 가볍습니다.
•흉부 – 척추를 강화합니다.
•chaplin – Backbone.js 라이브러리를 사용하는 JavaScript 애플리케이션 아키텍처.
•marionette – 대규모 JavaScript 애플리케이션의 구조를 단순화하도록 설계된 Backbone.js용 복합 애플리케이션 라이브러리입니다.
•ripple – 반응형 인터페이스를 구축하기 위한 작은 기본 프레임워크입니다.
•rivets – 가볍지만 강력한 데이터 바인딩 및 템플릿 솔루션
•derby – 실시간 및 협업 애플리케이션을 더 쉽게 작성할 수 있게 하고 Node.js와 브라우저 모두에서 실행할 수 있는 MVC 프레임워크입니다. ◦ derby-awesome – 멋진 더비 구성 요소 모음입니다.

•way.js – 간단하고 가벼우며 지속적인 양방향 데이터 바인딩.
•mithril.js – Mithril은 클라이언트측 MVC 프레임워크입니다(가벼우며 강력하고 빠릅니다).
•jsblocks – jsblocks는 더 나은 MV급 프레임워크입니다.
•LiquidLava – 사용자 인터페이스 구축을 위한 이해하기 쉬운 MVC 프레임워크입니다.

노드 CMS 프레임워크
•KeystoneJS – 강력한 CMS 및 웹 애플리케이션 프레임워크.
•Reaction Commerce – 실시간 아키텍처와 디자인을 갖춘 반응형 CMS입니다.
•Ghost – 간단하고 강력한 출판 플랫폼입니다.
•Apostrophe – 콘텐츠 편집 및 기본 서비스를 제공하는 CMS입니다.
•We.js – 실시간 앱, 웹사이트 또는 블로그를 위한 프레임워크입니다.
•Hatch.js – 소셜 기능을 갖춘 CMS 플랫폼.
•TaracotJS – Node.js 기반의 빠르고 미니멀한 CMS입니다.
•Nodizecms – CoffeeScript 애호가를 위한 CMS입니다.
•Cody – WYSIWYG 편집기가 포함된 CMS.
•PencilBlue – CMS 및 블로그 플랫폼.

템플릿 엔진
템플릿 엔진을 사용하면 문자열 보간을 수행할 수 있습니다.
•mustache.js – {{mustaches}}가 포함된 JavaScript에서 가장 간단한 템플릿입니다.
•handlebars.js – Mustache 템플릿 언어의 확장입니다.
•hogan.js – Mustache 템플릿 언어용 컴파일러입니다.
•doT – nodejs 및 브라우저를 위한 가장 빠르고 간결한 JavaScript 템플릿 엔진입니다.
•dustjs – 브라우저 및 node.js용 비동기 템플릿.
•eco – 내장된 CoffeeScript 템플릿.
•JavaScript-템플릿 – 가볍고(1KB 미만) 빠르고 종속성이 없는 강력한 JavaScript 템플릿 엔진입니다.
•t.js – 약 400바이트 압축된 작은 JavaScript 템플릿 프레임워크입니다.
•Jade – 강력하고 우아하며 기능이 풍부한 nodejs용 템플릿 엔진입니다.
•EJS – 효율적인 JavaScript 템플릿.
•xtemplate – 노드 및 브라우저를 위한 확장 가능한 템플릿 엔진입니다.
•marko – 비동기식, 스트리밍, 사용자 정의 태그 및 CommonJS 모듈 컴파일 출력을 지원하는 빠르고 가벼운 HTML 기반 템플릿 엔진입니다. Node.js 및 브라우저에서 작동합니다.

기사 및 게시물
•당신이 알아야 할 JavaScript – JavaScript의 기능화 개념에 대한 기사입니다.

DataVisualization
웹 데이터 시각화 도구
•d3 – HTML 및 SVG 시각화를 위한 JavaScript 라이브러리입니다.
•metrics-graphics – 더욱 간결하고 표준화된 데이터 차트 레이아웃 최적화 알고리즘을 갖춘 라이브러리입니다.
•pykcharts.js – d3.js의 복잡성을 제거하기 위해 신중하게 설계된 d3.js 차트 라이브러리입니다.
•3.js – JavaScript 3D 라이브러리.
•Chart.js – 캔버스 태그를 기반으로 하는 간단한 HTML5 차트 라이브러리입니다.
•paper.js – 벡터 그래픽 스크립트의 스위스 군용 칼 – Scriptographer를 HTML5 Canvas를 사용하는 브라우저와 JavaScript로 포팅합니다.
•fabric.js – JavaScript Canvas 라이브러리, SVG 및 Canvas는 서로 구문 분석할 수 있습니다.
•peity – 진행률 막대, 선 및 원형 차트.
•raphael – JavaScript 벡터 라이브러리.
•echarts – 비즈니스 제품 차트.
•vis – 동적 브라우저 기반 시각화 라이브러리.
•two.js – 렌더러에 구애받지 않는 웹용 2D 드로잉 API입니다.
•g.raphael – Rapha?l 차트 라이브러리를 기반으로 합니다.
•sigma.js - 그래픽 그리기 전용 JavaScript 라이브러리입니다.
•arbor – 웹 작업자와 jQuery를 사용하는 그래프 시각화 라이브러리입니다.
•cubism – 시계열 시각화를 위한 D3 플러그인.
•dc.js – d3.js를 사용하여 렌더링된 크로스필터와 원활하게 작동하는 다차원 차트 그리기 라이브러리입니다.
•vega – 시각적 문법 세트입니다.
•processing.js – Processing.js는 플러그인 없이도 웹 표준을 기반으로 데이터 시각화를 가능하게 합니다.
•envisionjs – 동적 HTML5 시각화.
•인력거 - 대화형 실시간 차트를 작성하기 위한 JavaScript 툴킷입니다.
•flot - 매력적인 jQuery 기반 JavaScript 차트 라이브러리입니다.
•morris.js – 아름다운 시계열 와이어프레임.
•nvd3 – D3.js용 재사용 가능한 차트 및 그래프 구성 요소를 구축하기 위한 라이브러리입니다.
•svg.js – 애니메이션을 조작하고 SVG에 추가하기 위한 경량 라이브러리입니다.
•heatmap.js – HTML5 캔버스 기반 히트맵 JavaScript 라이브러리.
•jquery.sparkline – 브라우저 측에서 직접 작은 추세 차트를 생성하는 jQuery 플러그인입니다.
•xCharts – 사용자 정의 차트 및 그래프를 작성하기 위한 D3 기반 라이브러리입니다.
•trianglify - d3.js를 기반으로 하는 낮은 폴리 스타일 배경 이미지 생성기입니다.
•d3-cloud – 단어 구름 효과를 만들기 위한 JavaScript 라이브러리입니다.
•d4 - D3 기반의 친숙하고 재사용 가능한 DSL 차트 라이브러리입니다.
•dimple.js – d3 기반의 간단한 비즈니스 분석 차트 라이브러리.
•chartist-js – 간단한 반응형 차트.
•epoch – 범용 실시간 차트 라이브러리.
•c3 – D3 기반의 재사용 가능한 차트 라이브러리.
•BabylonJS – HTML5 및 WebGL을 사용하여 3D 게임을 구축하기 위한 프레임워크입니다.

amchart,plotly,highchart와 같은 훌륭한 유료 라이브러리도 있습니다.

Timeline
•TimelineJS – JavaScript로 작성된 서술형 타임라인 라이브러리입니다.
•timesheet.js – 간단한 HTML5 및 CSS3 작업표를 작성하기 위한 JavaScript 라이브러리입니다.

Editor
•ace – Ace(Ajax.org Cloud9 편집기).
•CodeMirror – 브라우저 측 코드 편집기.
•esprima – 포괄적인 분석을 위한 ECMAScript 파서.
•quill – API를 사용하는 크로스 브라우저 리치 텍스트 편집기입니다.
•medium-editor – Medium.com WYSIWYG 편집기의 복제품입니다.
•펜 - 온라인 편집을 즐겨보세요(마크다운 지원).
•jquery-notebook – 사용하기 쉽고 간단하며 우아한 텍스트 편집기입니다. Medium의 마법에서 영감을 얻었습니다.
•bootstrap-wysiwyg – 작은 부트스트랩 호환 WYSIWYG 서식 있는 텍스트 편집기입니다.
•ckeditor-releases – 모두를 위한 웹 텍스트 편집기.
•editor – 마크다운 편집기이지만 아직 개발 중입니다.
•EpicEditor – 전체 화면 편집, 즉시 미리보기, 초안 자동 저장 및 오프라인 지원 기능을 갖춘 내장형 JavaScript Markdown 편집기입니다.
•jsoneditor – JSON을 보고, 편집하고, 서식을 지정하는 웹 도구입니다.
•vim.js – 지속성 ~/.vimrc를 갖춘 Vim 편집기의 JavaScript 포트입니다.
•Squire – HTML5 리치 텍스트 편집기.
•TinyMCE – JavaScript 리치 텍스트 편집기.
•trix – Basecamp에서 만든 일상적인 글쓰기를 위한 풍부한 텍스트 편집기입니다.

FILE
파일 처리를 위한 라이브러리입니다.
•Papa Parse – CSV 파일/문자열 구문 분석을 지원하고 CSV를 내보낼 수도 있는 강력한 CSV 라이브러리입니다.
•jBinary – 선언적 구문을 사용하여 파일 유형 및 데이터 구조를 설명하는 바이너리 파일에 대해 높은 수준의 I/O(로드, 구문 분석, 조작, 직렬화, 저장) 작업을 수행합니다.

함수형 프로그래밍
함수형 프로그래밍 라이브러리는 JavaScript의 기능을 확장합니다.
•underscore – JavaScript용 유틸리티입니다.
•lodash – 일관성, 사용자 정의 가능성, 성능 및 추가 기능을 제공하는 실용적인 라이브러리입니다.
•Sugar – 기본 개체의 기능을 확장하는 JavaScript 라이브러리입니다.
•lazy.js – Underscore와 유사하지만 성능이 더 좋습니다.
•ramda – JavaScript 프로그래머를 위한 유틸리티 라이브러리입니다.
•mout – 모듈형 JavaScript 도구 라이브러리.
•mesh – 스트리밍 데이터 동기화 도구.

리액티브 프로그래밍
리액티브 프로그래밍 라이브러리는 JavaScript의 기능을 확장합니다.
•RxJs – JavaScript에 대한 반응형 확장입니다.
•Bacon – JavaScript용 FPR(기능적 반응형 프로그래밍) 라이브러리입니다.
•Kefir – Bacon.js 및 RxJS에서 영감을 받은 FRP 라이브러리로 고성능 및 낮은 메모리 소비에 중점을 둡니다.
•Highland – JavaScript 유틸리티를 다시 생각한 Highland를 사용하면 표준 JavaScript 및 노드와 유사한 스트림만 사용하여 동기 및 비동기 메시지를 쉽게 관리할 수 있습니다.
•Most.js – 고성능 FRP 라이브러리.

데이터 구조
데이터 구조 라이브러리는 보다 복잡한 애플리케이션을 구축하는 데 사용됩니다.
•immutable-js – Sequence, Range, Repeat, Map, OrderedMap, Set 및 sparse Vector를 포함한 불변 데이터 컬렉션입니다.
•mori – ClojureScript 지속성 데이터 구조를 사용하고 기본 JavaScript API를 지원하는 라이브러리입니다.
•버킷 – 완전히 테스트되고 문서화된 데이터 구조 JavaScript 라이브러리입니다.
•hashmap – 간단한 해시맵 구현으로 모든 유형의 키 값을 지원합니다.

Date
날짜 라이브러리.
•순간 – ​​날짜를 구문 분석하고, 검증하고, 조작하고 표시합니다.
•moment-timezone – moment.js 기반의 시간대 라이브러리입니다.
•jquery-timeago – 퍼지 타임스탬프(예: “4분 전”)의 자동 업데이트를 지원하는 jQuery 플러그인입니다.
•timezone-js – JavaScript 날짜 객체에 시간대 기능이 있도록 만듭니다. 시간대 데이터는 Olson zoneinfo 파일을 사용하여 기록됩니다.
•date – 인간 친화적인 Date() 메서드가 있습니다.
•ms.js – 컴팩트한 밀리초 변환 도구입니다.

Strings
문자열 라이브러리.
•selecting – 사용자가 선택한 텍스트를 얻을 수 있는 라이브러리입니다.
•underscore.string – Underscore.js의 문자열 작업을 확장합니다.
•string.js – 추가 JavaScript 문자열 메서드.
•he – 강력한 HTML 엔터티 인코더/디코더.
•multiline – 여러 줄 문자열.
•query-string – URL 쿼리 문자열을 구문 분석하고 문자열화합니다.
•URI.js – URL 조작 라이브러리.
•jsurl – 경량 URL 조작 라이브러리.
•sprintf.js – 문자열 형식화를 구현합니다.
•url-pattern – URL과 다른 문자열을 일치시키는 정규식보다 쉽습니다. 문자열과 데이터는 서로 변환될 수 있습니다.

Numbers
•Numeral-js – 숫자 형식 지정 및 조작을 위한 라이브러리입니다.
•주행 거리계 – 부드러운 디지털 전환 효과.
•accounting.js – 숫자, 돈, 통화 형식을 지정하는 경량 라이브러리 – 완전히 기본이며 종속성이 없습니다.
•money.js – 웹 및 nodeJS를 위한 작은(1kb) 통화 변환 라이브러리입니다.
•Fraction.js – 유리수 라이브러리.
•Complex.js – 복소수 라이브러리.
•Polynomial.js – 다항식 라이브러리.

Storage
•store.js – 쿠키나 플래시를 사용하지 않고 모든 브라우저에 대해 LocalStorage를 캡슐화합니다. localStorage, globalStorage 및 사용자 데이터를 은밀하게 사용하십시오.
•localForage – 향상된 오프라인 저장 공간. IndexedDB, WebSQL 및 localStorage를 캡슐화하고 간단하고 강력한 API를 갖추고 있습니다.
•jStorage – jStorage는 브라우저 측에 데이터를 저장하는 데 사용되는 간단한 키-값 데이터베이스입니다.
•교차 저장소 – 권한을 얻은 후 도메인 이름 전체에 걸쳐 로컬로 저장할 수 있습니다.
•basket.js – localStorage를 사용하여 스크립트를 로드하고 캐싱하기 위한 리소스 로더입니다.
•bag.js – basket.js와 유사하게 스크립트를 캐시하고 리소스를 로드할 수 있지만 키-값 인터페이스와 localStorage/websql/undexedDB에 대한 지원을 추가합니다.
•basil.js – 스마트 JavaScript 데이터 지속성 라이브러리.
•jquery-cookie – 쿠키를 읽고, 편집하고, 삭제할 수 있는 가볍고 간단한 jQuery 플러그인입니다.
•쿠키 – 클라이언트측 쿠키 작업 라이브러리.
•DB.js – IndexDB를 캡슐화하는 Promise 기반 라이브러리입니다.
•lawnchair.js – 간단한 클라이언트측 JSON 저장소.

Color
•randomColor – JavaScript 색상 생성기.
•chroma.js – 다양한 색상 작업을 위한 JavaScript 라이브러리입니다.
•color – JavaScript 색상 변환 및 조작 라이브러리.
•색상 – 더욱 스마트해진 기본 웹 색상.
•PleaseJS – 눈을 즐겁게 하는 임의의 색상과 색 구성표를 만듭니다.
•TinyColor – 빠르고 가벼운 색상 조작 및 변환 라이브러리입니다.
•Vibrant.js – 이미지에서 기본 색상을 추출합니다.

국제화 및 지역화(I18n 및 L10n)

지역화 및 국제화 JavaScript 라이브러리
•i18next – JavaScript(i18n)를 국제화하는 가장 간단한 방법입니다.
•다국어 – 소형 국제 도우미 라이브러리.
•babelfish – i18n은 친숙하고 이해하기 쉬운 API를 제공하며 다양한 기본 지원 기능을 갖추고 있습니다.

Classes
•ClassManager - 세계에서 가장 빠르고 편리한 수업 시스템 중 하나입니다.
•klass - 표현력이 뛰어난 클래스를 만들기 위한 도구 라이브러리입니다.
•augment – ​​​​세계에서 가장 작고 빠른 일류 JavaScript 상속 패턴입니다.

Control Flow
•async - 노드 및 브라우저를 위한 비동기 도구 라이브러리입니다.
•q – 비동기 Promise를 구현하는 JavaScript 라이브러리입니다.
•step – 논리적 순서를 합리화하는 비동기 제어 흐름 라이브러리입니다.
•contra – 함수형 스타일로 구현된 비동기 흐름 제어.
•Bluebird – 혁신적인 기능과 성능에 초점을 맞춘 모든 기능을 갖춘 Promise 라이브러리입니다.
•when – 빠르고 안정적이며 Promises/A+ 표준 when() 구현 및 기타 뛰어난 비동기 기능을 갖추고 있습니다.
•ObjectEventTarget – 이벤트 수신 기능이 추가된 프로토타입을 제공합니다(브라우저 동작에서 DOMElement의 EventTarget과 일치).

routing
•director – 작은 URL 동형 라우터입니다.
•page.js – Express 라우터에서 영감을 받은 소형 클라이언트측 라우터(~1200바이트)입니다.
•pathjs – 간단하고 가벼운 웹 라우터.
•crossroads – JavaScript 라우팅.
•davis.js – pushState를 사용하는 RESTful, 다운그레이드 가능한 JavaScript 라우터입니다.

보안
•DOMPurify – HTML, MathML 및 SVG용 DOM 전용, 빠르고 내결함성이 뛰어난 XSS 필터입니다.
•js-xss – 화이트리스트 구성을 통해 신뢰할 수 없는 HTML을 필터링할 수 있습니다(XSS 공격 방지).

Log
•log – 스타일이 포함된 Console.log.
•Conzole – 페이지에 표시될 수 있도록 JavaScript 기본 콘솔 개체 메서드 및 기능을 캡슐화하는 디버그 패널입니다.
•console.log-wrapper – 로그를 콘솔에 명확하게 기록하고 모든 브라우저와 호환됩니다.
•loglevel – 캡슐화된 console.log 메소드에 안정적인 로깅 수준을 추가하는 가장 가벼운 JavaScript 로깅 도구 라이브러리입니다.
•minilog – 스트리밍 API로 노출되는 경량의 클라이언트측 및 서버측 로깅 라이브러리입니다.

정규식
•RegEx101 – 온라인 JavaScript 정규식 테스터 및 디버거. Python, PHP, PCRE도 지원합니다.
•RegExr – 정규식을 생성, 테스트 및 학습하기 위한 HTML/JS 도구입니다.
•RegExpBuilder – 연결된 메서드를 사용하여 정규식을 만듭니다.

Media
•Ion.Sound – 모든 웹페이지에 사용할 수 있는 간단한 오디오입니다.

음성 명령
•annyang – 웹사이트에 음성 명령을 추가하기 위한 음성 인식 라이브러리입니다.
•voix.js – 웹사이트, 앱 또는 게임에 음성 명령을 추가하기 위한 JavaScript 라이브러리입니다.

API
•병목 – 흐름 조절을 더 쉽게 해주는 강력한 주파수 제한기.
•oauth-signature-js – 노드 및 브라우저용 OAuth 1.0a 서명 생성기.
•amygdala – 웹 애플리케이션을 위한 RESTful HTTP 클라이언트 솔루션을 제공합니다.
•jquery.rest – RESTful API를 더 쉽게 사용할 수 있게 해주는 jQuery 플러그인입니다.

시각적 감지
·tracking.js – 웹에서의 컴퓨팅 비전에 대한 현대적인 접근 방식입니다.
•ocrad.js – Emscripten을 통한 JavaScript의 OCR(광학 문자 인식).

브라우저 감지
•bowser – 브라우저 감지기입니다.

코드 강조
•Highlight.js – JavaScript 구문 강조.
•PrismJS – 가볍고 강력하며 우아한 구문 강조 도구입니다.

로드 상태

라이브러리의 로드 상태를 나타냅니다.
•Mprogress.js – Google Material 디자인 스타일로 선형 진행률 표시줄을 만듭니다.
•NProgress – Ajax'y 애플리케이션에 얇은 진행률 표시줄 표시
•Spin.js – 회전 진행률 표시기.
•progress.js – 페이지의 모든 개체에 대한 진행률 표시줄을 만들고 관리합니다.
•progressbar.js – SVG 경로로 움직이는 아름답고 반응성이 뛰어난 진행률 표시줄.
•pace – 웹사이트에 진행률 표시줄을 자동으로 추가합니다.
•topbar – 웹사이트만큼 넓게 실행되는 작고 아름다운 진행률 표시기입니다.
•nanobar – 매우 가벼운 진행률 표시줄입니다. jQuery에 의존하지 않습니다.
•PageLoadingEffects – SVG 애니메이션을 사용하여 새로운 콘텐츠를 표시하는 현대적인 방법입니다.
•SpinKit – CSS 애니메이션을 사용한 로딩 표시기 모음입니다.
•Ladda – 버튼에 로딩 표시기가 내장되어 있습니다.
•css-loaders – CSS로 애니메이션을 적용한 회전식 로딩 표시기 모음입니다.

위 라이브러리 외에도 Codepen에 수집된 라이브러리와 Ajaxload, Preloaders 및 CSSLoad와 같은 생성기도 있습니다.

Validation
•Parsley.js – JavaScript 코드 한 줄도 작성하지 않고도 프런트 엔드에서 양식의 유효성을 검사합니다.
•jquery-validation – jQuery 유효성 검사 플러그인.
•validator.js – 문자열 유효성 검사 및 필터링(사용자 입력에서 유해하거나 위험한 문자를 사용하기 전에 삭제하는 작업).
•validate.js – CodeIgniter에서 영감을 받은 경량 양식 검증 JavaScript 라이브러리입니다.
•validatr – 크로스 브라우저 HTML5 양식 유효성 검사 라이브러리.
•BootstrapValidator – 양식 필드 유효성 검사를 위한 최고의 jQuery 플러그인입니다. Bootstrap 3과 함께 사용됩니다.
•is.js – 유형, 정규식, 존재 여부, 시간 등을 확인합니다.
•FieldVal – 다목적 검증 라이브러리. 동기식 및 비동기식 검증을 모두 지원합니다.

키보드 래퍼
•mousetrap – 키보드 단축키를 처리하기 위한 JavaScript 라이브러리입니다.
•keymaster – 키보드 단축키를 정의하고 전달하기 위한 작은 라이브러리입니다.
•Keypress – 타이핑 캡처 도구 라이브러리로, 어떤 키든 수정자 키가 될 수 있습니다.
•KeyboardJS – 키보드 조합 바인딩을 위한 JavaScript 라이브러리로, 단축키와 단축키 조합이 충돌하는 문제에서 벗어날 수 있습니다.
•jquery.hotkeys – jQuery Hotkeys를 사용하면 코드 어디에서나 키보드 이벤트를 수신할 수 있으며 거의 ​​모든 키 조합을 지원합니다.
•jwerty – 놀라운 키보드 이벤트 처리 라이브러리.

찾아보기 및 가이드
•intro.js - 새로운 기능을 소개하고 사용자에게 사이트와 프로젝트를 단계별로 안내할 수 있는 좋은 방법입니다.
•shepherd – 앱을 통해 사용자를 안내합니다.
•bootstrap-tour – Twitter Bootstrap 팝업을 사용하여 빠르고 쉽게 제품을 안내하세요.
•tourist – 간단하고 유연한 애플리케이션 가이드 소개 라이브러리.
•chardin.js – 마스크 레이어 적용에 대한 간단한 소개입니다.
•pageguide – jQuery 및 CSS3를 사용하는 웹 페이지 요소에 대한 대화형 지침 라이브러리입니다.
•hopscotch – 개발자가 페이지 내 제품에 부트스트랩을 더 쉽게 추가할 수 있게 해주는 프레임워크입니다.
•joyride – jQuery를 기반으로 하는 기능적 부트스트랩 플러그인.
•focusable – 페이지의 나머지 부분에 마스크 레이어를 추가하여 특정 DOM 요소에 초점을 맞춥니다.

알림
•messenger – 앱에 Growl 스타일 팝업 및 메시지를 추가합니다(Crowl은 Mac OS X의 알림 시스템입니다).
•noty – jQuery 알림 플러그인.
•pnotify – Bootstrap, jQuery UI 및 웹 알림 초안용 JavaScript 알림 라이브러리.
•toastr – 간단한 팝업 상자 알림(토스트 알림: 자동으로 만료되는 간단한 정보 창을 표시하는 데 사용됨).
•humane-js – 간단하고 세련된 브라우저 알림 시스템입니다.
•smoke.js – 사용자 정의 가능한 스타일을 갖춘 프레임워크 독립적인 JavaScript 팝업 시스템입니다.

Slideshow
•Swiper – 하드웨어 가속 전환을 사용하는 모바일 장치용 터치 슬라이더 프레임워크입니다.
•slick – 여러분에게 필요할 마지막 캐러셀 플러그인입니다.
•slidesJs – 터치, CSS3 전환 및 기타 기능을 갖춘 반응형 jQuery(1.7.1+) 슬라이드쇼 플러그인입니다.
•FlexSlider – 놀랍고 완벽하게 반응하는 슬라이드쇼 jQuery 플러그인입니다.
•unslider – 가장 간단한 슬라이드쇼 jQuery 플러그인입니다.
•colorbox – 가볍고 사용자 정의 가능한 라이트박스 jQuery 플러그인.
•fancyBox – 페이지의 이미지, HTML 콘텐츠 및 멀티미디어에 확대/축소 기능을 추가하는 멋지고 우아한 방법을 제공하는 도구입니다.
•sly – 단방향 스크롤을 지원하는 항목 기반 탐색용 JavaScript 라이브러리입니다.
•vegas – 페이지에 아름다운 전체 화면 배경을 추가하고 슬라이드쇼까지 허용하는 jQuery 플러그인입니다.
•Sequence – 반응형 슬라이드쇼, 프레젠테이션, 배너 광고 및 단계 기반 앱을 만들기 위한 CSS 애니메이션 프레임워크입니다.
•baguetteBox.js – 순수 JavaScript로 구현된 사용하기 쉬운 마스킹 레이어 스크립트.
•reveal.js – HTML로 아름다운 프레젠테이션 컨트롤을 만들기 위한 프레임워크입니다.
•PhotoSwipe – 모바일 및 데스크톱을 위한 프레임워크가 필요 없는 모듈식 JavaScript 갤러리 컨트롤입니다.
•jcSlider – CSS 애니메이션이 포함된 반응형 슬라이드쇼 jQuery 플러그인.
•basic-jquery-slider – 사용, 테마 지정 및 사용자 정의가 쉽습니다.
•unslider – 가장 간단한 슬라이드쇼 jQuery 플러그인입니다.
•jQuery.adaptive-slider – 적응형 색상 제목과 탐색 기능이 있는 슬라이드쇼 jQuery 플러그인입니다.
•slidr – 슬라이드 효과를 추가합니다.
•Flickity – 터치 가능하고 반응성이 뛰어나며 플릭할 수 있는 갤러리입니다.

Slider Control
•Ion.RangeSlider – 다양한 구성과 스킨을 지원하는 강력하고 사용자 정의가 쉬운 범위 슬라이더 선택 라이브러리입니다.
•jQRangeSlider – 날짜를 지원하는 슬라이더 선택 라이브러리입니다.
•noUiSlider – 가볍고 중복되지 않으며 고도로 맞춤화된 슬라이더 선택 라이브러리입니다.
•rangeslider.js – HTML5 입력 범위 슬라이더 요소입니다.

Form Component

Input
•typeahead.js – 빠르고 모든 기능을 갖춘 자동 완성 라이브러리입니다.
•tag-it – 다중 태그 필드와 태그 제안/자동 완성을 처리하는 jQuery UI 플러그인입니다.
•At.js – 앱에 Github와 유사한 자동 완성 프롬프트 기능을 추가합니다.
•Placeholders.js – HTML5 자리 표시자를 위한 JavaScript 속성 완성입니다.
•fancyInput – CSS3 효과로 입력을 더욱 흥미롭게 만듭니다.
•jQuery-Tags-Input – 이 jQuery 플러그인을 사용하면 간단한 텍스트 입력을 멋진 태그 목록으로 마술처럼 변환할 수 있습니다.
•vanilla-masker – 순수 JavaScript로 구현된 입력 제어 라이브러리입니다.
•Ion.CheckRadio – 체크박스와 라디오 버튼 스타일을 지정하기 위한 jQuery 라이브러리로, 여러 스킨을 지원합니다.

Calendar
•pickadate.js – 모바일 친화적이고 반응성이 뛰어나며 가벼운 jQuery 날짜 및 시간 입력 선택기입니다.
•bootstrap-datepicker – 부트스트랩 기반 달력 선택기.
•Pikaday – 완전히 새로운 JavaScript 날짜 선택기 – 가볍고 종속성이 없는 모듈식 CSS입니다.
•fullcalendar – 전체 크기의 드래그 앤 드롭 이벤트 캘린더(jQuery 플러그인).
•rome – 사용자 정의 가능한 날짜 및 시간 선택기. 종속성 없음, 선택적 UI.
•datedropper – datedropper는 날짜 입력 상자를 빠르고 쉽게 관리할 수 있는 방법을 제공하는 jQuery 플러그인입니다.

Select
•selectize.js – Selectize는 텍스트 상자와 선택 상자를 혼합한 것입니다. 이는 jQuery를 기반으로 하며 태그, 연락처 목록 등에 사용할 수 있는 자동 완성 및 키보드 감지 드롭다운 목록을 제공합니다.
•select2 – jQuery를 기반으로 하며 선택 상자를 대체합니다. 검색, 원격 데이터 세트 및 무한 스크롤을 지원합니다.
•chosen – 길고 불편한 선택 상자를 더욱 사용자 친화적으로 만드는 라이브러리입니다.

파일 업로드
•jQuery-파일-업로드 – 파일 업로드는 여러 파일 선택, 파일 드래그 앤 드롭, 진행률 표시줄, 확인 및 이미지, 오디오 및 비디오 미리 보기를 지원하는 jQuery 플러그인입니다.
•dropzone – Dropzone은 여러 파일의 드래그 앤 드롭을 지원하는 사용하기 쉬운 라이브러리입니다. 이미지 미리보기를 지원하고 진행률 표시줄 효과가 좋습니다.
•flow.js – 다중 동시 연결, 안정적이고 내결함성이 있으며 복구 가능/재시작 가능한 파일 업로드 라이브러리를 제공하는 HTML5를 통한 파일 API입니다.
•fine-uploader – 진행률 표시줄, 드래그 앤 드롭 기능, S3(Amazon Simple Storage Service)에 직접 업로드 지원 기능을 갖춘 다중 파일 업로드 플러그인입니다.
•FileAPI – JavaScript 파일 도구 모음입니다. 여러 파일 업로드, 끌어서 놓기 및 파일 청크 업로드를 지원합니다. 이미지의 경우 EXIF ​​기준으로 자르기, 크기 조정, 자동 방향 조정이 지원됩니다.
•plupload – 파일 업로드를 처리하는 JavaScript API입니다. 다양한 파일 선택, 파일 유형 필터링, 청크 분할 요청, 클라이언트 측 이미지 크기 조정, 다양한 실행 환경에 따른 HTML5, Silverlight 및 Flash 선택을 지원합니다.

Others
•form – jQuery 양식 플러그인.
•Garlic.js – 양식이 제출될 때까지 자동으로 양식 텍스트를 저장하고 상자 값을 로컬에서 선택합니다.
•Countable – HTML 요소에 포함된 텍스트의 단락, 단어 및 문자 수를 계산하는 JavaScript 함수입니다.
•카드 – 단 한 줄의 코드로 신용카드 양식을 더욱 친숙하게 만들어보세요.
•stretchy – 적응형 크기 양식 요소로 양식은 다음과 같습니다.
•list.js – 테이블, 목록 등과 같은 HTML 요소에 검색, 정렬, 필터링 및 적응형 기능을 추가하는 라이브러리입니다. 기존 HTML에 시각화를 추가합니다.

Tips
•tipsy – jQuery를 기반으로 한 Fackbook 스타일의 툴팁입니다.
•opentip – 프로토타입 프레임워크를 기반으로 하는 오픈 소스 JavaScript 도구 설명 라이브러리입니다.
•qTip2 – 매우 강력한 도구 설명 라이브러리입니다.
•tooltipster – 툴팁 jQuery 플러그인입니다.
•simptip – Sass로 만든 간단한 툴팁입니다.
•jquery-popup-overlay – 반응성이 뛰어나고 접근성이 뛰어난 모달 및 툴팁 jQuery 플러그인입니다.

모달 및 팝업
•Magnific-Popup – 성능 중심의 가볍고 반응성이 뛰어난 라이트박스 스크립트입니다.
•jquery-popbox – jQuery 프롬프트 상자 플러그인.
•jquery.avgrund.js – 새로운 팝업 모달 상자 jQuery 플러그인.
•vex – 새롭고 고도로 구성 가능하며 쉽게 스타일을 지정할 수 있는 대화 상자 라이브러리입니다.
•bootstrap-modal – Bootstrap의 기본 모달 클래스를 확장합니다. 반응형, 스택형, Ajax 등을 지원합니다.
•css-modal – 순수 CSS로 제작된 모달 상자입니다.
•jquery-popup-overlay – 반응성이 뛰어나고 접근성이 뛰어난 모달 및 툴팁용 jQuery 플러그인입니다.

Scroll
•scrollMonitor – 스크롤이 발생할 때 요소를 모니터링할 수 있는 간단하고 빠른 API입니다.
•headroom – 페이지 헤더를 표시해야 하는 경우가 아니면 페이지 헤더 공간을 확보하기 위해 숨겨집니다.
•onepage-scroll – Apple과 같은 1페이지 스크롤 웹사이트(iPhone 5S 웹사이트)를 만듭니다.
•iscroll – 고성능, 경량, 종속성이 없는 다중 플랫폼 호환 JavaScript 스크롤 구성 요소입니다.
•skrollr – 모바일 장치(Android + iOS) 및 데스크톱 컴퓨터를 위한 독립형(jQuery와 무관) 시차 스크롤 라이브러리입니다.
•시차 – 스마트 장치용 시차 엔진.
•stellar.js – 시차 스크롤이 쉬워졌습니다.
•plax – jQuery 기반 시차 라이브러리.
•jparallax – 대화형 시차 효과를 만들기 위한 jQuery 플러그인입니다.
•fullPage – 전체 화면 스크롤 웹사이트(단일 페이지 웹사이트라고도 함)를 만들기 위한 간단하고 사용하기 쉬운 플러그인입니다.
•ScrollMenu – 오래되고 지루한 스크롤 막대에 새로운 모습을 선사합니다.

Menu
•jQuery-menu-aim – 사용자 커서가 특정 드롭다운 메뉴 항목에 놓이면 이벤트를 시작합니다. Amazon과 같은 반응형 대용량 데이터 드롭다운 메뉴를 만들 수 있습니다.
•jQuery contextMenu - 마우스 오른쪽 버튼 클릭 메뉴(contextMenu) 관리 도구입니다.
•슬라이드아웃 – 모바일 장치의 웹 애플리케이션을 위한 반응형 터치 지원 슬라이드아웃 탐색 메뉴를 만듭니다.
•슬라이드 및 스와이프 – touchSwipe 라이브러리를 기반으로 한 슬라이드 아웃 메뉴 플러그인입니다.

Table/Grid
•jTable – CRUD 테이블을 기반으로 AJAX를 생성하기 위한 jQuery 플러그인입니다.
•DataTables – 이는 점진적인 향상을 기반으로 HTML 테이블에 고급 대화형 효과를 추가하는 매우 유연한 도구입니다. (jQuery 플러그인)
•floatThead – (jQuery 플러그인) 테이블 헤더를 잠그고 테이블 내용만 스크롤하도록 허용합니다. 모든 테이블에서 작동하며 추가 HTML 또는 CSS가 필요하지 않습니다.
•Masonry – 폭포형 그리드 레이아웃 라이브러리.
•Packery – 빈 패킹 알고리즘을 사용하는 그리드 레이아웃 라이브러리입니다. 드래그 앤 드롭 레이아웃을 지원합니다.
•동위원소 – Masonry, Packery 및 기타 레이아웃을 구현할 수 있는 필터링 및 정렬 가능한 그리드 레이아웃 라이브러리입니다.

프레임워크
•시맨틱 UI – 수많은 테마와 요소가 포함된 UI 키트.

Gestures
•hammer.js – 다양한 터치 제스처를 지원하는 JavaScript 라이브러리입니다.
•touchemulator – 데스크톱 컴퓨터의 터치 입력을 에뮬레이트합니다.
•Dragula – 드래그 앤 드롭 라이브러리를 사용하기 매우 쉽습니다.

Map
•Leaflet – 모바일 친화적인 대화형 지도 JavaScript 라이브러리입니다.
•Cesium – WebGL 기반의 오픈 소스 가상 지구본 및 지도 엔진입니다.
•gmaps - Google 지도를 사용하는 가장 쉬운 방법입니다.
•polymaps – 최신 웹 브라우저와 호환되는 동적 대화형 지도를 만들기 위한 무료 JavaScript 라이브러리입니다.
•kartograph.js – 오픈 소스 Kartograph SVG 지도 렌더러.
•mapbox.js – Mapbox API, Leaflet 플러그인.
•jqvmap – 벡터 맵 jQuery 플러그인.
•OpenLayers3 – 모든 지도 요구 사항을 충족할 수 있는 기능이 풍부한 고성능 라이브러리입니다.

Video/Audio
•prettyembed.js – YouTube를 더욱 완벽하게 삽입하세요. 고해상도 미리보기, 내장 옵션의 고급 사용자 정의, FitVids 지원 옵션 등 훌륭한 옵션을 제공합니다.
•html5media – 모든 주요 브라우저의 멀티미디어 태그에 정의된 멀티미디어 파일을 재생할 수 있습니다. http://html5media.info/
•Play-em JS – Play'em은 음악/비디오 재생을 제어하기 위해 p 요소에 여러 플레이어(Youtube, Soundcloud 및 Vimeo)를 내장하여 음악/비디오 재생 순서를 관리하는 JavaScript 구성 요소입니다. 일련의 노래.
•polyplayer – YouTube, Soundcloud 및 Vimeo 플레이어 API를 하나로 통합합니다.
•flowplayer – HTML5 비디오 플레이어 http://flowplayer.org/
•mediaelement – ​​​​HTML5 미디어 요소 API를 모방하는 HTML5, Flash 플레이어 및 Silverlight shim이 모든 브라우저에서 일관된 UI를 갖도록 허용합니다. http://mediaelementjs.com/
•SoundJS – 웹에서 오디오를 더 쉽게 실행할 수 있게 해주는 라이브러리입니다. 다양한 브라우저에서 일관된 API를 제공합니다.

animation
•velocity – JavaScript 애니메이션을 가속화합니다.
•jquery.transit – 매우 부드러운 CSS3 변환 및 전환 기능을 갖춘 jQuery 플러그인입니다.
•impess.js – CSS3 변환 및 전환을 사용하여 HTML 문서에서 Prezi와 같은 프레젠테이션 효과를 만듭니다.
•bounce.js – 재미있는 CSS3 애니메이션을 즉시 만들어 보세요.
•GreenSock-JS – 모든 주요 브라우저를 위한 고성능 HTML5 애니메이션.
•TransitionEnd – TransitionEnd는 Transitionend 이벤트를 사용하는 크로스 브라우저 라이브러리입니다.
•Dynamic.js – 물리 기반 CSS 애니메이션을 만들기 위한 라이브러리입니다.

이미지 처리
•lena.js – 필터와 유용한 기능을 갖춘 이미지 처리 라이브러리입니다.
•pica – 고품질 이미지 크기 조정(Lanczos 필터 알고리즘의 빠르고 순수한 JS 구현 사용).
•cropper – 간단한 이미지 자르기 jQuery 플러그인입니다.

ECMAScript 6
•es6features – ECMAScript 6 기능 개요입니다.
•es6-features – ECMAScript 6: 기능 개요 및 비교.
•ECMAScript 6 호환성 표 – 호환성 표는 다양한 플랫폼에서 모든 ECMAScript 6 기능에 대한 지원 수준을 보여줍니다.
•Babel(이전 6to5) – ES6+ 코드를 순수 ES5로 변환합니다.
•Traceur 컴파일러 – ES6 기능이 ES5로 변환되었습니다. 클래스, 생성기, 약속, 구조화 패턴, 기본 매개변수 등을 포함합니다.

소프트웨어 개발 키트
•javascript-sdk-design – 업무 및 개인 경험을 바탕으로 정리한 JavaScript SDK 디자인 지침입니다.

Hodgepodge
•echo – data-* 속성을 사용하여 이미지를 지연 로딩합니다.
•picturefill – 브라우저가 srcset 및 크기 속성을 지원할 수 있게 해주는 반응형 사진 표시 플러그인입니다.
•platform.js – 거의 모든 JavaScript 플랫폼에서 작동하는 플랫폼 감지 라이브러리입니다.
•json3 – 거의 모든 JavaScript 플랫폼과 호환되는 최신 JSON 구현 라이브러리입니다.
•논리적이든 아니든 – JavaScript 기능에 관한 게임입니다.
•BitSet.js – 비트 벡터를 구현하는 JavaScript 라이브러리입니다.

위 내용은 자바스크립트 기능 플러그인 목록(매우 포괄적)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:segmentfault.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿