推薦一些 GitHub 上值得前端學習的開源實戰項目,進階必看!

2020-12-16 jiegiser

最近好多同學問我了解找一些學習的實戰項目；看一個別人寫的優秀的項目，從中可以學到很多；比如代碼的規範，項目的結構；從項目作者每次提交記錄，去學習一些別人的開發思維以及開發整個項目的流程；下面我主要找了一些比較火的一些框架以及 node 項目。

Vue.js

1. vue-element-admin

vue-element-admin 是一個後臺前端解決方案，它基於 vue 和 element-ui 實現。它使用了最新的前端技術棧，內置了 i18n 國際化解決方案，動態路由，權限驗證，提煉了典型的業務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業級中後臺產品原型。相信不管你的需求是什麼，本項目都能幫助到你。項目作者還搭配了一些教程文章，很值得看！

地址：https://github.com/PanJiaChen/vue-element-admin

2. blog-vue-typescript

此項目是基於 Vue 全家桶 + TypeScript + Element-UI 技術棧的簡潔時尚博客網站。TypeScript 具有類型系統，且是 JavaScript 的超集，TypeScript 在 2018年 勢頭迅猛，可謂遍地開花。Vue3.0 將使用 TS 重寫，重寫後的 Vue3.0 將更好的支持 TS。2019 年 TypeScript 將會更加普及，能夠熟練掌握 TS，並使用 TS 開發過項目，將更加成為前端開發者的優勢。

地址：https://github.com/biaochenxuying/blog-vue-typescript

3. Spring Boot 後端 + Vue 管理員前端 + 微信小程序用戶前端 + Vue 用戶移動端

這個項目是一個小商場系統，基本完成一個商場系統必備的功能；全棧進階推薦！

地址：https://github.com/linlinjava/litemall

4. 基於 vue2 + vuex 構建一個具有 45 個頁面的大型單頁面應用

此項目大大小小共 45 個頁面，涉及註冊、登錄、商品展示、購物車、下單等等，是一個完整的流程。一般公司即便是官網的單頁面項目都沒這麼複雜，如果這個項目能駕馭得了，相信大部分公司的其他單頁面應用也就不在話下，即便更複雜，也不會比這個高到哪裡去。

地址：https://github.com/bailicangdu/vue2-elm

5. Vue相關開源項目庫匯總

這個項目匯總了 vue 相關的很多開源項目，star 數相對較多的；包括 UI 組件、框架愛、工具庫等等，推薦看！

地址：https://github.com/opendigg/awesome-github-vue

React.js

1. 網易雲音樂第三方

技術棧：Electron, React, MobX, JSS

地址： https://github.com/trazyn/ieaseMusic

2. 仿知乎日報

該項目使用React Native實現；可以在Android和iOS上運行；這是一個演示項目，展示了如何使用React Native開發完整的應用程式。

地址：https://github.com/race604/ZhiHuDaily-React-Native

3. 使用 react hooks + koa2 + sequelize + mysql 搭建的前後臺的博客

前後臺分離式開發（項目中也包含博客的後臺管理系統），為了方便記錄後端開發過程，筆者將後端也一起放在同個項目文件夾中。

地址：https://github.com/alvin0216/react-blog

4. 基於React Native支持 Android 和 iOS 雙平臺的項目

這是一個用來查看GitHub最受歡迎與最熱項目的App,它基於React Native支持Android和iOS雙平臺。

地址：https://github.com/crazycodeboy/GitHubPopular

Node.js

1. 基於Node.js+MySQL開發的開源微信小程序商城（微信小程序）

界面高仿網易嚴選商城(主要是2016年wap版)測試數據採集自網易嚴選商城功能和資料庫參考ecshop服務端api基於Ｎode.js+ThinkJS+MySQL計劃添加基於Vue.js的後臺管理系統、PC版、Ｗap版地址：https://github.com/tumobi/nideshop-mini-program

2. React技術棧+Express+Mongodb實現個人博客

一個博客項目，技術棧：react + express + Mongodb。

地址：https://github.com/Nealyang/React-Express-Blog-Demo

3. 基於 node.js + Mongodb 構建的後臺系統

