这些开源项目，让你轻松应对十大工作场景

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

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

文件上传

Uppy

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

Uppy

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

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

filepond

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

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

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

tui.image-editor核心功能：

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

cropperjs

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

cropperjs

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

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

文档处理

Luckysheet

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

Luckysheet

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

Luckysheet 特性

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

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

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

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

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

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

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

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

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

插入对象 插入图片

⚡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

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

form-render

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

form-render

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

H5 页面设计器

gods-pen

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

gods-pen

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

luban-h5

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

luban-h5

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

API 管理

yapi

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

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

yapi

yapi特性

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

APIJSON

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

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打通版

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

知识付费

CRMEB知识付费

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

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

CRMEB知识付费

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

登录图形验证码

AJ-Captcha

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

AJ-Captcha

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