这些开源项目，值得收藏深刻研究

程序员之间流传着这样一句话：“除非最后一个用户死掉，不然软件永远也不会有完工的时候的。”因此，从选择当一名程序员开始，咱们就应该要有这种与bug杠到底的精神，就像我身边这些逗比同样，天天都会以今天写了多少个bug同样来标榜本身的战绩！

今天小编将介绍一些平常开发中积攒的优秀开源项目，利用这些开源项目，瞬间提高你的编程逼格，轻松应对如下十个工做场景：文件上传、图片处理、网络请求、表单设计器、H5
页面设计器、文档管理、 API 管理、微信开发和知识付费。

文件上传

Uppy

GitHub：https://github.com/transloadit/uppy

Uppy是一个时尚的模块化JavaScript文件上传器，可与任何应用程序无缝集成。它快速，易于使用，可让您比专一比构建文件上传器更重要的问题。

1. 从本地磁盘，远程URL，Google云端硬盘，Dropbox，Box，Instagram中获取文件或使用相机捕捉并记录自拍照
2. 经过漂亮的界面预览和编辑元数据
3. 上传到最终目的地时能够自定义进行编码处理

filepond

GitHub：https://github.com/pqina/filepond

filepond是一个JavaScript库，能够上传您扔给它的任何内容，而且会优化图像以加快上传速度，还拥有出色的，可访问的，柔滑的用户体验。

filepond核心功能：

• 接受目录，文件，blob，本地URL，远程URL和数据URI。 拖放文件，在文件系统上选择，复制和粘贴文件，或使用API​添加文件。
• 使用AJAX进行异步上传，支持分块上传，能够将文件编码为base64数据，并经过表单发布发送。
• 可访问，已经过VoiceOver和JAWS等AT软件测试，可经过Keyboard导航。
• 图像优化，自动图像调整大小，裁剪，过滤和修复EXIF方向。 自适应，可自动缩放到可用空间，在移动设备和台式设备上均可以使用。

图片处理

tui.image-editor

GitHub：https://github.com/nhn/tui.image-editor

tui.image-editor是一个使用HTML5 Canvas构建的全功能图像编辑器。它易于使用，并提供强大的过滤器。

tui.image-editor核心功能：

1. 照片处理：裁剪，翻转，旋转，绘图，形状，图标，文本，蒙版滤镜，图像滤镜
2. 整合功能：下载，图像加载，撤消，重作，重置，删除对象（形状，线条，蒙版图像...）
3. 过滤功能：灰度，反转，棕褐色，模糊锐化，浮雕，去除白，亮度，噪点，像素化，ColorFilter，色调，乘法，混合

cropperjs

GitHub：https://github.com/fengyuanchen/cropperjs

cropperjs是一个相对比较简单且功能很是强大的图像裁剪工具，支持IE9以上的全部浏览器，能够经过cdn的形式快速引入本身的项目，支持手机端使用，能够快速的应用到头像裁剪处理，商品图片裁剪处理，以及博客项目中图像编辑需求均可以快速实现！

支持39个配置选项，支持27种方法，支持6种事件、支持触摸（移动）、支持缩放、支持旋转、支持缩放（翻转）支持在浏览器端经过画布裁剪图像。

文档处理

Luckysheet

GitHub：https://github.com/mengshukeji/Luckysheet

Luckysheet ，一款纯前端相似excel的在线表格，功能强大、配置简单、彻底开源。

Luckysheet 特性

1. 格式设置 样式、条件格式 、文本对齐及旋转、支持文本的截断、溢出、自动换行、数据类型货币, 百分比, 数字, 日期Custom、单元格内多样式

2. 单元格 拖拽选取来修改单元格、选取下拉填充 、自动填充选项 、多选区操做 、查找和替换、定位 、合并单元格、数据验证(表单功能)

️3. 行和列操做 隐藏，插入，删除行或列、冻结行或列、文本分列

4. 操做体验 撤销/重作、复制/粘贴/剪切操做、快捷键支持 、格式刷 、任意选区拖拽

5. ⚙️公式和函数 内置公式、公式支持数组、远程公式、自定义公式

6. 表格操做 筛选 (支持颜色、数字、字符、日期的筛选)、排序 (同时加入多个字段进行排序)

7. 数据透视表 字段拖拽 、聚合方式、筛选数据 、数据透视表下钻 、根据数据透视表新建图表

8. 图表 支持的图表类型 、关于图表插件、Sparklines小图

9. ✍️分享及写做 评论 、共享编辑 (支持多用户共享编辑，内置API)

10. 插入对象 插入图片

11. ⚡Luckysheet专有 矩阵计算、截图 、复制到其余格式、EXCEL导入及导出

网络请求

Axios

Github:https://github.com/axios/axios

Axios 是一个基于 Promise 的 HTTP 客户端，同时支持浏览器和 Node.js 环境。它是一个优秀的 HTTP 客户端，被普遍地应用在大量的 Web 项目中。

这个项目可谓是鼎鼎大名了，学习vue的人确定都知道而且使用过这个库，它支持 Promise API，可以拦截请求和响应；可以转换请求和响应数据；客户端支持防护 CSRF 攻击；同时支持浏览器和 Node.js 环境；可以取消请求及自动转换 JSON 数据。

