百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

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

liuian 2024-12-03 16:32 27 浏览

程序员之间流传着这样一句话:“除非最后一个用户死掉,否则软件永远也不会有完工的时候的。”所以,从选择当一名程序员开始,我们就应该要有这种与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核心功能:

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

cropperjs

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

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

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

文档处理

Luckysheet

GitHub:https://github.com/mengshukeji/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是Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。

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

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

感谢您的阅读,如果对您有帮助,欢迎关注"CRMEB"头条号。GitHub上有我们开源的商城项目,知识付费项目,均是基于PHP+vue开发,欢迎 Start、Fork,使用,关注我们保持联系!

相关推荐

Python tkinter学习笔记(七):Notebook和Treeview

‘Pythontkinter’是Python自带的GUI工具包,非常适合开发小型的GUI应用。最近使用‘tkinter’开发了一些自己日常使用的小工具,效果不错,于是把开发过程中学习到的一些tkin...

如何用 Python实现简单的表格界面

Excel有表格编辑功能,为什么我还要弄一个,不是多此一举么。道理是对的,但是很多会员功能才更加强大,不是吗?我们学语言,一来可以练习编码熟练的,巩固知识点,更重要的是你熟悉开发,以后如果你想实现一...

土地增值税清算中的施工合同进行判断是否有重复施工的情况

对土地增值税清算中的施工合同进行判断是否有重复施工的情况,使用Python中的Pandas库对施工合同的相关数据进行处理,基于文本相似度进行判断。1.读取施工内容数据:将施工内容数据存储在一个...

大模型时代必备技能:Embedding与向量数据库开发完全指南

本文较长,建议点赞收藏,以免遗失。更多AI大模型应用开发学习视频及资料,尽在官网-聚客AI学院大模型应用开发微调项目实践课程学习平台一.Embeddings与向量数据库1.1Embeddings的...

分布式实时搜索和分析引擎——Elasticsearch

一、概述Elasticsearch是一个基于Lucene的搜索引擎。它提供了具有HTTPWeb界面和无架构JSON文档的分布式,多租户能力的全文搜索引擎。Elasticsearch是用Java开发的...

elasticsearch v9.0.0重磅发布!解锁最新核心特性与性能飞跃!

时隔3年,Elasticsearch迎来重大版本更新!基于Lucene10.1.0构建,9.0.0版本在AI搜索、安全分析、向量计算、集群管理等多个领域实现突破性升级版本亮点o新...

Java中间件-Elasticsearch(java中间件技术及其应用开发)

Elasticsearch是一个非常强大的搜索引擎。它目前被广泛地使用于各个IT公司。Elasticsearch是由Elastic公司创建。它的代码位于GitHub-elastic/...

知名互联网公司和程序员都看好的数据库是什么?

2017年数据库领域的最大趋势是什么?什么是最热的数据处理技术?学什么数据库最有前途?程序员们普遍不喜欢的数据库是什么?本文都会一一揭秘。大数据时代,数据库的选择备受关注,此前本号就曾揭秘国内知名互联...

快速了解Elasticsearch(快速了解词语浑话的读音、释义等知识点)

Elasticsearch是一款基于Lucene的开源分布式全文搜索引擎,它支持实时搜索,具有优秀的可扩展性和可靠性。作为一款搜索引擎,Elasticsearch提供了丰富的API,使得开发人员可以通...

面试官:Kafka和ES选主有什么区别?

Kafka和ES都是用来处理大数据的中间件,一个是消息中间件的代表(Kafka),另一个是大数据搜索引擎的代表(ES)。它们在Java领域的使用非常广泛,在大数据方面就更不用说了,但它们的选...

ElasticSearch 23 种映射参数详解

ElasticSearch系列教程我们前面已经连着发了四篇了,今天第五篇,我们来聊一聊Es中的23种常见的映射参数。针对这23种常见的映射参数,松哥专门录制了一个视频教程:视频链接:...

还不会Elasticsearch?看这些知识入门刚刚好

作者:MacroZheng链接:https://juejin.im/post/5e8c7d65518825736512d097记得刚接触Elasticsearch的时候,没找啥资料,直接看了遍Ela...

Elasticsearch学习,请先看这一篇!

题记:Elasticsearch研究有一段时间了,现特将Elasticsearch相关核心知识、原理从初学者认知、学习的角度,从以下9个方面进行详细梳理。欢迎讨论……0.带着问题上路——ES是如何产...

Elasticsearch企业级应用全景图:原理/场景/优化/避坑四重奏

一、核心概念与架构原理1.基本定义Elasticsearch是基于ApacheLucene构建的分布式实时搜索与分析引擎,具有以下核心特性:分布式架构:支持PB级数据水平扩展近实时(NRT):数据...

ELK Stack系列之基础篇(八) - Elasticsearch原理总结(图示)

前言通过前面的知识,我们已经了解到了ELk到底是什么、以及他们的工作原理、ES集群架构、专有名词的一些解释。在进入下一阶段ES实操学习环节前,那么今天我将以图解的方式将ELK重点以及ES的相关逻辑进行...