程式員之間流傳著這樣一句話：“除非最后一個用戶死掉，否則軟體永遠也不會有完工的時候的，”所以，從選擇當一名程式員開始，我們就應該要有這種與bug杠到底的精神，就像我身邊這些逗比一樣，每天都會以今天寫了多少個bug一樣來標榜自己的戰績！
今天小編將介紹一些日常開發中積攢的優秀開源專案，利用這些開源專案，瞬間提升你的編程逼格，輕松應對以下十個作業場景：檔案上傳、圖片處理、網路請求、表單設計器、H5
頁面設計器、檔案管理、 API 管理、微信開發和知識付費，
檔案上傳
Uppy
GitHub：https://github.com/transloadit/uppy
Uppy是一個時尚的模塊化JavaScript檔案上傳器，可與任何應用程式無縫集成，它快速，易于使用，可以讓您比專注比構建檔案上傳器更重要的問題，
- 從本地磁盤，遠程URL，Google云端硬碟，Dropbox，Box，Instagram中獲取檔案或使用相機捕捉并記錄自拍照
- 通過漂亮的界面預覽和編輯元資料
- 上傳到最終目的地時可以自定義進行編碼處理
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、單元格內多樣式
-
單元格 拖拽選取來修改單元格、選取下拉填充 、自動填充選項 、多選區操作 、查找和替換、定位 、合并單元格、資料驗證(表單功能)
?3. 行和列操作 隱藏，插入，洗掉行或列、凍結行或列、文本分列
-
操作體驗 撤銷/重做、復制/粘貼/剪切操作、快捷鍵支持 、格式刷 、任意選區拖拽
-
??公式和函式 內置公式、公式支持陣列、遠程公式、自定義公式
-
表格操作 篩選 (支持顏色、數字、字符、日期的篩選)、排序 (同時加入多個欄位進行排序)
-
資料透視表 欄位拖拽 、聚合方式、篩選資料 、資料透視表下鉆 、根據資料透視表新建圖表
-
圖表 支持的圖表型別 、關于圖表插件、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
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
行為驗證碼采用嵌入式集成方式，接入方便，安全，高效，拋棄了傳統字符型驗證碼展示-填寫字符-比對答案的流程，采用驗證碼展示-采集用戶行為-分析用戶行為流程，用戶只需要產生指定的行為軌跡，不需要鍵盤手動輸入，極大優化了傳統驗證碼用戶體驗不佳的問題；同時，快速、準確的回傳人機判定結果，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/227274.html
標籤：其他
上一篇：因未發專案獎金，一名程式員決定刪代碼泄憤！程式員才是職場最脆弱的人吧~
下一篇：憶十年盼歸往