前端路上的開源總結(持續更新中...)

從19年到20年,筆者利用空餘時間陸陸續續作了一些開源項目, 大部分開源項目都立足於企業實際業務需求, 因此筆者以爲有必要作一個總結和覆盤,在覆盤的過程當中但願也能對你們有所幫助.從此筆者的開源項目都會放在這篇文章中,若是想學習的能夠多交流.

1. 基於indexedDB封裝的輕量級緩存庫

github地址: https://github.com/MrXujiang/xdb

學習資料:  瀏覽器緩存庫設計總結（localStorage/indexedDB）

其餘:  支持npm安裝或者umd方式引入(npm用戶名@alex_xu)

2. 基於localStorage封裝的輕量級緩存庫

github地址: https://github.com/MrXujiang/dao.js

學習資料:  瀏覽器緩存庫設計總結（localStorage/indexedDB）

其餘:  支持npm安裝或者umd方式引入

3. 基於node開發的免費圖牀服務器

github地址: https://github.com/MrXujiang/fileServer

學習資料:  30分鐘教你使用nodeJs開發本身的圖牀應用

其餘:  支持本地部署, 遠程測試服務器部署, 配置私有圖牀

4. 基於node的cms系統

github地址: https://github.com/MrXujiang/XPCMS

學習資料:  基於nodeJS從0到1實現一個CMS全棧項目（上）

其餘:  基於該系統可定製本身的博客或者內容發佈平臺

5. 基於react的輕量級可擴展組件庫

github地址: https://github.com/MrXujiang/xu_ui

學習資料:  從0到1教你搭建前端團隊的組件系統（高級進階必備）

npm地址: https://www.npmjs.com/package/@alex_xu/xui

6. jquery庫的輕量級封裝

github地址: https://github.com/MrXujiang/Xquery

學習資料:  如何用不到200行代碼寫一款屬於本身的js框架

其餘: 支持擴展,定製插件方法

7. 原生文件上傳組件

github地址: https://github.com/MrXujiang/xjFile

學習資料:  3分鐘教你用原生js實現具備進度監聽的文件上傳預覽組件

其餘: 後期可採用es6進一步封裝

8. 基於react+redux+redux-thunk+localStorage的開源實戰項目

github地址: https://github.com/MrXujiang/redux_OA

學習資料:  《完全掌握redux》之開發一個任務管理平臺

其餘: 完全掌握redux開發方式, 該任務管理平臺使用localStorage,數據可長效保存

9. 基於Apify+node+react/vue搭建一個有點意思的爬蟲平臺

github地址: https://github.com/MrXujiang/crawel

學習資料:  基於Apify+node+react/vue搭建一個有點意思的爬蟲平臺

其餘: 一款用於JavaScript的可伸縮的web爬蟲模板, 能夠基於該平臺實現任意網站的圖片爬取,網站全屏截圖等功能.並可基於此進行二次開發.

10.   基於React+Koa實現一個h5頁面可視化編輯器－Dooring

github地址: https://github.com/MrXujiang/h5-Dooring

學習資料:  基於Apify+node+react/vue搭建一個有點意思的爬蟲平臺

其餘: H5-Dooring是一款功能強大，開源免費的H5可視化頁面配置解決方案，致力於提供一套簡單方便、專業可靠、無限可能的H5落地頁最佳實踐。技術棧以react爲主， 後臺採用nodejs開發.

本文分享自微信公衆號 - 牧碼的星星（gh_0d71d9e8b1c3）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。