|
程序員之間流傳著這樣一句話：“除非最后一個用戶死掉，否則軟件永遠也不會有完工的時候的。”所以，從選擇當一名程序員開始，我們就應該要有這種與bug杠到底的精神，就像我身邊這些逗比一樣，每天都會以今天寫了多少個bug一樣來標榜自己的戰(zhàn)績！
今天小編將介紹一些日常開發(fā)中積攢的優(yōu)秀開源項目，利用這些開源項目，瞬間提升你的編程逼格，輕松應對以下十個工作場景：文件上傳、圖片處理、網(wǎng)絡請求、表單設計器、H5
頁面設計器、文檔管理、 API 管理、微信開發(fā)和知識付費。
文件上傳
Uppy
GitHub：https://github.com/transloadit/uppy
Uppy是一個時尚的模塊化JavaScript文件上傳器，可與任何應用程序無縫集成。它快速，易于使用，可以讓您比專注比構建文件上傳器更重要的問題。
- 從本地磁盤，遠程URL，Google云端硬盤，Dropbox，Box，Instagram中獲取文件或使用相機捕捉并記錄自拍照
- 通過漂亮的界面預覽和編輯元數(shù)據(jù)
- 上傳到最終目的地時可以自定義進行編碼處理
filepond
GitHub：https://github.com/pqina/filepond
filepond是一個JavaScript庫，可以上傳您扔給它的任何內容，并且會優(yōu)化圖像以加快上傳速度，還擁有出色的，可訪問的，柔滑的用戶體驗。
filepond核心功能：
- 接受目錄，文件，blob，本地URL，遠程URL和數(shù)據(jù)URI。 拖放文件，在文件系統(tǒng)上選擇，復制和粘貼文件，或使用API?添加文件。
- 使用AJAX進行異步上傳，支持分塊上傳，可以將文件編碼為base64數(shù)據(jù)，并通過表單發(fā)布發(fā)送。
- 可訪問，已通過VoiceOver和JAWS等AT軟件測試，可通過Keyboard導航。
- 圖像優(yōu)化，自動圖像調整大小，裁剪，過濾和修復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的形式快速引入自己的項目，支持手機端使用，可以快速的應用到頭像裁剪處理，商品圖片裁剪處理，以及博客項目中圖像編輯需求都可以快速實現(xiàn)！
支持39個配置選項，支持27種方法，支持6種事件、支持觸摸（移動）、支持縮放、支持旋轉、支持縮放（翻轉）支持在瀏覽器端通過畫布裁剪圖像。
文檔處理
Luckysheet
GitHub：https://github.com/mengshukeji/Luckysheet
Luckysheet ，一款純前端類似excel的在線表格，功能強大、配置簡單、完全開源。
Luckysheet 特性
-
格式設置 樣式、條件格式 、文本對齊及旋轉、支持文本的截斷、溢出、自動換行、數(shù)據(jù)類型貨幣, 百分比, 數(shù)字, 日期Custom、單元格內多樣式
-
單元格 拖拽選取來修改單元格、選取下拉填充 、自動填充選項 、多選區(qū)操作 、查找和替換、定位 、合并單元格、數(shù)據(jù)驗證(表單功能)
?3. 行和列操作 隱藏，插入，刪除行或列、凍結行或列、文本分列
-
操作體驗 撤銷/重做、復制/粘貼/剪切操作、快捷鍵支持 、格式刷 、任意選區(qū)拖拽
-
??公式和函數(shù) 內置公式、公式支持數(shù)組、遠程公式、自定義公式
-
表格操作 篩選 (支持顏色、數(shù)字、字符、日期的篩選)、排序 (同時加入多個字段進行排序)
-
數(shù)據(jù)透視表 字段拖拽 、聚合方式、篩選數(shù)據(jù) 、數(shù)據(jù)透視表下鉆 、根據(jù)數(shù)據(jù)透視表新建圖表
-
圖表 支持的圖表類型 、關于圖表插件、Sparklines小圖
-
??分享及寫作 評論 、共享編輯 (支持多用戶共享編輯，內置API)
-
插入對象 插入圖片
-
?Luckysheet專有 矩陣計算、截圖 、復制到其他格式、EXCEL導入及導出
網(wǎng)絡請求
Axios
Github:https://github.com/axios/axios
Axios 是一個基于 Promise 的 HTTP 客戶端，同時支持瀏覽器和 Node.js 環(huán)境。它是一個優(yōu)秀的 HTTP 客戶端，被廣泛地應用在大量的 Web 項目中。
這個項目可謂是鼎鼎大名了，學習vue的人肯定都知道并且使用過這個庫，它支持 Promise API，能夠攔截請求和響應；能夠轉換請求和響應數(shù)據(jù)；客戶端支持防御 CSRF 攻擊；同時支持瀏覽器和 Node.js 環(huán)境；能夠取消請求及自動轉換 JSON 數(shù)據(jù)。
表單設計器
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 編輯器 快速生成可實現(xiàn)低成本上手、快速搭建 支持 Ant Design 和 Fusion Design
- 主流的視覺主題 使用 JSON Schema 標準協(xié)議描述表單配置，并搭配豐富類型且可擴展的組件 支持 1 排
- N、橫縱排、支持對象無限嵌套、自定義正則校驗、自定義樣式組件、列表拖拽等特性
- 已在阿里云、淘寶、天貓、飛豬、亞博科技、安全智能、新零售行業(yè)工作臺、人工智能實驗室等多 BU 多場景使用，簡單使用同時支持復雜場景使用
- H5 頁面設計器
gods-pen
Github：https://github.com/ymm-tech/gods-pen
碼良(gods-pen)是一個在線生成 H5 頁面并提供頁面管理和頁面編輯的平臺，用于快速制作 H5 頁面。用戶無需掌握復雜的編程技術，通過簡單拖拽、少量配置即可制作精美的頁面，可用于營銷場景下的頁面制作。同時，也為開發(fā)者提供了完備的編程接入能力，通過腳本和組件的形式獲得強大的組件行為和交互控制能力。
luban-h5
Github：https://github.com/ly525/luban-h5
- 魯班H5是基于Vue2.0開發(fā)、通過拖拽快速生成頁面的平臺
- 是一個類似 易企秀、Maka、百度 H5 等平臺
API 管理
yapi
Github：https://github.com/ymfe/yapi
YApi 是高效、易用、功能強大的 api 管理平臺，為開發(fā)、產(chǎn)品、測試人員提供更優(yōu)雅的接口管理服務。可以幫助開發(fā)者輕松創(chuàng)建、發(fā)布、維護 API，YApi 還為用戶提供了優(yōu)秀的交互體驗，開發(fā)人員只需利用平臺提供的接口數(shù)據(jù)寫入工具以及簡單的點擊操作就可以實現(xiàn)接口的管理。
yapi特性
- 基于 Json5 和 Mockjs 定義接口返回數(shù)據(jù)的結構和文檔，效率提升多倍
- 扁平化權限設計，即保證了大型企業(yè)級項目的管理，又保證了易用性
- 類似 postman 的接口調試
- 自動化測試, 支持對 Response斷言
- MockServer 除支持普通的隨機 mock 外，還增加了 Mock 期望功能，根據(jù)設置的請求過濾規(guī)則，返回期望數(shù)據(jù)
- 支持postman, har, swagger 數(shù)據(jù)導入
- 免費開源，內網(wǎng)部署，信息再也不怕泄露了
APIJSON
Gitee：https:///Tencent/APIJSON
APIJSON是大廠騰訊的開源產(chǎn)品，是一個專為API而生的 JSON網(wǎng)絡傳輸協(xié)議 以及 基于這套協(xié)議實現(xiàn)的ORM庫。為 簡單的增刪改查、復雜的查詢、簡單的事務操作 提供了完全自動化的API。能大幅降低開發(fā)和溝通成本，簡化開發(fā)流程，縮短開發(fā)周期。適合中小型前后端分離的項目，尤其是 BaaS、Serverless、互聯(lián)網(wǎng)創(chuàng)業(yè)項目和企業(yè)自用項目。
APIJSON特性
- 通過自動化API，前端可以定制任何數(shù)據(jù)、任何結構！
- 大部分HTTP請求后端再也不用寫接口了，更不用寫文檔了！
- 前端再也不用和后端溝通接口或文檔問題了！再也不會被文檔中的各種錯誤坑了！
- 后端再也不用為了兼容舊接口寫新版接口和文檔了！再也不會被前端隨時隨地沒完沒了地煩了！
微信開發(fā)
EasyWeChat
Github：https://github.com/overtrue/wechat
EasyWeChat 是一個開源的 微信 非官方 SDK。
EasyWeChat 的安裝非常簡單，因為它是一個標準的 Composer 包，這意味著任何滿足下列安裝條件的 PHP 項目支持 Composer 都可以使用它。
CRMEB打通版
Gitee：https:///ZhongBangKeJi/CRMEB
CRMEB打通版集客戶關系管理+電商營銷系統(tǒng)，是碼云最具價值倉庫推薦項目，核心開發(fā)技術TP6+Mysql+Vue+layui 支持公眾號、小程序、H5端，帶積分、優(yōu)惠券、秒殺、會員、分銷等功能，前后端“全部”開源，方便二開，有非常詳細的使用文檔。
知識付費
CRMEB知識付費
Gitee：https:///ZhongBangKeJi/crmeb_zzff_class
CRMEB知識付費系統(tǒng)基于ThinkPhp5.0+layui+Vue開發(fā)。
功能包含在線直播、付費視頻、付費音頻、付費閱讀、會員系統(tǒng)、分銷系統(tǒng)、拼團活動、直播帶貨、直播打賞、商城系統(tǒng)等。能夠快速積累客戶、會員數(shù)據(jù)分析、智能轉化客戶、有效提高銷售、吸引流量、網(wǎng)絡營銷、品牌推廣的一款應用，且更適合企業(yè)二次開發(fā)；
登錄圖形驗證碼
AJ-Captcha
Gitee：https:///anji-plus/captcha
行為驗證碼采用嵌入式集成方式，接入方便，安全，高效。拋棄了傳統(tǒng)字符型驗證碼展示-填寫字符-比對答案的流程，采用驗證碼展示-采集用戶行為-分析用戶行為流程，用戶只需要產(chǎn)生指定的行為軌跡，不需要鍵盤手動輸入，極大優(yōu)化了傳統(tǒng)驗證碼用戶體驗不佳的問題；同時，快速、準確的返回人機判定結果。
|
