俗话说得好，工欲善其事必先利其器。本文阿宝哥将引见一些优秀的开源项目，应用这些开源项目，你将能能轻松应对以下十个任务场景：文件上传、图片处置、文档处置、网络央求、数据存储、微前端、表单设计器、H5 页面设计器、文档管理和 API 管理。
文件上传
uppy
The next open source file uploader for web browsers 🐶
https://github.com/transloadit/uppy
uppy 是一集体验顺滑、模块化的 JavaScript 文件上传器，可以无缝地与任何运用顺序集成。它速度快，运用方便，可以让你专注比构建文件上传器更重要的成绩。该库拥有以下特性：
支持 I18n 及可拜访性;
轻量，基于模块化的插件架构，可按需加载;
经过开放的 tus 标准，可恢复文件上传，可以处置上传进程中网络缺点的成绩。
filepond
🌊 A flexible and fun JavaScript file upload library
https://github.com/pqina/filepond
filepond 是一个 JavaScript 库，可以上传你扔给它的任何内容，优化图像以加快上传速度，并提供出色的，可拜访的，柔滑的用户体验。该库拥有以下特性：
接受目录，文件，Blobs，本地 URL，远程 URL 和 Data URIs;
图像优化，自动调整图像大小，支持裁剪，过滤和修复 EXIF 方向;
支持拖拽文件，从文件系统选择文件，复制和粘贴文件或运用 API 添加文件;
运用 AJAX 停止异步上传，支持分块上传，可以将文件编码为 base64 数据，并可以经过表单提交。
✨ 扩展阅读 ✨
玩转前端文件上传
大规格文件的上传优化
图片处置
tui.image-editor
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
https://github.com/nhn/tui.image-editor
tui.image-editor 是运用 HTML5 Canvas 的全功用图像编辑器。它易于运用，并提供弱小的过滤器。同时它支持对图像停止裁剪、翻转、旋转、绘图、外形、文本、遮罩和图片过滤等操作。该库的阅读器兼容状况如下：
Chrome
Edge
Safari
Firefox
IE 10+
cropperjs
JavaScript image cropper.
https://github.com/fengyuanchen/cropperjs
Cropper.js 是一款十分弱小却又复杂的图片裁剪工具，它可以停止十分灵敏的配置，支持手机端运用，支持包括 IE9 以上的现代阅读器。它可以用于满足诸如裁剪头像上传、商品图片编辑之类的需求。该库拥有以下特性：
支持 39 个配置选项;
支持 27 个办法;
支持 6 种事情;
支持 touch(移动端);
支持缩放、旋转和翻转;
支持在画布上裁剪;
支持在阅读器端经过画布裁剪图像;
支持处置 Exif 方向信息;
跨阅读器支持。
✨ 扩展阅读 ✨
你不知道的 Blob
玩转前端二进制
一文读懂Base64编码
图片处置不用愁，给你十个小帮手
文档处置
kkFileView
运用 Spring Boot 打造文件文档在线预览项目处置方案，支持 doc、docx、ppt、pptx、xls 等文件在线预览。
https://github.com/kekingcn/kkFileView
kkFileView 为文件文档在线预览处置方案，该项目运用盛行的 Spring Boot 搭建，易上手和部署，基本支持主流办公文档的在线预览，如doc，docx，xls，xlsx，ppt，pptx，pdf，txt，zip，rar，图片，视频，音频等等。该库拥有以下特性：
一键部署，快速接入：支持 Windows、Linux 平台一键部署，两行 JS 代码就可以接入预览;
支持常见文件格式，兼容新版 Office 文档：支持文本、图片、Office 文档、WPS 文档、PDF、视频、音频、紧缩包等常见文件类型预览;
支持多种预览形式灵敏切换：支持 PDF、懒加载分页图、轮播图片等预览形式静态配置、灵敏切换;
独立部署，提供 Restful 接口，适用于微效劳场景：独立于业务系统外，提供 Restful Http 接口，开发言语有关，微效劳场景下直接提供在线预览效劳。
Luckysheet
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
https://github.com/mengshukeji/Luckysheet
Luckysheet ，一款纯前端相似 excel 的在线表格，功用弱小、配置复杂、完全开源。该库拥有以下特性：
格式设置：样式、条件格式、文本对齐及旋转、支持文本的截断、溢出、自动换行和单元格多样式;
单元格：拖拽选取来修正单元格、选取下拉填充、自动填充选项、多选区操作、查找与交流和兼并单元格;
操作体验：撤销/重做、复制/粘贴/剪切操作、快捷键支持和格式刷;
公式和函数：内置公式、公式支持数组、远程公式和自定义公式;
数据透视图：字段拖拽、聚合方式、挑选数据和数据透视表下钻。
✨ 扩展阅读 ✨
在前端如何玩转 Word 文档
网络央求
Axios
Promise based HTTP client for the browser and node.js
https://github.com/axios/axios
Axios 是一个基于 Promise 的 HTTP 客户端，该库拥有以下特性：
支持 Promise API;
可以阻拦央求和照应;
可以转换央求和照应数据;
客户端支持进攻 CSRF 攻击;
同时支持阅读器和 Node.js 环境;
(责任编辑：admin)