表单设计器

form-generator

Github：https://github.com/JakHuang/form-generator

form-generator是Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。

form-render

Github: https://github.com/alibaba/form-render

form-render经过 JSON Schema 生成标准 Form，经常使用于自定义搭建配置界面生成。

• 如上图，使用 Schema 编辑器 快速生成可实现低成本上手、快速搭建 支持 Ant Design 和 Fusion Design
• 主流的视觉主题 使用 JSON Schema 标准协议描述表单配置，并搭配丰富类型且可扩展的组件 支持 1 排
• N、横纵排、支持对象无限嵌套、自定义正则校验、自定义样式组件、列表拖拽等特性
• 已在阿里云、淘宝、天猫、飞猪、亚博科技、安全智能、新零售行业工做台、人工智能实验室等多 BU 多场景使用，简单使用同时支持复杂场景使用
• H5 页面设计器

gods-pen

Github：https://github.com/ymm-tech/gods-pen

码良(gods-pen)是一个在线生成 H5 页面并提供页面管理和页面编辑的平台，用于快速制做 H5 页面。用户无需掌握复杂的编程技术，经过简单拖拽、少许配置便可制做精美的页面，可用于营销场景下的页面制做。同时，也为开发者提供了完备的编程接入能力，经过脚本和组件的形式得到强大的组件行为和交互控制能力。

luban-h5

Github：https://github.com/ly525/luban-h5

• 鲁班H5是基于Vue2.0开发、经过拖拽快速生成页面的平台
• 是一个相似 易企秀、Maka、百度 H5 等平台

API 管理

yapi

Github：https://github.com/ymfe/yapi

YApi 是高效、易用、功能强大的 api 管理平台，为开发、产品、测试人员提供更优雅的接口管理服务。能够帮助开发者轻松建立、发布、维护 API，YApi 还为用户提供了优秀的交互体验，开发人员只需利用平台提供的接口数据写入工具以及简单的点击操做就能够实现接口的管理。

yapi特性

• 基于 Json5 和 Mockjs 定义接口返回数据的结构和文档，效率提高多倍
• 扁平化权限设计，即保证了大型企业级项目的管理，又保证了易用性
• 相似 postman 的接口调试
• 自动化测试, 支持对 Response断言
• MockServer 除支持普通的随机 mock 外，还增长了 Mock 指望功能，根据设置的请求过滤规则，返回指望数据
• 支持postman, har, swagger 数据导入
• 免费开源，内网部署，信息不再怕泄露了

APIJSON

Gitee：https://gitee.com/Tencent/APIJSON

APIJSON是大厂腾讯的开源产品，是一个专为API而生的 JSON网络传输协议 以及 基于这套协议实现的ORM库。为 简单的增删改查、复杂的查询、简单的事务操做 提供了彻底自动化的API。能大幅下降开发和沟通成本，简化开发流程，缩短开发周期。适合中小型先后端分离的项目，尤为是 BaaS、Serverless、互联网创业项目和企业自用项目。

APIJSON特性

• 经过自动化API，前端能够定制任何数据、任何结构！
• 大部分HTTP请求后端不再用写接口了，更不用写文档了！
• 前端不再用和后端沟通接口或文档问题了！不再会被文档中的各类错误坑了！
• 后端不再用为了兼容旧接口写新版接口和文档了！不再会被前端随时随地没完没了地烦了！

微信开发

EasyWeChat

Github：https://github.com/overtrue/wechat

EasyWeChat 是一个开源的 微信 非官方 SDK。

EasyWeChat 的安装很是简单，由于它是一个标准的 Composer 包，这意味着任何知足下列安装条件的 PHP 项目支持 Composer 均可以使用它。

CRMEB打通版

Gitee：https://gitee.com/ZhongBangKeJi/CRMEB

CRMEB打通版集客户关系管理+电商营销系统，是码云最具价值仓库推荐项目，核心开发技术TP6+Mysql+Vue+layui 支持公众号、小程序、H5端，带积分、优惠券、秒杀、会员、分销等功能，先后端“所有”开源，方便二开，有很是详细的使用文档。

知识付费

CRMEB知识付费

Gitee：https://gitee.com/ZhongBangKeJi/crmeb_zzff_class

CRMEB知识付费系统基于ThinkPhp5.0+layui+Vue开发。

功能包含在线直播、付费视频、付费音频、付费阅读、会员系统、分销系统、拼团活动、直播带货、直播打赏、商城系统等。可以快速积累客户、会员数据分析、智能转化客户、有效提升销售、吸引流量、网络营销、品牌推广的一款应用，且更适合企业二次开发；

登陆图形验证码
AJ-Captcha

Gitee：https://gitee.com/anji-plus/captcha

行为验证码采用嵌入式集成方式，接入方便，安全，高效。抛弃了传统字符型验证码展现-填写字符-比对答案的流程，采用验证码展现-采集用户行为-分析用户行为流程，用户只须要产生指定的行为轨迹，不须要键盘手动输入，极大优化了传统验证码用户体验不佳的问题；同时，快速、准确的返回人机断定结果。