└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # front-end-awesome 2 | 3 | [![front-end-awesome](https://camo.githubusercontent.com/13c4e50d88df7178ae1882a203ed57b641674f94/68747470733a2f2f63646e2e7261776769742e636f6d2f73696e647265736f726875732f617765736f6d652f643733303566333864323966656437386661383536353265336136336531353464643865383832392f6d656469612f62616467652e737667)](https://github.com/iq9891/awesome-frontend) 4 | 5 | ## 目录 6 | 7 | - [打包工具](#打包工具) 8 | - [webpack loader 和插件](#webpack-loader-和插件) 9 | - [包管理](#包管理) 10 | - [框架](#框架) 11 | - [Canvas 相关](#Canvas-相关) 12 | - [APP 相关](#APP-相关) 13 | - [CSS 相关](#CSS-相关) 14 | - [小程序 相关](#小程序-相关) 15 | - [其他](#其他) 16 | - [React 相关库](#React-相关库) 17 | - [Vue 相关库](#Vue-相关库) 18 | - [UI 库](#UI-库) 19 | - [其他](#其他) 20 | - [Flutter 相关库](#Flutter-相关库) 21 | - [阿里系](#阿里系) 22 | - [工具类](#工具类) 23 | - [数据流](#数据流) 24 | - [语言](#语言) 25 | - [文档](#文档) 26 | - [工程](#工程) 27 | - [编辑器](#编辑器) 28 | - [命令行](#命令行) 29 | - [请求处理](#请求处理) 30 | - [富文本相关](#富文本相关) 31 | - [持续集成](#持续集成) 32 | - [在线工具](#在线工具) 33 | - [在线编程](#在线编程) 34 | - [转换](#转换) 35 | - [图标管理](#图标管理) 36 | - [其他在线工具](#其他在线工具) 37 | - [代码高亮](#代码高亮) 38 | - [音频/视频](#音频/视频) 39 | - [数据可视化库](#数据可视化库) 40 | - [动画库](#动画库) 41 | - [数据模拟](#数据模拟) 42 | - [调试工具](#调试工具) 43 | - [源码分析](#源码分析) 44 | - [其他](#其他) 45 | 46 | ---- 47 | 48 | ## 打包工具 49 | 50 | * [**webpack**][1-1] - 打包项目 51 | * [**rollup**][1-2] - 打包 npm 库 52 | * [**parcel**][1-3] - webpack 竞品，但发展前景不乐观，再观察一段时间 53 | * [**@pikapkg/pack**][1-4] - 又一组件打包工具 54 | * [**systemjs**][1-5] - 针对一些特殊场景会比较有用，比如云 ide，支付宝小程序 IDE 等 55 | * [**microbundle**][1-6] - 基于 rollup，简化配置 56 | * [**bili**][1-7] - 基于 rollup，同上 57 | * [**webpack-dev-server**][1-8] - webpack 开发服务器 58 | * [**webpack-dev-middleware**][1-9] - webpack 中间件 59 | * [**vue-cli**][1-10] - vue 命令行工具 60 | * [**create-react-app**][1-11] - react 官方脚手架 61 | * [**webpack-merge**][1-12] - 合并 webpack 配置 62 | * [**webpack-chain**][1-13] - 通过 chain 风格 api 的方式修改 webpack 配置 63 | * [**prepack**][1-14] - 通过预先执行的方式优化打包结果 64 | * [**swc**][1-15] - 基于 rust 的语法转换器，babel 的竞争者 65 | * [**nathan/pax**][1-16] - 基于 rust，据说是这个星球最快的 JavaScript 打包工具 66 | * [**pikapkg/web**][1-17] - 浏览器里跑 npm 依赖，面向现代浏览器 67 | * [**lebab/lebab**][1-18] - 把 es5 代码转成 es6，反向 babel 68 | * [**palmerhq/tsdx**][1-19] - Zero-config CLI for TypeScript package development 69 | * [**snowpack**][1-20] - 现代Web的更快构建系统 70 | 71 | [⬆️ 返回首页](#目录) 72 | 73 | ## webpack loader 和插件 74 | 75 | * [**hard-source-webpack-plugin**][2-1] - 性能提升 70%，但有坑 76 | * [**svgr**][2-2] - svg 转 react 组件 77 | * [**postcss**][2-3] - CSS 界的 babel 78 | * [**autoprefixer**][2-4] - 为 CSS 选择权自动加 prefix 79 | * [**cssnano**][2-5] - CSS 压缩，也有类 preset 的概念 80 | * [**mini-css-extract-plugin**][2-6] - 提取 CSS 为单独文件 81 | * [**webpackbar**][2-7] - webpack 进度条 82 | * [**webpack-bundle-analyzer**][2-8] - 构建产物占比分析 83 | * [**uglifyjs-webpack-plugin**][2-9] - JS 压缩，产物为 ES5 语法 84 | * [**terser-webpack-plugin**][2-10] - JS 压缩，产物为 ES6 语法 85 | * [**webpack-manifest-plugin**][2-11] - 生成 manifest.json 86 | * [**copy-webpack-plugin**][2-12] - 复制额外的文件到输出目录 87 | * [**case-sensitive-paths-webpack-plugin**][2-13] - 大小写敏感检测，能规避一些问题，但构建时性能消耗较大 88 | * [**css-hot-loader**][2-14] - CSS 热更新，搭配 mini-css-extract-plugin 使用 89 | * [**duplicate-package-checker-webpack-plugin**][2-15] - 重复依赖检测 90 | * [**fork-ts-checker-webpack-plugin**][2-16] - ts 语法检测 91 | * [**speed-measure-webpack-plugin**][2-17] - 统计 webpack 各阶段耗时 92 | 93 | [⬆️ 返回首页](#目录) 94 | 95 | ## 包管理 96 | 97 | * [**yarn**][3-1] - 我用这个 98 | * [**npm**][3-2] 99 | * [**bower**][3-3] 100 | 101 | ## 框架 102 | 103 | ### Canvas 相关 104 | 105 | * [**cocos2d-html5**][4-1-1] 106 | * [**Egret Engine**][4-1-2] 107 | * [**LimeJS**][4-1-3] 108 | * [**EaselJS**][4-1-4] 109 | * [**three.js**][4-1-5] 110 | * [**AlloyStick**][4-1-6] 111 | * [**The-Best-JS-Game-Framework**][4-1-7] 112 | * [**CanvasEngine**][4-1-8] 113 | * [**Quintus**][4-1-9] 114 | * [**Stage.js**][4-1-10] 115 | * [**phaser**][4-1-11] - 一个快速、免费、开源的 HTML5 游戏框架 116 | * [**lufylegend.js**][4-1-12] 117 | * [**pixi.js**][4-1-13] 118 | * [**AnnieJS**][4-1-14] - 2D 动画引擎， 可以转换 Flash ，可以转换 MP4 119 | 120 | [⬆️ 返回首页](#目录) 121 | 122 | ### APP 相关 123 | 124 | * [**weex**][4-2-1] 125 | * [**react-native**][4-2-2] 126 | * [**原生APP体验的高性能框架 mui**][4-2-3] 127 | * [**Fries**][4-2-4] 128 | * [**Flutter**][4-2-5] - 使构建精美的移动应用程序变得轻松快捷 129 | 130 | ### CSS 相关 131 | * [**Bootstrap**][4-3-1] 132 | * [**UIkit**][4-3-2] 133 | * [**Framework7**][4-3-3] 134 | * [**ionic framework**][4-3-4] 135 | * [**jQuery Mobile**][4-3-5] 136 | * [**Layui**][4-3-6] 137 | * [**topcoat**][4-3-7] 138 | * [**You-need-to-know-css**][4-3-8] CSS 常用代码段以及有趣的 CSS 动画效果的实现 139 | 140 | ### 小程序 相关 141 | 142 | * [**mpvue**][4-4-1] - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系 143 | * [**wepy**][4-4-2] - 小程序组件化开发框架 144 | * [**westore**][4-4-3] - 微信小程序解决方案 - 1KB javascript 覆盖状态管理、跨页通讯、插件开发和云数据库开发 145 | * [**ColorUI**][4-4-4] - 鲜亮的高饱和色彩，专注视觉的小程序组件库 146 | * [**Gitter**][4-4-5] - 采用 Taro 框架 + Taro UI 进行开发的 demo ， 可能是目前颜值最高的 GitHub 微信小程序客户端 147 | * [**Taro**][4-4-6] - 多端统一开发框架，支持用 React 的开发方式编写一次代码 148 | * [**Painter**][4-4-7] - 小程序生成图片库，轻松通过 json 方式绘制一张可以发到朋友圈的图片 149 | * [**kbone**][4-4-8] - Web 与小程序同构解决方案，微信官方 150 | 151 | [⬆️ 返回首页](#目录) 152 | 153 | ### 其他 154 | 155 | * [**react**][4-5-1] 156 | * [**vue**][4-5-2] 157 | * [**next.js**][4-5-3] 158 | * [**nuxt.js**][4-5-4] 159 | * [**gastby**][4-5-5] 160 | * [**umi**][4-5-6] - 蚂蚁金服的前端框架 161 | * [**rekit**][4-5-7] - IDE and toolkit for building scalable web applications with React, Redux and React-router 162 | * [**choo**][4-5-8] - dva 最初的 API 是参考这个实现的，已经不怎么发展了，再关注一段时间 163 | * [**after.js**][4-5-10] 164 | * [**mint**][4-5-11] - 提供了语言层方案的框架 165 | * [**quasar**][4-5-12] - 基于 vue，一套代码多处适用 166 | * [**Angular**][4-5-13] 167 | * [**Foundation**][4-5-14] 168 | * [**Polymer**][4-5-15] - Google发布的Web组件构建框架 169 | * [**cyclejs**][4-5-16] 170 | 171 | ## React 相关库 172 | 173 | * [**preact**][5-1] - 轻量级 React 实现 174 | * [**inferno**][5-2] - 轻量级 React 实现 175 | * [**react-router**][5-3] - React 路由方案 176 | * [**reach-router**][5-4] - React 路由方案，较新，优势是可访问性 177 | * [**router5**][5-5] - 通用的路由方案 178 | * [**react-loadable**][5-6] - 按需加载 react 组件 179 | * [**material-ui**][5-7] - UI 库 180 | * [**react-intl**][5-8] - React 的国际化方案 181 | * [**react-dnd**][5-9] - 拖拽实现 182 | * [**react-helmet**][5-10] - 修改 html 的 header 内容 183 | * [**react-jsonschema-form**][5-11] - A React component for building Web forms from JSON Schema 184 | * [**react-dates**][5-12] - 适用于网络的易于国际化，移动友好的日期选择器库 185 | * [**theme-ui**][5-13] - 根据基于约束的设计原则构建一致的主题化React应用 186 | * [**use-sound**][5-14] - 播放音频的钩子 187 | 188 | [⬆️ 返回首页](#目录) 189 | 190 | ## Vue 相关库 191 | 192 | ### UI 库 193 | 194 | * [**quasar**][6-1-1] 195 | * [**vue-material**][6-1-2] 196 | * [**vuetify**][6-1-3] 197 | * [**muse-ui**][6-1-4] 198 | * [**buefy**][6-1-5] 199 | * [**element-ui**][6-1-6] 200 | * [**vulma**][6-1-7] 201 | * [**vue-bulma-components**][6-1-8] 202 | * [**iview-ui**][6-1-9] 203 | * [**AT-UI**][6-1-10] 204 | * [**v-semantic**][6-1-11] 205 | * [**bootstrap-vue**][6-1-12] 206 | * [**fish-ui**][6-1-13] 207 | * [**Zircle UI**][6-1-14] 208 | * [**vue-mdc-adapter**][6-1-15] 209 | * [**Material Components Vue**][6-1-16] 210 | * [**PrimeVue**][6-1-17] 211 | * [**vuesax**][6-1-18] 212 | * [**vuecidity**][6-1-19] 213 | * [**water**][6-1-20] 214 | * [**vant**][6-1-21] 215 | 216 | ### 其他 217 | 218 | * [**vue-router**][6-2-1] 219 | * [**vue-cropper**][6-2-2] - 一个简单的图片剪辑插件，支持海报图片剪辑 220 | * [**vue-pretty-logger**][6-2-3] - 本编辑器的 Vue 版 221 | * [**vue-icon**][6-2-4] - 简单的 icon 组件 222 | * [**vue-baidu-map**][6-2-5] - 百度地图的 vue 版 223 | * [**Vue.Draggable**][6-2-6] - 基于Sortable.js的Vue拖放组件 224 | * [**vue-codemirror**][6-2-7] - codemirror 的 vue 封装 225 | * [**vue-apollo**][6-2-8] - 连接 Vue 和 GraphQL/Apollo 的一座桥梁 226 | * [**eagle.js**][6-2-9] - 一个使用 Vue 构建的功能强大、灵活且独特的幻灯片系统 227 | * [**vue-color**][6-2-10] - 颜色选择器 228 | * [**seat-select**][6-2-11] - 选座 C 端 229 | * [**seat-select-controller**][6-2-12] - 选座 B 端后台 230 | * [**vue-cli3-config**][6-2-13] - Vue-cli3 配置 vue.config.js 持续更新 231 | * [**sing-app-vue-dashboard**][6-2-14] - Sing App Vue 仪表板 232 | * [**vue-storefront**][6-2-15] - 这是一个 PWA 应用，可以与任何后端（或几乎任何后端）连接 233 | * [**vue-virtual-scroller**][6-2-16] - 快速滚动条 234 | * [**v-calendar**][6-2-17] - 用于构建日历的无依赖插件 235 | * [**vue-design-system**][6-2-18] - 一组 UI 工具 236 | * [**light-blue-vue-admin**][6-2-19] - 用于管理信息中心的 Vue.js 模板 237 | * [**vue-grid-layout**][6-2-20] - Vue.js 的网格布局 238 | * [**vue-content-loader**][6-2-21] - 创建占位符加载 239 | * [**vue-js-modal**][6-2-22] - 高度可定制的 Modal 240 | * [**vue2-animate**][6-2-23] - 集成 Animate.css 的动画库 241 | * [**vuetensils**][6-2-24] - 一些常用组件 242 | * [**easyjs**][6-2-25] - 拥有 Egg Vue SSR 服务端渲染 243 | * [**vue-next-webpack-preview**][6-2-26] - vue 3.0 打包预览 244 | * [**vue-vben-admin**][6-2-27] - vue 3.0 用 vite 的 demo 项目 245 | * [**vue-drag-resize**][6-2-28] - vue 2.0&3.0 拖拽改变大小位置 246 | 247 | [⬆️ 返回首页](#目录) 248 | 249 | ## Flutter-相关库 250 | 251 | * [**flutter_picker**][28-1] - Flutter Picker插件 252 | * [**implicitly_animated_reorderable_list**][28-2] - Flutter 可拖拽列表插件 253 | * [**flutter_zoom_drawer**][28-3] - Flutter 抽屉导航插件 254 | * [**custom_radio_grouped_button**][28-3] - Flutter 按钮插件 255 | 256 | [⬆️ 返回首页](#目录) 257 | 258 | ## 阿里系 259 | 260 | * [**ant-design**][7-1] - 蚂蚁金服的 React UI 库 261 | * [**antvis**][7-2] - 数据可视化集合 262 | * [**ant-motion**][7-3] - 动画说明和Ant设计组件 263 | * [**@umijs/hooks**][7-4] - React Hooks 库 264 | * [**qiankun**][7-5] - 为微型前端提供快速，简单和完整的解决方案 265 | * [**F2**][7-6] - 一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（node, 小程序，weex） 266 | 267 | ## 工具类 268 | 269 | * [**history**][8-1] 270 | * [**path-to-regexp**][8-2] - path 转正则，路由相关处理的底层库 271 | * [**lodash**][8-3] - 工具集合 272 | * [**fastclick**][8-4] 273 | * [**date-fns**][8-5] - 时间处理 274 | * [**immutable-js**][8-6] - 数据集控制 275 | * [**sprint**][8-7] 276 | * [**dayjs**][8-8] - 在javascript中解析，验证，操作和显示日期，类似 moment 277 | * [**fecha**][8-9] - 小巧的时间格式化库 278 | * [**tui.calendar**][8-10] - 日历库 279 | * [**em-cookie**][8-11] - cookie 的处理 280 | * [**EM-NORMALIZE**][8-12] - 样式重置 281 | * [**modernizr**][8-13] - Modernizr是一个JavaScript库，可以在用户的​​浏览器中检测HTML5和CSS3功能 282 | * [**gpu.js**][8-14] - GPU 加速 283 | * [**js-cookie**][8-15] - cookie 的封装 284 | * [**moment**][8-16] - 在javascript中解析，验证，操作和显示日期 285 | * [**lazy.js**][8-17] - 像 underscore.js 的工具库 286 | * [**licia**][8-18] 287 | * [**underscore.js**][8-19] 288 | * [**rgbaster.js**][8-20] - 图片的主色次色提取 289 | * [**nanoid**][8-21] - 一款非常小巧的唯一 ID 生成工具 290 | * [**hotkeys**][8-22] - 键盘按键的封装，如 ctrl+r 291 | * [**JsBarcode**][8-23] - js 生成条形码(条码) 292 | * [**comlink**][8-24] - 让 WebWorker 更好用 293 | * [**await-timeout**][8-25] - Timeout 依托 Promise 的封装 294 | * [**dsa.js**][8-26] - 数据结构及方法 295 | * [**copy-to-clipboard**][8-27] - 复制的插件 296 | * [**tesseract.js**][8-28] - 图片的文字识别工具 297 | * [**svg.js**][8-29] - SVG 动画 298 | * [**html2canvas**][8-30] - HTML 排版，用 canvas 截图 299 | * [**shepherd**][8-31] - 引导您的用户浏览您的应用 300 | * [**intro.js**][8-32] - 为您的网站和项目提供新功能介绍和逐步用户指南的更好方式可用于新手指引，功能介绍，更新指引等 301 | * [**crypto-js**][8-33] - 加密标准的JavaScript库 302 | * [**ulid**][8-34] - 生成UUID类库 303 | * [**RSA**][8-35] - 用 RSA 加密实现 Web 数据加密传输 304 | * [**detector**][8-36] - 客户端环境识别 305 | * [**ua-parser-js**][8-37] - 客户端环境识别， userAgent 306 | * [**platform.js**][8-38] - 平台检测库 307 | * [**qrious**][8-39] - 用于使用 Canvas 生成二维码 308 | * [**qart.js**][8-40] - 生成艺术二维码 309 | * [**QRCode.js**][8-41] - QRCode.js 是用于制作 QRCode 的 JavaScript 库 310 | * [**mousetrap**][8-42] - 用于处理键盘快捷键的简单的 JavaScript 库 311 | * [**async**][8-43] - Async 在 NodeJS 和浏览器的实现 312 | * [**color**][8-44] - JavaScript 颜色转换和操作库 313 | 314 | [⬆️ 返回首页](#目录) 315 | 316 | ## 数据流 317 | 318 | * [**redux**][9-1] 319 | * [**immer**][9-2] 320 | * [**mobx**][9-3] 321 | * [**unstated**][9-4] 322 | * [**rxjs**][9-5] 323 | * [**dva**][9-6] - 基于 redux。 324 | * [**rematch**][9-7] - 基于 redux 325 | * [**vuex**][9-8] 326 | * [**ngrx**][9-9] 327 | 328 | ## 语言 329 | 330 | * [**TypeScript**][10-1] 331 | * [**Flow**][10-2] 332 | * [**Graphql**][10-3] 333 | 334 | ## 文档 335 | 336 | * [**vuepress**][11-1] 337 | * [**docz**][11-2] 338 | * [**storybook**][11-3] 339 | * [**mdx**][11-4] - jsx + markdown 340 | 341 | [⬆️ 返回首页](#目录) 342 | 343 | ## 工程 344 | 345 | * [**lerna**][12-1] - monorepo 管理 346 | * [**lerna-changelog**][12-2] - 为 lerna 项目自动生成 changelog 347 | * [**eslint**][12-3] - JS 风格约束 348 | * [**eslint-config-airbnb**][12-4] 349 | * [**xo**][12-5] - 封装自 eslint 350 | * [**prettier**][12-6] - 更主观的风格自动修改 351 | * [**yeoman-generator**][12-7] - 脚手架工具 352 | * [**serve**][12-8] - 本地静态服务器 353 | * [**servor**][12-9] - 另一个静态服务器 354 | * [**budo**][12-10] - 又一个静态服务器 355 | * [**np**][12-11] - npm publish 辅助，自动 push、打 tag、升版本等 356 | * [**lint-staged**][12-12] - eslint 提速，只 lint 提交的代码 357 | * [**coveralls**][12-13] - 覆盖率 358 | * [**husky**][12-14] - 添加 git hooks 359 | * [**cross-env**][12-15] - 跨平台的环境变量声明 360 | * [**projj**][12-16] - 本地 git 项目管理，支持 github 和 gitlab 361 | * [**nvm**][12-17] - 管理 node 版本 362 | * [**concurrently**][12-18] - 在 npm scripts 里并行执行命令 363 | * [**@zeit/ncc**][12-19] - 打包为 npm 包为一个文件 364 | * [**npm-check**][12-20] - 检测依赖升级情况，和 `yarn upgrade-interactive` 配合着用，主要用来检测冗余依赖 365 | * [**cpx**][12-21] - 复制，支持 glob，并且可以 watch 366 | * [**onchange**][12-22] - 监听文件变动然后做一些事 367 | * [**just**][12-23] - 微软出的任务管理器 368 | * [**tern**][12-24] - 代码分析器，为不少编辑器服务 369 | * [**analyze-css**][12-25] - CSS选择器的复杂性和性能分析器 370 | * [**jscodeshift**][12-26] - 源码的转换，神似通过 AST ，可用于开发 VSCode 插件，或者 Lint 371 | * [**gitattributes**][12-27] - 有用的 `.gitattributes` 模板的集合 372 | * [**concurrently**][12-28] - 同时运行命令 373 | 374 | [⬆️ 返回首页](#目录) 375 | 376 | ## 编辑器 377 | 378 | * [**VSCode**][13-1] - 我用这个 379 | * [**IntelliJ IDEA**][13-2] 380 | * [**codesandbox**][13-3] 381 | * [**stackblitz**][13-4] 382 | 383 | ## 命令行 384 | 385 | * [**yargs**][14-1] - 命令行入口套件 386 | * [**yargs-parser**][14-2] - 命令行参数解析 387 | * [**chalk**][14-3] - 输出不同颜色 388 | * [**cheerio**][14-4] - 用类 jQuery 语法处理 HTML 389 | * [**chokidar**][14-5] - 文件监听 390 | * [**clipboardy**][14-6] - 复制文本到粘贴板 391 | * [**debug**][14-7] - 打印调试信息 392 | * [**deprecate**][14-8] - 给过期警告 393 | * [**glob**][14-9] - 文件查找 394 | * [**tiny-glob**][14-10] - 文件查找 395 | * [**signale**][14-11] - 漂亮的日志打印 396 | * [**semver**][14-12] - semver 版本处理 397 | * [**update-notifier**][14-13] - 更新提醒 398 | * [**rimraf**][14-14] - 删除文件 399 | * [**depd**][14-15] - 给出 deprecated 警告 400 | * [**execa**][14-16] - 比 child\_process 好用，返回 Promise 401 | * [**ora**][14-17] - 控制命令行光标，显示 loading 等 402 | * [**inquirer**][14-18] - 交互式命令接口，比如 prompt 403 | * [**enquirer**][14-19] - 同上，更 cool 一些 404 | * [**ajv**][14-20] - 参数校验 405 | * [**ink**][14-21] - 用 React 处理命令行输出 406 | * [**figures**][14-22] - ✔︎ 等特殊字符，做了 windows 兼容处理 407 | * [**navi**][14-23] - 用于命令行的交互式备忘单工具 408 | 409 | [⬆️ 返回首页](#目录) 410 | 411 | ## 请求处理 412 | 413 | * [**whatwg-fetch**][15-1] 414 | * [**got**][15-2] 415 | * [**axios**][15-3] 416 | * [**request**][15-4] 417 | * [**reqwest**][15-5] 418 | * [**ajax**][15-6] - Standalone AJAX library 419 | * [**then-request**][15-7] 420 | * [**browser-request**][15-8] 421 | * [**superagent**][15-9] 422 | * [**minAjax.js**][15-10] 423 | * [**qwest**][15-11] - 第三方的 Ajax 库 424 | * [**whatwg-fetch**][15-12] 425 | * [**jsonp**][15-13] - 跨域处理 426 | * [**isomorphic-fetch**][15-14] 427 | * [**em-jsonp**][15-15] - 跨域处理 428 | 429 | ## 富文本相关 430 | 431 | * [**Simditor**][18-1] - 简单快速的富文本编辑器 432 | * [**BachEditor**][18-2] - 一个有情怀的编辑器 433 | * [**TinyMCE**][18-3] 434 | * [**bootstrap-markdown**][18-4] 435 | * [**marked**][18-5] - markdown解析器 436 | * [**Markdown Plus**][18-6] 437 | * [**Editor.md**][18-7] - 开源在线Markdown编辑器 438 | * [**stackedit**][18-8] 439 | * [**Redactor Text Editor**][18-9] 440 | * [**micromarkdown.js**][18-10] - 轻量级的md解析器 441 | * [**wangEditor**][18-11] - 支持移动端的轻量级web富文本框 442 | * [**CKEditor**][18-12] - 可视化 HTML 编辑器 443 | * [**Quill**][18-13] - 富文本编辑器 444 | * [**iEditor**][18-14] - 富文本编辑器 445 | * [**medium-editor**][18-15] - Vue.js 官方推荐支持 Vue 的编辑器 446 | * [**slate**][18-16] - 一个完全可定制的框架，用于构建富文本编辑器 447 | * [**tiptap**][18-17] - Vue 的编辑器 448 | * [**prosemirror**][18-18] - 富文本编辑器 449 | 450 | [⬆️ 返回首页](#目录) 451 | 452 | ## 持续集成 453 | 454 | * [**CircleCI**][17-1] 455 | * [**GitlabCi**][17-2] 456 | * [**appveyor**][17-3] - 适用于Windows和Linux的持续集成解决方案 457 | * [**Jenkins**][17-4] - 一个支持 PHP 的连续集成平台 458 | * [**JoliCi**][17-5] - 一个用 PHP 编写并由 DOCKER 供电的集成客户端 459 | * [**PHPCI**][17-6] - 一个开源的 PHP 连续集成平台 460 | * [**SemaphoreCI**][17-7] - 开源和私人项目的集成平台 461 | * [**Shippable**][17-8] - 一个基于 DOCKER 的开源和私有项目的连续集成平台 462 | * [**Travis CI**][17-9] - 持续整合平台 463 | * [**Wercker**][17-10] - 持续整合平台 464 | * [**snyk.io**][17-11] - 前端依赖检测 465 | * [**codecov.io**][17-12] - 测试覆盖率报告 466 | 467 | ## 部署 468 | 469 | * [**netlify**][27-1] - 在全球范围内部署 470 | * [**walle**][27-2] - 在全球范围内部署 471 | 472 | ## 在线工具 473 | 474 | ### 在线编程 475 | 476 | * [**jsfiddle**][19-1-1] - 在线编程，生成在线预览 477 | * [**plnkr**][19-1-2] - 在线编程，生成在线预览 478 | * [**codepen**][19-1-3] - 在线编程，生成在线预览 479 | * [**jsbin**][19-1-4] - 在线编程，生成在线预览 480 | * [**astexplorer**][19-1-5] - 在线编程，可选类型，如 ast 481 | 482 | [⬆️ 返回首页](#目录) 483 | 484 | ### 转换 485 | * [**在线时间戳(Unix timestamp)转换工具**][19-2-1] 486 | * [**图片转换Base64**][19-2-2] 487 | * [**文件转换工具**][19-2-3] 488 | * [**babeljs**][19-2-4] - 语法实时编译 489 | 490 | ### 图标管理 491 | 492 | * [**icomoon**][19-3-1] 493 | * [**iconfont**][19-3-2] 494 | 495 | ### 其他在线工具 496 | 497 | * [**正则**][19-4-1] 498 | * [**文件对比**][19-4-2] 499 | * [**办公软件(文档、表格、幻灯片、表单)**][19-4-3] 500 | * [**svg**][19-4-4] 501 | * [**markdown**][19-4-5] 502 | * [**图片压缩**][19-4-6] 503 | * [**流程图，思维导图、UML、网络拓扑图**][19-4-7] 504 | * [**jsdiff**][19-4-8] - 在线对比工具 505 | * [**transfonter**][19-4-9] - 字体文件转换成 base64 格式 506 | * [**send**][19-4-10] - 来自 Firefox 制造商的简单私密文件共享 507 | * [**faviator**][19-4-11] - 一个生成图标的库 508 | * [**emoji**][19-4-12] - emoji 总览 509 | * [**excalidraw**][19-4-13] - 素描手绘图 510 | * [**JimuReport**][19-4-14] - 一款免费的数据可视化工具 511 | 512 | [⬆️ 返回首页](#目录) 513 | 514 | ## 代码高亮 515 | 516 | * [**google-code-prettify**][20-1] - 一个可嵌入的脚本，可以使HTML代码更漂亮。 517 | * [**highlight.js**][20-2] 518 | * [**Rainbow**][20-3] 519 | * [**ACE**][20-4] 520 | * [**CodeMirror**][20-5] - 浏览器内代码编辑器 521 | * [**Crayon Syntax Highlighter**][20-6] 522 | * [**prism**][20-7] - 轻巧，健壮，优雅的语法高亮 523 | 524 | ## 音频/视频 525 | 526 | * [**jPlayer**][21-1] - HTML5 Audio & Video for jQuery 527 | * [**video.js**][21-2] - HTML5 & Flash video player 528 | * [**Accessible HTML5 Video Player**][21-3] - PayPal 开源的 HTML5 视频播放器 529 | * [**Clappr**][21-4] - 开源的Web视频播放器 530 | * [**Plyr**][21-5] - A simple HTML5 media player 531 | * [**FitVids.js**][21-6] - A lightweight, easy-to-use jQuery plugin for fluid width video embeds 532 | * [**BigVideo.js**][21-7] - The jQuery Plugin for Big Background Video 533 | * [**BigScreen**][21-8] - A simple library for using the JavaScript Full Screen API 534 | * [**Vide**][21-9] - 视频背景 535 | * [**winamp2-js**][21-10] 536 | * [**Buzz**][21-11] - A Javascript HTML5 Audio library 537 | * [**MediaElement.js**][21-12] - 播放器 jquery 插件 538 | * [**html-canvas-video-player**][21-13] - 支持 iOS 和 Android 的播放器 539 | * [**iphone-inline-video**][21-14] - 让视频在iPhone上内联播放（防止自动全屏显示） 540 | 541 | [⬆️ 返回首页](#目录) 542 | 543 | ## 数据可视化库 544 | 545 | * [**echarts**][22-1] - 它是用纯 JavaScript 编写的，基于 zrender 画布。它支持以画布、SVG(4.0+) 和 VML 的形式绘制图表。除了 PC 和移动浏览器外，ECharts 还可以与 node 上的 node-canvas 一起使用，以便进行高效的服务器端渲染（SSR） 546 | * [**Highcharts JS**][22-2] - 是一个广受欢迎的基于 SVG 的 JavaScript 图表库，针对旧的浏览器可降级到 VML 和画布。世界上最大的 100 家公司中，有 72 家公司（Facebook、Twitter 等）使用了这个库，这使得它成为世界上最流行的 JS 图表 API 547 | * [**G2**][22-3] 548 | * [**F2**][22-4] - 移动端可视化图表 549 | * [**D3**][22-5] - 可能是最流行和使用最广泛的 JavaScript 数据可视化库。D3 用于基于数据的文档操作，并使用 HTML、SVG 和 CSS 让数据活起来。它基于 Web 标准，结合现代浏览器，不需要与专有框架耦合，将可视化组件和数据驱动的方法结合到 DOM 操作上。它允许你将任意数据绑定到文档对象模型（DOM），然后在文档上应用数据转换 550 | * [**Chart.js**][22-6] - 一个非常受欢迎的开源 HTML5 图表库，它使用画布元素构建响应式 Web 应用。ChartJS 提供了混合图表类型，新的图表轴类型和漂亮的动画。它的设计简单而优雅，有 8 种基本的图表类型，你可以将该库与 moment.js 结合在一起使用，用于渲染时间轴 551 | * [**three.js**][22-7] - ThreeJS 用 WebGL 创建 3D 动画。该项目的灵活性和抽象性意味着它也可用于 2 维或 3 维的数据可视化 552 | * [**Metric-Graphics**][22-8] - 用于可视化和布局时间序列数据。它相对较小（80kb），提供了小而优雅的线条图、散点图、直方图、柱状图和数据表，以及地格图（rug plot）和基本线性回归等特性 553 | * [**Recharts**][22-9] - 是一个使用 React 和 D3 构建的图表库，可以作为声明性的 React 组件使用。该库提供原生 SVG 支持，轻量级依赖树（D3 子模块）高度可定制。官网文档中可以找到很多例子 554 | * [**Raphael**][22-10] - 是一个 JavaScript 矢量库，可在 Web 中绘制矢量图形。该库使用 SVG W3C 和 VML 作为创建图形的基础，因此每个图形对象也是 DOM 对象，你可以附加 JavaScript 事件处理程序。Raphael 目前支持 Firefox 3.0+、Safari 3.0+、Chrome 5.0+、Opera 9.5+ 和 Internet Explorer 6.0+ 555 | * [**C3**][22-11] - 是一个基于 D3 的可重用 Web 应用图表库。该库为每个元素提供了相应的类，这样你就可以通过这些类来自定义样式，并通过 D3 直接扩展结构。它还提供了多种 API 和回调来访问图表状态。借助它们，你可以更新图表，即使是已经渲染好的图标 556 | * [**React-vis**][22-12] - 是 Uber 开发的一系列数据可视化组件，包括线 / 面 / 柱状图、热图、散热图、等高线图、六角热图等等。使用该库不需要事先掌握 D3 或任何其他 data-vis 库的知识，并提供了低级模块化的构建块组件，如 x/y 轴 557 | * [**React virtualized**][22-13] - 是一组 React 组件，有效地呈现大型列表和表格数据。ES6、CommonJS 和 UMD 版本可以在每个分发版中使用，该项目支持 Webpack 4 工作流。请注意，为了避免版本冲突，必须将 react，react-dom 指定为 peer 依赖 558 | * [**Victory**][22-14] - 在 Web 和 React Native 应用程序中使用相同的 API，以便于跨平台绘制图表。一种优雅而灵活的方式来利用 React 组件来支持实用的数据可视化 559 | * [**CartoDB**][22-15] - 是一个位置智能和数据可视化工具，用于发现位置数据中的见解。你可以通过 Web 表单上传地理空间数据（Shapefiles、GeoJSON 等），并在数据集或地图上将其可视化，使用 SQL 进行搜索，并使用 CartoCSS 来应用地图样式 560 | * [**Raw**][22-16] - 是电子表格和数据可视化之间的连接，基于 d3.js 库创建基于向量的自定义可视化。它可以处理表格数据（电子表格和 CSV）和从其他应用程序复制和粘贴的文本。因为是 SVG 格式，所以可以使用矢量图形编辑器编辑，或直接嵌入到网页中 561 | * [**Metabase**][22-17] - 是一种相当快速和简单的方法，可以在不了解 SQL 的情况下创建数据仪表盘（分析师和数据专业人士可使用 SQL 模式）。你可以创建片段和度量指标，发送数据到 Slack（通过 MetaBot 在 Slack 中查看数据）等等。它可能是一个很好的工具，可用它在团队内部可视化数据，尽管可能需要做一些维护工作 562 | * [**tauCharts**][22-18] - 一个基于 D3 的图表库。该库提供了一个声明接口，用于将数据字段快速映射到可视化属性，它的架构允许你使用插件构建切面和扩展图表行为 563 | * [**chartist-js**][22-19] - 简单的响应式图表 564 | * [**semiotic**][22-20] - 结合了 React 和 D3 的数据可视化框架 565 | * [**nvd3**][22-21] - 一个用 D3.js 编写的可重用的图表库 566 | * [**viser**][22-22] - 一个适合数据工程师的工具箱 567 | * [**tui.chart**][22-23] - 漂亮的数据可视化图表 568 | * [**datamaps**][22-24] - 使用 D3.js 在单个 JavaScript 件中自定义 SVG 地图可视化 569 | * [**sheetsee.js**][22-25] - 用于对谷歌表格的数据进行可视化 570 | * [**BizCharts**][22-26] - 基于 G2 和 React 的数据可视化库 571 | * [**sigma.js**][22-27] - 一个专门用于图形绘制的 JavaScript 库 572 | * [**incubator-echarts**][22-28] - 一个强大的、交互式的图表和可视化的浏览器库 573 | * [**vis**][22-29] - 一个动态的基于浏览器的可视化库 574 | 575 | [⬆️ 返回首页](#目录) 576 | 577 | ## 动画库 578 | 579 | * [**velocity**][23-1] 580 | * [**GreenSock-JS**][23-2] 581 | * [**tween.js**][23-3] 582 | * [**anime**][23-4] 583 | * [**animate.css**][23-5] - A cross-browser library of CSS animations 584 | * [**Transit**][23-6] - CSS transitions and transformations for jQuery 585 | * [**WOW**][23-7] - 在滚动过程中展示CSS效果(默认触发animate.css) 586 | * [**AniJS**][23-8] - A Library to Raise your Web Design without Coding 587 | * [**Move.js**][23-9] - 简化CSS3的JS库 588 | * [**ScrollMe**][23-10] – 在网页中加入各种滚动效果 589 | * [**Effeckt.css**][23-11] - A Performant Transitions and Animations Library 590 | * [**NEC**][23-12] 591 | * [**csshake**][23-13] - CSS classes to move your DOM 592 | * [**magic**][23-14] - CSS3 Animations with special effects 593 | * [**SpinKit**][23-15] 594 | * [**lenticular.js**][23-16] - 响应倾斜或鼠标事件创建图片 595 | * [**interactive_3d**][23-17] - jQuery Interactive 3D - Create a 3D interactive object using images 596 | * [**AnimateScroll**][23-18] - A Simple jQuery Plugin for Animating Scroll 597 | * [**Blast.js**][23-19] 598 | * [**Bounce.js**][23-20] - A JS library for making beautiful CSS3 keyframe animations 599 | * [**Sticker.js**][23-21] - create a Sticker Effect 600 | * [**scrollReveal.js**][23-22] - The element enters the visible area and automatically triggers the set animation 601 | * [**stroll.js**][23-23] - CSS3 list scroll effects 602 | * [**jQuery Easing**][23-24] - 运动方式扩展 603 | * [**animations**][23-25] - CSS3 ANIMATION CHEAT SHEET 604 | * [**iconate.js**][23-26] - 将 icons 增加运动效果的 JS 库 605 | * [**Odometer**][23-27] - 数字之间的垂直切换 606 | * [**Hover.css**][23-28] - 很多鼠标Hover态的效果 607 | * [**imagehover.css**][23-29] - 为图片添加悬停效果 608 | * [**iHover**][23-30] - 图片悬停效果 609 | * [**ImageCaptionHoverAnimation**][23-31] 610 | * [**Bootstrap Hover Image Gallery**][23-32] 611 | * [**AlloyFinger**][23-33] - 腾讯 AlloyTeam 出品的超级小的 Web 手势库 612 | * [**SpinKit**][23-34] - CSS Loading 动画的集合 613 | 614 | [⬆️ 返回首页](#目录) 615 | 616 | ## 数据模拟 617 | 618 | * [**mockjs**][24-1] 619 | * [**easy-mock**][24-2] 620 | * [**json-generator**][24-3] 621 | * [**json-server**][24-4] 622 | 623 | ## 调试工具 624 | 625 | * [**eruda**][25-1] 626 | * [**vConsole**][25-2] 627 | * [**vue-pretty-logger**][25-3] - 一个还在持续更新的本地 log 输出插件 628 | * [**signale**][25-4] - Hackable console logger 629 | 630 | ## 源码分析 631 | 632 | * [**vue-analysis**][26-1] - vue 2.x 源码分析 633 | * [**vue-design**][26-2] - vue 2.x | 3.x 源码分析 634 | * [**learnVue**][26-3] - vue 源码分析 635 | * [**mini-vue**][26-4] - 实现最简 vue3 模型，用于深入学习 vue 3 636 | 637 | ## 其他 638 | 639 | * [**yazl**][16-1] - zip 压缩 640 | * [**yauzl**][16-2] - zip 解压缩 641 | * [**tar-fs**][16-3] - tar 的压缩和解压缩 642 | * [**esquery**][16-4] - 语法树查询 643 | * [**remark**][16-5] - Markdown 语法解析器 644 | * [**markdown-it**][16-6] - Markdown 转 HTML 645 | * [**electron**][16-7] 646 | * [**DeskGap**][16-8] - 类 electron ，由于不包含浏览器的部分，所以产物更小 647 | * [**fx**][16-9] - 交互式 JSON 查看 648 | * [**fontawesome**][16-10] - 字体资源 649 | * [**xray**][16-11] - 安全评估工具 650 | 651 | [⬆️ 返回首页](#目录) 652 | 653 | [1-1]: https://github.com/webpack/webpack 654 | [1-2]: https://github.com/rollup/rollup 655 | [1-3]: https://github.com/parcel-bundler/parcel 656 | [1-4]: https://github.com/pikapkg/pack 657 | [1-5]: https://github.com/systemjs/systemjs 658 | [1-6]: https://github.com/developit/microbundle 659 | [1-7]: https://github.com/egoist/bili 660 | [1-8]: https://github.com/webpack/webpack-dev-server 661 | [1-9]: https://github.com/webpack/webpack-dev-middleware 662 | [1-10]: https://github.com/vuejs/vue-cli 663 | [1-11]: https://github.com/facebook/create-react-app 664 | [1-12]: https://github.com/survivejs/webpack-merge 665 | [1-13]: https://github.com/neutrinojs/webpack-chain 666 | [1-14]: https://github.com/facebook/prepack 667 | [1-15]: https://github.com/swc-project/swc 668 | [1-16]: https://github.com/nathan/pax 669 | [1-17]: https://github.com/pikapkg/web 670 | [1-18]: https://github.com/lebab/lebab 671 | [1-19]: https://github.com/palmerhq/tsdx 672 | [1-20]: https://github.com/pikapkg/snowpack 673 | 674 | [2-1]: https://github.com/mzgoddard/hard-source-webpack-plugin 675 | [2-2]: https://github.com/smooth-code/svgr 676 | [2-3]: https://github.com/postcss/postcss 677 | [2-4]: https://github.com/postcss/autoprefixer 678 | [2-5]: https://github.com/cssnano/cssnano 679 | [2-6]: https://github.com/webpack-contrib/mini-css-extract-plugin 680 | [2-7]: https://github.com/nuxt/webpackbar 681 | [2-8]: https://github.com/webpack-contrib/webpack-bundle-analyzer 682 | [2-9]: https://github.com/webpack-contrib/uglifyjs-webpack-plugin 683 | [2-10]: https://github.com/webpack-contrib/terser-webpack-plugin 684 | [2-11]: https://github.com/danethurber/webpack-manifest-plugin 685 | [2-12]: https://github.com/webpack-contrib/copy-webpack-plugin 686 | [2-13]: https://github.com/Urthen/case-sensitive-paths-webpack-plugin 687 | [2-14]: https://github.com/shepherdwind/css-hot-loader 688 | [2-15]: https://github.com/darrenscerri/duplicate-package-checker-webpack-plugin 689 | [2-16]: https://github.com/Realytics/fork-ts-checker-webpack-plugin 690 | [2-17]: https://github.com/stephencookdev/speed-measure-webpack-plugin 691 | 692 | [3-1]: https://github.com/yarnpkg/yarn 693 | [3-2]: https://github.com/npm/cli 694 | [3-3]: https://bower.io 695 | 696 | [4-1-1]: https://github.com/cocos2d/cocos2d-html5 697 | [4-1-2]: http://www.egret-labs.org/ 698 | [4-1-3]: https://github.com/digitalfruit/limejs 699 | [4-1-4]: https://github.com/CreateJS/EaselJS 700 | [4-1-5]: https://github.com/mrdoob/three.js 701 | [4-1-6]: https://github.com/AlloyTeam/AlloyStick 702 | [4-1-7]: https://github.com/finscn/The-Best-JS-Game-Framework 703 | [4-1-8]: https://github.com/RSamaium/CanvasEngine 704 | [4-1-9]: https://github.com/cykod/Quintus 705 | [4-1-10]: https://github.com/piqnt/stage.js/ 706 | [4-1-11]: https://github.com/photonstorm/phaser 707 | [4-1-12]: https://github.com/lufylegend/lufylegend.js 708 | [4-1-13]: https://github.com/pixijs/pixi.js 709 | [4-1-14]: https://github.com/flash2x/AnnieJS 710 | 711 | [4-2-1]: https://github.com/apache/incubator-weex 712 | [4-2-2]: https://github.com/facebook/react-native 713 | [4-2-3]: https://github.com/dcloudio/mui 714 | [4-2-4]: https://github.com/jaunesarmiento/fries 715 | [4-2-5]: https://github.com/flutter/flutter 716 | 717 | [4-3-1]: https://github.com/twbs/bootstrap 718 | [4-3-2]: https://github.com/uikit/uikit 719 | [4-3-3]: http://www.idangero.us/framework7 720 | [4-3-4]: http://ionicframework.com/ 721 | [4-3-5]: http://jquerymobile.com/ 722 | [4-3-6]: https://github.com/sentsin/layui/ 723 | [4-3-7]: https://github.com/topcoat/topcoat 724 | [4-3-8]: https://github.com/l-hammer/You-need-to-know-css 725 | 726 | [4-4-1]: https://github.com/Meituan-Dianping/mpvue 727 | [4-4-2]: https://github.com/Tencent/wepy 728 | [4-4-3]: https://github.com/Tencent/westore 729 | [4-4-4]: https://github.com/weilanwl/ColorUI 730 | [4-4-5]: https://github.com/huangjianke/Gitter 731 | [4-4-6]: https://github.com/NervJS/taro 732 | [4-4-7]: https://github.com/Kujiale-Mobile/Painter 733 | [4-4-8]: https://github.com/wechat-miniprogram/kbone 734 | 735 | [4-5-1]: https://github.com/facebook/react 736 | [4-5-2]: https://github.com/vuejs/vue 737 | [4-5-3]: https://github.com/zeit/next.js 738 | [4-5-4]: https://github.com/nuxt/nuxt.js 739 | [4-5-5]: https://github.com/gatsbyjs/gatsby 740 | [4-5-6]: https://github.com/umijs/umi 741 | [4-5-7]: https://github.com/rekit/rekit 742 | [4-5-8]: https://github.com/choojs/choo 743 | [4-5-10]: https://github.com/jaredpalmer/after.js 744 | [4-5-11]: https://github.com/mint-lang/mint 745 | [4-5-12]: https://github.com/quasarframework/quasar 746 | [4-5-13]: https://github.com/angular/angular 747 | [4-5-14]: https://github.com/zurb/foundation 748 | [4-5-15]: https://www.polymer-project.org 749 | [4-5-16]: https://github.com/cyclejs/cyclejs/ 750 | 751 | [5-1]: https://github.com/developit/preact 752 | [5-2]: https://github.com/infernojs/inferno 753 | [5-3]: https://github.com/ReactTraining/react-router 754 | [5-4]: https://github.com/reach/router 755 | [5-5]: https://github.com/router5/router5 756 | [5-6]: https://github.com/jamiebuilds/react-loadable 757 | [5-7]: https://github.com/mui-org/material-ui 758 | [5-8]: https://github.com/yahoo/react-intl 759 | [5-9]: https://github.com/react-dnd/react-dnd 760 | [5-10]: https://github.com/nfl/react-helmet 761 | [5-11]: https://github.com/mozilla-services/react-jsonschema-form 762 | [5-12]: https://github.com/airbnb/react-dates 763 | [5-13]: https://github.com/system-ui/theme-ui 764 | [5-14]: https://github.com/joshwcomeau/use-sound 765 | 766 | [6-1-1]: https://github.com/quasarframework/quasar 767 | [6-1-2]: https://github.com/vuematerial/vue-material 768 | [6-1-3]: https://github.com/vuetifyjs/vuetify 769 | [6-1-4]: https://github.com/museui/muse-ui 770 | [6-1-5]: https://github.com/rafaelpimpa/buefy 771 | [6-1-6]: https://github.com/ElemeFE/element 772 | [6-1-7]: https://vulma.org 773 | [6-1-8]: https://github.com/vouill/vue-bulma-components 774 | [6-1-9]: https://www.iviewui.com 775 | [6-1-10]: https://at.aotu.io 776 | [6-1-11]: https://www.npmjs.com/package/v-semantic 777 | [6-1-12]: https://bootstrap-vue.github.io 778 | [6-1-13]: https://myliang.github.io/fish-ui 779 | [6-1-14]: https://zircleui.github.io/zircleUI/ 780 | [6-1-15]: https://github.com/stasson/vue-mdc-adapter 781 | [6-1-16]: https://github.com/matsp/material-components-vue 782 | [6-1-17]: https://github.com/primefaces/primevue 783 | [6-1-18]: https://github.com/lusaxweb/vuesax 784 | [6-1-19]: https://bitbucket.org/acidmartin/vuecidity 785 | [6-1-20]: https://github.com/fe6/water 786 | [6-1-21]: https://github.com/youzan/vant 787 | 788 | [6-2-1]: https://github.com/vuejs/vue-router 789 | [6-2-2]: https://github.com/xyxiao001/vue-cropper 790 | [6-2-3]: https://github.com/TaroXin/vue-pretty-logger 791 | [6-2-4]: https://github.com/fe6/vue-icon 792 | [6-2-5]: https://github.com/Dafrok/vue-baidu-map 793 | [6-2-6]: https://github.com/SortableJS/Vue.Draggable 794 | [6-2-7]: https://github.com/surmon-china/vue-codemirror 795 | [6-2-8]: https://github.com/Akryum/vue-apollo 796 | [6-2-9]: https://github.com/zulko/eagle.js 797 | [6-2-10]: https://github.com/xiaokaike/vue-color 798 | [6-2-11]: https://github.com/zenghao0219/seat-select 799 | [6-2-12]: https://github.com/zenghao0219/seat-select-controller 800 | [6-2-13]: https://github.com/staven630/vue-cli3-config 801 | [6-2-14]: https://github.com/flatlogic/sing-app-vue-dashboard 802 | [6-2-15]: https://github.com/DivanteLtd/vue-storefront 803 | [6-2-16]: https://github.com/Akryum/vue-virtual-scroller 804 | [6-2-17]: https://github.com/nathanreyes/v-calendar 805 | [6-2-18]: https://github.com/viljamis/vue-design-system 806 | [6-2-19]: https://github.com/flatlogic/light-blue-vue-admin 807 | [6-2-20]: https://github.com/jbaysolutions/vue-grid-layout 808 | [6-2-21]: https://github.com/egoist/vue-content-loader 809 | [6-2-22]: https://github.com/euvl/vue-js-modal 810 | [6-2-23]: https://github.com/asika32764/vue2-animate 811 | [6-2-24]: https://github.com/stegosource/vuetensils 812 | [6-2-25]: https://github.com/easy-team/easyjs 813 | [6-2-26]: https://github.com/vuejs/vue-next-webpack-preview 814 | [6-2-27]: https://github.com/anncwb/vue-vben-admin 815 | [6-2-28]: https://github.com/kirillmurashov/vue-drag-resize 816 | 817 | [7-1]: https://github.com/ant-design/ant-design 818 | [7-2]: https://github.com/antvis 819 | [7-3]: https://github.com/ant-design/ant-motion 820 | [7-4]: https://github.com/umijs/hooks 821 | [7-5]: https://github.com/umijs/qiankun 822 | [7-6]: https://github.com/antvis/f2 823 | 824 | [8-1]: https://github.com/ReactTraining/history 825 | [8-2]: https://github.com/pillarjs/path-to-regexp 826 | [8-3]: https://github.com/lodash/lodash 827 | [8-4]: https://github.com/ftlabs/fastclick 828 | [8-5]: https://github.com/date-fns/date-fns 829 | [8-6]: https://github.com/facebook/immutable-js 830 | [8-7]: https://github.com/bendc/sprint 831 | [8-8]: https://github.com/xx45/dayjs 832 | [8-9]: https://github.com/taylorhakes/fecha 833 | [8-10]: https://github.com/nhnent/tui.calendar 834 | [8-11]: https://github.com/em-fe/em-cookie 835 | [8-12]: https://github.com/em-fe/EM-NORMALIZE 836 | [8-13]: https://github.com/modernizr/modernizr 837 | [8-14]: https://github.com/gpujs/gpu.js 838 | [8-15]: https://github.com/js-cookie/js-cookie 839 | [8-16]: https://github.com/moment/moment 840 | [8-17]: https://github.com/dtao/lazy.js 841 | [8-18]: https://github.com/liriliri/licia 842 | [8-19]: https://github.com/jashkenas/underscore 843 | [8-20]: https://github.com/briangonzalez/rgbaster.js 844 | [8-21]: https://github.com/ai/nanoid 845 | [8-22]: https://github.com/jaywcjlove/hotkeys 846 | [8-23]: https://github.com/lindell/JsBarcode 847 | [8-24]: https://github.com/GoogleChromeLabs/comlink 848 | [8-25]: https://github.com/vitalets/await-timeout 849 | [8-26]: https://github.com/amejiarosario/dsa.js 850 | [8-27]: https://github.com/sudodoki/copy-to-clipboard 851 | [8-28]: https://github.com/naptha/tesseract.js 852 | [8-29]: https://github.com/svgdotjs/svg.js 853 | [8-30]: https://github.com/niklasvh/html2canvas 854 | [8-31]: https://github.com/shipshapecode/shepherd 855 | [8-32]: https://github.com/usablica/intro.js 856 | [8-33]: https://github.com/brix/crypto-js 857 | [8-34]: https://github.com/alizain/ulid 858 | [8-35]: http://www.ohdave.com/rsa/ 859 | [8-36]: https://github.com/hotoo/detector 860 | [8-37]: https://github.com/faisalman/ua-parser-js 861 | [8-38]: https://github.com/bestiejs/platform.js 862 | [8-39]: https://github.com/neocotic/qrious 863 | [8-40]: https://github.com/kciter/qart.js 864 | [8-41]: https://github.com/davidshimjs/qrcodejs 865 | [8-42]: https://github.com/ccampbell/mousetrap 866 | [8-43]: https://github.com/caolan/async 867 | [8-44]: https://github.com/Qix-/color 868 | 869 | [9-1]: https://github.com/reduxjs/redux 870 | [9-2]: https://github.com/mweststrate/immer 871 | [9-3]: https://github.com/mobxjs/mobx 872 | [9-4]: https://github.com/jamiebuilds/unstated 873 | [9-5]: https://github.com/ReactiveX/rxjs 874 | [9-6]: https://github.com/dvajs/dva 875 | [9-7]: https://github.com/rematch/rematch 876 | [9-8]: https://github.com/vuejs/vuex 877 | [9-9]: https://github.com/ngrx/platform 878 | 879 | [10-1]: https://github.com/Microsoft/TypeScript 880 | [10-2]: https://github.com/facebook/flow 881 | [10-3]: https://github.com/graphql/graphql-js 882 | 883 | [11-1]: https://github.com/vuejs/vuepress 884 | [11-2]: https://github.com/pedronauck/docz 885 | [11-3]: https://github.com/storybooks/storybook 886 | [11-4]: https://github.com/mdx-js/mdx 887 | 888 | [12-1]: https://github.com/lerna/lerna 889 | [12-2]: https://github.com/lerna/lerna-changelog 890 | [12-3]: https://github.com/eslint/eslint 891 | [12-4]: https://github.com/airbnb/javascript 892 | [12-5]: https://github.com/xojs/xo 893 | [12-6]: https://github.com/prettier/prettier 894 | [12-7]: https://github.com/yeoman/generator 895 | [12-8]: https://github.com/zeit/serve 896 | [12-9]: https://github.com/lukejacksonn/servor 897 | [12-10]: https://github.com/mattdesl/budo 898 | [12-11]: https://github.com/sindresorhus/np 899 | [12-12]: https://github.com/okonet/lint-staged 900 | [12-13]: https://github.com/marketplace/coveralls 901 | [12-14]: https://github.com/typicode/husky 902 | [12-15]: https://github.com/kentcdodds/cross-env 903 | [12-16]: https://github.com/popomore/projj 904 | [12-17]: https://github.com/creationix/nvm 905 | [12-18]: https://github.com/kimmobrunfeldt/concurrently 906 | [12-19]: https://github.com/zeit/ncc 907 | [12-20]: https://github.com/dylang/npm-check 908 | [12-21]: https://github.com/mysticatea/cpx 909 | [12-22]: https://github.com/Qard/onchange 910 | [12-23]: https://github.com/Microsoft/just 911 | [12-24]: https://github.com/ternjs/tern 912 | [12-25]: https://github.com/macbre/analyze-css 913 | [12-26]: https://github.com/facebook/jscodeshift 914 | [12-27]: https://github.com/alexkaratarakis/gitattributes 915 | [12-28]: https://github.com/kimmobrunfeldt/concurrently 916 | 917 | [13-1]: https://code.visualstudio.com/ 918 | [13-2]: https://www.jetbrains.com/idea/ 919 | [13-3]: https://codesandbox.io/ 920 | [13-4]: https://stackblitz.com/ 921 | 922 | [14-1]: https://github.com/yargs/yargs 923 | [14-2]: https://github.com/yargs/yargs-parser 924 | [14-3]: https://github.com/chalk/chalk 925 | [14-4]: https://github.com/cheeriojs/cheerio 926 | [14-5]: https://github.com/paulmillr/chokidar 927 | [14-6]: https://github.com/sindresorhus/clipboardy 928 | [14-7]: https://github.com/visionmedia/debug 929 | [14-8]: https://github.com/brianc/node-deprecate 930 | [14-9]: https://github.com/isaacs/node-glob 931 | [14-10]: https://github.com/terkelg/tiny-glob 932 | [14-11]: https://github.com/klaussinani/signale 933 | [14-12]: https://github.com/npm/node-semver 934 | [14-13]: https://github.com/yeoman/update-notifier 935 | [14-14]: https://github.com/isaacs/rimraf 936 | [14-15]: https://github.com/dougwilson/nodejs-depd 937 | [14-16]: https://github.com/sindresorhus/execa 938 | [14-17]: https://github.com/sindresorhus/ora 939 | [14-18]: https://github.com/SBoudrias/Inquirer.js 940 | [14-19]: https://github.com/enquirer/enquirer 941 | [14-20]: https://github.com/epoberezkin/ajv 942 | [14-21]: https://github.com/vadimdemedes/ink 943 | [14-22]: https://github.com/sindresorhus/figures 944 | [14-23]: https://github.com/denisidoro/navi 945 | 946 | [15-1]: https://github.com/github/fetch 947 | [15-2]: https://github.com/sindresorhus/got 948 | [15-3]: https://github.com/axios/axios 949 | [15-4]: https://github.com/request/request 950 | [15-5]: https://github.com/ded/reqwest 951 | [15-6]: https://github.com/ForbesLindesay/ajax 952 | [15-7]: https://github.com/then/then-request 953 | [15-8]: https://github.com/iriscouch/browser-request 954 | [15-9]: https://github.com/visionmedia/superagent 955 | [15-10]: https://github.com/argunner/minAjax.js 956 | [15-11]: https://github.com/pyrsmk/qwest 957 | [15-12]: https://github.com/fis-components/whatwg-fetch 958 | [15-13]: https://github.com/webmodules/jsonp 959 | [15-14]: https://github.com/matthew-andrews/isomorphic-fetch 960 | [15-15]: https://github.com/em-fe/em-jsonp 961 | 962 | [16-1]: https://www.npmjs.com/package/yazl 963 | [16-2]: https://github.com/thejoshwolfe/yauzl 964 | [16-3]: https://github.com/mafintosh/tar-fs 965 | [16-4]: https://github.com/estools/esquery 966 | [16-5]: https://github.com/remarkjs/remark 967 | [16-6]: https://github.com/markdown-it/markdown-it 968 | [16-7]: https://github.com/electron/electron 969 | [16-8]: https://github.com/patr0nus/DeskGap 970 | [16-9]: https://github.com/antonmedv/fx 971 | [16-10]: https://fontawesome.com 972 | [16-11]: https://github.com/chaitin/xray 973 | 974 | [17-1]: https://circleci.com 975 | [17-2]: https://about.gitlab.com/gitlab-ci/ 976 | [17-3]: https://www.appveyor.com/ 977 | [17-4]: https://jenkins.io/index.html 978 | [17-5]: https://github.com/jolicode/JoliCi 979 | [17-6]: https://www.phptesting.org/ 980 | [17-7]: https://semaphoreci.com/ 981 | [17-8]: https://www.shippable.com/ 982 | [17-9]: https://travis-ci.org/ 983 | [17-10]: http://www.wercker.com/ 984 | [17-11]: https://snyk.io 985 | [17-12]: https://codecov.io 986 | 987 | [18-1]: https://github.com/mycolorway/simditor 988 | [18-2]: https://github.com/Integ/BachEditor 989 | [18-3]: https://github.com/tinymce/tinymce 990 | [18-4]: https://github.com/toopay/bootstrap-markdown 991 | [18-5]: https://github.com/chjj/marked 992 | [18-6]: https://github.com/tylingsoft/markdown-plus 993 | [18-7]: https://github.com/pandao/editor.md 994 | [18-8]: https://github.com/benweet/stackedit 995 | [18-9]: http://imperavi.com/redactor/ 996 | [18-10]: https://github.com/simonwaldherr/micromarkdown.js/ 997 | [18-11]: https://github.com/wangfupeng1988/wangEditor 998 | [18-12]: https://github.com/ckeditor/ckeditor-dev 999 | [18-13]: https://github.com/quilljs/quill 1000 | [18-14]: https://github.com/iq9891/ieditor 1001 | [18-15]: https://github.com/yabwe/medium-editor 1002 | [18-16]: https://github.com/ianstormtaylor/slate 1003 | [18-17]: https://github.com/heyscrumpy/tiptap 1004 | [18-18]: https://github.com/ProseMirror/prosemirror 1005 | 1006 | [19-1-1]: https://jsfiddle.net/ 1007 | [19-1-2]: http://plnkr.co 1008 | [19-1-3]: https://codepen.io/ 1009 | [19-1-4]: http://jsbin.com 1010 | [19-1-5]: https://astexplorer.net/ 1011 | 1012 | [19-2-1]: http://www.atool.org/timestamp.php 1013 | [19-2-2]: http://imgbase64.duoshitong.com/ 1014 | [19-2-3]: https://cloudconvert.com/ 1015 | [19-2-4]: https://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Creact%2Cstage-2&targets=&browsers=&builtIns=false&code= 1016 | 1017 | [19-3-1]: https://icomoon.io 1018 | [19-3-2]: http://www.iconfont.cn 1019 | 1020 | [19-4-1]: https://regexper.com/ 1021 | [19-4-2]: http://prettydiff.com/ 1022 | [19-4-3]: https://www.google.com/docs/about 1023 | [19-4-4]: http://editor.method.ac 1024 | [19-4-5]: https://dillinger.io 1025 | [19-4-6]: https://tinypng.com 1026 | [19-4-7]: https://www.processon.com/ 1027 | [19-4-8]: http://incaseofstairs.com/jsdiff 1028 | [19-4-9]: https://transfonter.org/ 1029 | [19-4-10]: https://github.com/mozilla/send 1030 | [19-4-11]: https://github.com/faviator/faviator 1031 | [19-4-12]: https://github.com/muan/emoji 1032 | [19-4-13]: https://github.com/excalidraw/excalidraw 1033 | [19-4-14]: https://github.com/zhangdaiscott/JimuReport 1034 | 1035 | [20-1]: https://github.com/google/code-prettify 1036 | [20-2]: https://highlightjs.org/ 1037 | [20-3]: http://craig.is/making/rainbows 1038 | [20-4]: https://github.com/ajaxorg/ace 1039 | [20-5]: https://github.com/codemirror/codemirror 1040 | [20-6]: https://github.com/aramk/crayon-syntax-highlighter 1041 | [20-7]: https://github.com/PrismJS/prism 1042 | 1043 | [21-1]: https://github.com/happyworm/jPlayer 1044 | [21-2]: https://github.com/videojs/video.js 1045 | [21-3]: https://github.com/paypal/accessible-html5-video-player 1046 | [21-4]: https://github.com/clappr/clappr 1047 | [21-5]: https://github.com/selz/plyr 1048 | [21-6]: https://github.com/davatron5000/FitVids.js 1049 | [21-7]: https://github.com/dfcb/BigVideo.js 1050 | [21-8]: https://github.com/bdougherty/BigScreen 1051 | [21-9]: https://github.com/VodkaBears/Vide 1052 | [21-10]: https://github.com/captbaritone/winamp2-js 1053 | [21-11]: https://github.com/jaysalvat/buzz 1054 | [21-12]: https://github.com/mediaelement/mediaelement 1055 | [21-13]: https://github.com/Stanko/html-canvas-video-player 1056 | [21-14]: https://github.com/bfred-it/iphone-inline-video 1057 | 1058 | [22-1]: https://github.com/apache/incubator-echarts 1059 | [22-2]: https://github.com/highcharts/highcharts 1060 | [22-3]: https://github.com/antvis/g2 1061 | [22-4]: https://github.com/antvis/f2 1062 | [22-5]: https://github.com/d3/d3 1063 | [22-6]: https://github.com/chartjs/Chart.js 1064 | [22-7]: https://github.com/mrdoob/three.js/ 1065 | [22-8]: https://github.com/metricsgraphics/metrics-graphics 1066 | [22-9]: https://github.com/recharts/recharts 1067 | [22-10]: https://github.com/DmitryBaranovskiy/raphael 1068 | [22-11]: https://github.com/c3js/c3 1069 | [22-12]: https://github.com/uber/react-vis 1070 | [22-13]: https://github.com/bvaughn/react-virtualized 1071 | [22-14]: https://github.com/FormidableLabs/victory 1072 | [22-15]: https://github.com/CartoDB/cartodb 1073 | [22-16]: https://github.com/densitydesign/raw 1074 | [22-17]: https://github.com/metabase/metabase 1075 | [22-18]: https://github.com/TargetProcess/tauCharts 1076 | [22-19]: https://github.com/gionkunz/chartist-js 1077 | [22-20]: https://github.com/emeeks/semiotic 1078 | [22-21]: https://github.com/novus/nvd3 1079 | [22-22]: https://github.com/viserjs/viser 1080 | [22-23]: https://github.com/nhnent/tui.chart 1081 | [22-24]: https://github.com/markmarkoh/datamaps 1082 | [22-25]: https://github.com/jlord/sheetsee.js 1083 | [22-26]: https://github.com/alibaba/BizCharts 1084 | [22-27]: https://github.com/jacomyal/sigma.js 1085 | [22-28]: https://github.com/apache/incubator-echarts 1086 | [22-29]: https://github.com/almende/vis 1087 | 1088 | [23-1]: https://github.com/julianshapiro/velocity 1089 | [23-2]: https://github.com/greensock/GreenSock-JS/ 1090 | [23-3]: https://github.com/tweenjs/tween.js 1091 | [23-4]: https://github.com/juliangarnier/anime 1092 | [23-5]: https://github.com/daneden/animate.css 1093 | [23-6]: https://github.com/rstacruz/jquery.transit 1094 | [23-7]: https://github.com/matthieua/WOW 1095 | [23-8]: https://github.com/anijs/anijs/ 1096 | [23-9]: https://github.com/visionmedia/move.js 1097 | [23-10]: https://github.com/nckprsn/scrollme 1098 | [23-11]: https://github.com/h5bp/Effeckt.css 1099 | [23-12]: http://nec.netease.com/library/category/#animation 1100 | [23-13]: https://github.com/elrumordelaluz/csshake 1101 | [23-14]: https://github.com/miniMAC/magic 1102 | [23-15]: https://github.com/tobiasahlin/SpinKit 1103 | [23-16]: https://github.com/thomasxiii/lenticular.js 1104 | [23-17]: https://github.com/peachananr/interactive_3d 1105 | [23-18]: https://github.com/ramswaroop/animatescroll.js 1106 | [23-19]: https://github.com/julianshapiro/blast 1107 | [23-20]: https://github.com/tictail/bounce.js 1108 | [23-21]: https://github.com/cmiscm/stickerjs 1109 | [23-22]: https://github.com/julianlloyd/scrollReveal.js 1110 | [23-23]: https://github.com/hakimel/stroll.js 1111 | [23-24]: https://github.com/gdsmith/jquery.easing 1112 | [23-25]: http://www.justinaguilar.com/animations/index.html 1113 | [23-26]: https://github.com/bitshadow/iconate 1114 | [23-27]: https://github.com/HubSpot/odometer 1115 | [23-28]: https://github.com/IanLunn/Hover 1116 | [23-29]: https://github.com/ciar4n/imagehover.css 1117 | [23-30]: https://github.com/gudh/ihover 1118 | [23-31]: https://github.com/hasinhayder/ImageCaptionHoverAnimation 1119 | [23-32]: http://miketricking.github.io/dist/ 1120 | [23-33]: https://github.com/AlloyTeam/AlloyFinger 1121 | [23-33]: https://github.com/tobiasahlin/SpinKit 1122 | 1123 | [24-1]: http://mockjs.com 1124 | [24-2]: https://www.easy-mock.com/ 1125 | [24-3]: https://www.json-generator.com/ 1126 | [24-4]: https://github.com/typicode/json-server 1127 | 1128 | [25-1]: https://github.com/liriliri/eruda 1129 | [25-2]: https://github.com/Tencent/vConsole 1130 | [25-3]: https://github.com/TaroXin/vue-pretty-logger 1131 | [25-4]: https://github.com/klauscfhq/signale 1132 | 1133 | [26-1]: https://github.com/ustbhuangyi/vue-analysis 1134 | [26-2]: https://github.com/HcySunYang/vue-design 1135 | [26-3]: https://github.com/answershuto/learnVue 1136 | [26-4]: https://github.com/cuixiaorui/mini-vue 1137 | 1138 | [27-1]: https://www.netlify.com/ 1139 | [27-2]: http://walle-web.io/ 1140 | 1141 | [28-1]: https://github.com/yangyxd/flutter_picker 1142 | [28-2]: https://github.com/bnxm/implicitly_animated_reorderable_list 1143 | [28-3]: https://github.com/medyas/flutter_zoom_drawer 1144 | [28-4]: https://github.com/ketanchoyal/custom_radio_grouped_button 1145 | 1146 | --------------------------------------------------------------------------------