整個項目分為兩部分：前臺項目接口、後臺管理接口，共60多個。涉及登陸、註冊、添加商品、商品展示、篩選排序、購物車、下單、用戶中心等，構成一個完整的流程。

地址： https://github.com/bailicangdu/node-elm

以上是我整理的一些 github 上開源的比較好的項目；大家可以關注我，後期會寫一些面試相關的題；

相關焦點

  • 5月份Github上最熱門的開源項目
    5月份GitHub上最熱門的開源項目排行已經出爐啦，一起來看看上榜詳情吧：1. denohttps://github.com/denoland/denoStar 61499Deno 是 V8 上的安全 TypeScript 運行時。
  • 8月份GitHub上熱門的Java開源項目
    8月份GitHub上最熱門的Java開源項目排行已經出爐啦，一起來看看上榜詳情吧：該項目基於成熟的開源產品Quartz和Zookeeper及其客戶端Curator進行二次開發。
  • 10月份Github上熱門的開源項目
    10月份GitHub上最熱門的Java開源項目排行已經出爐啦，一起來看看上榜詳情吧：1. base-adminhttps://github.com/huanzi-qch/base-adminStar 1499Base Admin一套簡單通用的後臺管理系統
  • 分享一些開源項目,可以接私活了
    分享一些開源項目，可以接私活了 對於很多程式設計師來說，可以利用自身資源，在業餘時間做一些私活，賺點零花錢，今天推薦幾款開源項目，讓大家做項目上手更快、更方便。
  • 2020年10月份Github上熱門的開源項目
    11-17 13:46:44　來源: JEECG 舉報 　　2020年10月份Github上熱門的開源項目
  • GitHub 上適合新手的開源項目(Python 篇)
    >Go 篇Java 篇JavaScript 篇本期是 Python 篇，下面我將從 HG 推薦過的 197 個 Python 開源項目中，精心篩選出 7 個最適合 Python 新手學習和把玩的開源項目
  • 我們分析了GitHub上5.46 億條日誌,發現中國開源雖然貢獻大但還有...
    而活躍度最高的項目則是來自微軟的跨平臺代碼編輯器 Microsoft/vscode;此外微軟使用開源的方式來建設其 Azure 雲平臺的項目 MicrosoftDocs/azure-docs 排名第三，顯然微軟在開源上的努力獲得了程式設計師的認可。
  • Mall電商實戰項目開源,附源碼、教程合集
    打造一個業務與技術相結合的實戰項目！2018年初的時候一度想找個業務與技術相結合的開源項目學習下，但是一直沒有找到合適的，於是萌生了自己寫一個的想法。總感覺一個項目要是缺少了業務和應用場景，就好像沒有了靈魂。於是業務選擇了比較好理解的電商，技術選擇了流行的SpringBoot。
  • EAdmin - 基於js和原生html的純粹後臺開源前端 UI 框架
    介紹啟動一個項目，無論是App、小程序還是 web 開發，後臺管理系統都是必不可少的。從0到1開發一個UI框架是一個工作量非常龐大的事，而優秀的UI框架能給我們的後臺開發帶來了極大的方便。特點開箱即用：配置簡單，不像一些後臺框架需要打包環境，EAdmin 一行代碼即可開始使用；異步加載：不像一些後臺框架就是一個體積龐大的單頁面應用，EAdmin 所需文件純異步加載，高效快速的同時性能也很好；學習成本低：半小時上手，就算學得動也不想學太多了。
  • 聊聊我開源RPC框架的那些事
    開源出來之後，少部分不太友好的技術人站在上帝視角說了風涼話。就很難受，兄弟，誰還沒有一個玻璃心。簡單吐槽一波，給大家聊聊關於 guide-rpc-framework[1] 的一些事情。我在項目的 README 中明確說明了：寫這個 RPC 框架主要是為了通過造輪子的方式來學習，檢驗自己對於自己所掌握的知識的運用。
  • 推薦一個開源的vue+Element UI前後端分離後臺管理系統實戰
    最近在學習vue前後端分離開發，但是由於技術太菜，很難在項目上得心應手，最終找到了一個vue開源項目學習，最終在沒有基礎的情況下，他認識我我不認識他，呵呵。我想很多自學這塊的小夥伴也遇到過同樣的問題吧。
  • 我調研了100來個 Java 開源博客系統,發現這 5...
    ღ( ´･ᴗ･` )比心haloGithub 地址 ：https://github.com/halo-dev/haloStar : 16.2k簡介 ：✍ 一個優秀的開源博客發布應用。使用 Spring Boot 開發，前端使用 Bootstrap。支持移動端自適應，配有完備的前臺和後臺管理功能。
  • 不到1000行代碼,GitHub 1400星,天才黑客開源深度學習框架tinygrad
    tinygrad 的代碼數量不到 1000 行，目前該項目獲得了 GitHub 1400 星。在深度學習時代，谷歌、Facebook、百度等科技巨頭開源了多款框架來幫助開發者更輕鬆地學習、構建和訓練不同類型的神經網絡。而這些大公司也花費了很大的精力來維護 TensorFlow、PyTorch 這樣龐大的深度學習框架。
  • 開課吧開啟雙十二教育節:以實戰驅動的Web前端課程
    前端開發也由此逐漸成為了一個不可缺少的專業角色。作為數位化人才在線教育平臺,開課吧帶領名師團隊研發了豐富的課程體系。其中,新推出的「React 17源碼訓練營」課程推動學員深入React17源碼,完成從原理到手寫React17的蛻變。開課吧Web課程體系全面覆蓋當下前端開發各項技術棧,用實戰驅動課程,滿足不同人群的學習需求,真正做到提升學員業務與技術水平。
  • GitHub 上那些值得一試的 Java 開源庫
    除了這些，你可能還會fork或Star一些其他的開源庫，但GitHub上的庫實在太多了，以至於對於個人來說，你很難有時間去發現並了解那些不斷加入的新庫，而它們卻往往能在一些新興領域中給你提供幫助。我一直使用JAVA來寫後端應用，平時也會關注一些國外技術大牛的博客（來自Tapki、DZone、Google Developer等技術博客），從而注意到了一些新的而且很有意思Java開源庫，它們有些能給你的項目帶來幫助，有些是以遊戲的形式幫你提高Java的編程水平，而另一些則能夠幫助你識別JAVA程序中的常見問題 。
  • |Java 開源項目
    作者 | HelloGitHub-秦人 來源 | HelloGitHub 責編 | 王曉曼本文適合有 Java 基礎知識的人群，跟著本文可學習和運行 Java 網盤項目。今天給大家帶來一款開源 Java 版網盤項目—— Kiftd-source，本文將用 3 分鐘帶大家搭建一個個人網盤，技術便利生活，你值得擁有～項目地址：https://github.com/KOHGYLW/kiftd-source項目介紹
  • GitHub 上周 JavaScript 趨勢榜項目(0427-0504)
    >Docusaurus是一個用於輕鬆構建，部署和維護開源項目網站的項目。可以 macOS, Windows, Linux, Android 上運行的 Brave 瀏覽器。strapi/strapi項目地址：[https://github.com/strapi/strapi](https://github.com/strapi/strapi)stars:24286 | forks:2926 | 498 stars this week最先進的開源無頭
  • CVPR 2020論文開源項目一頁看盡,附代碼論文
    十三 發自 凹非寺量子位 報導 | 公眾號 QbitAICVPR 2020中選論文放榜後，最新開源項目合集也來了。刨去接受率低這件事，從論文本身出發，在中選論文中還是有很多值得我們去借鑑和學習的精品。今日GitHub上便出現了一個項目，將本屆CVPR論文開源項目做了個集合。
  • GitHub重新上架星標7.2萬熱門開源項目YouTube-dl,是...
    上月中旬，美國唱片協會（RIAA）向GitHub發出訴訟通知，以違反《數字千年版權法案》（DMCA）為由，要求其下架開源項目YouTube-dl。YouTube-dl是最受開發者歡迎的熱門開源軟體之一，擁有72000+顆Star。收到訴訟郵件後，GitHub被迫下架了該項目。
  • 谷歌公布 GitHub 最新開源庫 androidx:開發 AOSP Jetpack
    IT之家7月29日消息 谷歌開發者宣布，正式推出 GitHub 上最新的一個開源庫 (和開源組織) —— androidx！這是 Android Jetpack 各種組件庫的源碼和開發環境，與 AOSP 的主分支代碼同步。