這些開源項目，值得收藏深刻研究

程序員之間流傳着這樣一句話：「除非最後一個用戶死掉，不然軟件永遠也不會有完工的時候的。」因此，從選擇當一名程序員開始，咱們就應該要有這種與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

行爲驗證碼採用嵌入式集成方式，接入方便，安全，高效。拋棄了傳統字符型驗證碼展現-填寫字符-比對答案的流程，採用驗證碼展現-採集用戶行爲-分析用戶行爲流程，用戶只須要產生指定的行爲軌跡，不須要鍵盤手動輸入，極大優化了傳統驗證碼用戶體驗不佳的問題；同時，快速、準確的返回人機斷定結果。