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