简单梳理了下目前用过的 JavaScript 框架

551 阅读3分钟

JavaScript Framework | Library Back

The following table is generated as per the classification of JavaScript frameworks, or libraries which I have met or used.

Categories
MVVM, MVC Vue React, Redux Angular
Google Closure mobx (state management) nerv
superfine (only view layer) pjax (pushState + ajax)
Mobile (cross through platforms) framework7 ionic react-native
eletron
Animation GreenSock Walkway Dynamics
svg.js rellax (parallel scrolling) anime
dynamics.js particles.js (particle animations) contour (drawing SVG)
sketch.js
Bundle Tools Webpack parcel
Widgets Interact ScrollMagic watermarks
Sortable PhotoSwipe handsontablew
split clientjs (device information) downshift (input components based on React)
consola (console tools) strip-indent iframe-resizer
hammer.js, touchemulator, Touchy.js (touch) moment, moment-timezone keymaster (keyboard handler)
chromatism (utility functions for colors) browserslist cropper, Croppie (image cropper)
Clamp.js (overflow ellipses) react-dnd (Drag and Drop for React) shake.js (shake event for mobiles)
swiper (swiped banners) imagesloaded (check image loading status) jquery-locationpicker-plugin
Lint (or tools for conventions) ESLint jsdoc husky, git-commit-message-convention, commitlint
Functional jQuery lodash underscore
rxjs Classie number-precision
Browser Compatibility Modernizer phatomjs (simulated browser environment for testing) es3ify
babel
Node csv-writer, csv-parser (csv) iconv-lite (encoding) node-glob, glob-stream
node-properties node-uuid node-zip
glslify through2 (file stream) puppeteer (Chrome API)
emailjs-mime-builder, emailjs-mime-parser utf8.js (utf8 encoder/decoder) node-sketch
node-cache node-sass exceljs
speedracer (test performance for Node modules) pkg (package executables) devtool (run Node.js programs with Chromium DevTools)
chrome-remote-interface (Chrome Debugging Protocol interface or Node.s) jsdiff (diff text) falcor (for data fetching)
lerna (multiple packages management) svgexport (SVG to PNG/JPEG for Node) remove-markdown (strip Markdown stuff from text)
cli-table node-apn node-progress (progress bar for Node)
Syntax Highlight pygments.js prism highlight.js
Graphic (VR, AR etc.) three.js (3D) viro (AR and VR) zdog
d3, d3-graphiviz aframe tracking.js
gm (GraphicsMagick for Node) sharp (based on Node) html2canvas
rough (hand-drawn generation) three.ar.js pixi.js
VivGraphJS mojs Polyvia
tesseract.js (text extractor from images) webvr-boilerplate (based on three.js) konva (Canvas Framework)
canny-edge-detection sigma.js StackBlur (Gaussian Blur)
smartcrop.js
Video video.js flv.js (flv player) ccapture.js (based on Canvas)
jPlayer
Audio howler.js Rythm.js aurora.js (audio decoding framework)
flac.js beats-audio-api
Data Visualization deck.gl luma.gl streetscape.gl
echarts grafana Chart.js
fusioncharts-jquery-plugin react-vis (based on React)
JavaScript Parser acorn UglifyJS jstransform
Markdown Parser marked unified, remark remarkable
markdown-it
Security retire.js js-xss crypto-js
aes-js
Editor simplemde-markdown-editor (Markdown) kindeditor react-ace (based on React)
ace monaco-editor (code) react-page (based on React)
slate
HTTP / Socket Client ky (based on window.fetch) socket.io-client axios
Parsers psd.js htmlparser2 (HTML and XML) mailparser (MIME parser)
Data Training brain.js tfjs
Automated Testing rrweb (record and replay)
Shim / Polyfill raf (requestAnimationFrame) json3 core-estimator (navigator.hardwareConcurrency)
core-js ExplorerCanvas (simulated Canvas?) history.js
Webpack Loaders / Plugins loader-utils handlebars-loader css-split-webpack-plugin
git-revision-webpack-plugin vue-loader mini-css-extract-plugin
postcss-loader less-loader eslint-loader
css-loader webpack-dev-middleware analyse (analyse building states)
ES3-compatible-webpack-plugin sass-loader html-webpack-plugin
copy-webpack-plugin extract-text-webpack-plugin webpack-bundle-analyzer
react-hot-loader babel-loader
Book vuepress docz mdx-deck
gitbook
UI YUI jquery-ui element (based on Vue)
ant-design (based on React) bootstrap wired-elements
Font-Awesome (icon toolkit)
Optimization cssnano UglifyJS optimize-js
css-blocks prettier clean-css
Template nunjucks handlebars.js
Test mocha, chai jest jasmine, karma

Note: strong links mean there are corresponding notes for those frameworks or libraries.

Aleen®

More than a coder, more than a designer

20 issues reported

#35 [思] Handlebars 模板应该如何进行预处理2019-01-31 13:42:05

#32 [集] A collection of confusing problems met when developing JavaScript under IE2019-07-25 15:50:30

#30 [思] 当需要传递多个不定参数时,该如何设计 JavaScript 函数?2017-05-29 09:42:07

#29 [歸納] 304 Status Code 下的头部信息2018-03-19 12:25:21

#28 [歸納] 你以为 JavaScript 没数据结构么?2018-03-19 12:25:04

#27 [歸納] JavaScript 之高性能2019-09-20 13:56:28

#26 Microtasks? Macrotasks?2017-02-26 18:05:36

#25 gitbook-edit plugin ignores book.json root configuration element2017-02-24 18:53:37

#24 [譯] Align SVG Icons to Text and Say Goodbye to Font Icons2017-02-07 10:39:42

#23 [轉載] Discover the Full Story of City's Buildings2017-02-04 03:17:33

#22 All books has opened a button for editing on Github2016-11-21 09:38:58

#21 Mingtocat2016-10-22 12:42:38

#20 Enhancement of Gitbook Treeview2016-10-20 11:59:22

#19 [譯] Google Interview University2018-10-29 18:58:52

#18 [轉載] Styling SVG Content with CSS2016-10-18 18:14:48

#17 Drawing in JavaScript2018-05-11 17:03:36

#15 Learning React Redux2016-08-29 14:22:55

#14 Learning React Router2016-08-25 10:55:38

#13 Learning Webpack + React2016-08-25 10:47:15

#12 GitBook Community in Google+2016-08-19 10:16:16