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

2021-01-11 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 上開源的比較好的項目；大家可以關注我，後期會寫一些面試相關的題；

相關焦點

  • 6月份Github上熱門的開源項目
    6月份GitHub上熱門的開源項目排行已經出爐啦，一起來看看上榜詳情吧！CPlusPlusThingshttps://github.com/Light-City/CPlusPlusThingsStar 5402這是一個適合初學者從入門到進階的倉庫，解決了面試者與學習者想要深入 C++及如何入坑 C++的問題。
  • 深度學習預測比特幣價格;基於神經網絡的自動化前端開發 | Github...
    雷鋒網 AI 研習社按：對於開發者來講，證明其編程能力最好的方式是展示他們的項目和代碼。雷鋒網 AI 研習社本周從 YouTube、知乎以及 Github 官網上搜羅了數個與 AI 相關的開源項目，為 AI 開發者的設計提供參考。
  • 基於TensorFlow2.0的中文深度學習開源書來了!GitHub趨勢日榜第一
    近日，一個叫做深度學習開源書的項目在火了。GitHub趨勢日榜排名全球第一，已斬獲2K+星。為什麼這麼火？主要介紹神經網絡的核心理論和共性知識，助於理解深度學習的本質。第四部分是10-15章。主要介紹常見的算法與模型。除此之外，每個章節裡的內容編排也是理論與實戰相結合。
  • 面試資源、公共API、多樣化學習路徑,這10個GitHub庫開發者必看
    其中一些庫可以幫助大家學習新知識，還有的可以幫助構建很酷的東西，不論如何所有庫都能夠幫助你成為更好的軟體工程師。1.Oh My ZshGitHub 星數：106,000GitHub 地址：https://github.com/ohmyzsh/ohmyzshOh My Zsh 是一個社區驅動的開源框架，旨在管理 Zsh 配置。Zsh 既是交互式 shell，也是很多開發者使用的強大腳本語言。
  • 2018年github上最值得學習的十個熱門項目
    項目一 julia（語言）簡介：julia是一種新的、高性能的動態語言， 目前在github上已經超過了10000+star項目二 Muzei-macOS（蘋果桌面）簡介：Muzei-macOS是一款免費的
  • 如何在 Github 上發現優秀的開源項目?
    問到點子上了，GitHub 其中一個最重要的作用就是發現全世界最優秀的開源項目，你沒事的時候刷刷微博、知乎，人家沒事的時候刷刷 GitHub ，看看最近有哪些流行的項目，久而久之，這差距就越來越大，那麼如何發現優秀的開源項目呢？這篇文章我就來給大家介紹下。1.
  • 適合Java新手的開源項目集合——在 GitHub 學編程
    >JavaScript 篇本期是 Java 篇 希望這篇文章能讓大家找到 GitHub 上適合自己學習的 Java 開源項目。通過學習該項目可以學習到：使用標準庫中的一些工具，比如集合、播放音效、加載圖片如何利用多文件，把不同的邏輯拆分到不同的類中去，並相互之間協作構建起整個遊戲的狀態一些設計模式的應用，比如單例、對象池FlappyBird
  • Github標星過萬,Python新手100天學習計劃,這次學不會算我輸!
    項目詳細給出了一個100天的Python學習計劃，包括每天需要掌握的內容、學習周期、資料庫等。從怎麼安裝Python介紹起到使用Django開發項目收尾，100天，11個階段，每完成一個階段都讓你成就感滿滿。
  • 開發者必看:8月 Python 熱門開放源碼
    這些項目在Github 上平均獲得的星星（stars ）數量 ： 1333⭐️在Github上「關注」Python 前十大開源軟體，每月收到一次電子郵件主題包含：遊戲開發，爬蟲，終端， 面部識別工具  ，量子技術，WEB滲透偵查收集工具
  • 盤點:2017年GitHub上30個優秀的機器學習項目
    我們比較了過去一年近8,800個開源的機器學習項目，從中選擇了30個表現優秀的，分享給讀者。這是一份非常精彩的名單，它仔細挑選了2017年1月至12月之間發布的最佳開源機器學習庫、數據集和應用程式。我們綜合考慮項目的受歡迎程度，參與度和進展程度來評估項目質量。為了給讀者更直觀的感受，使用GitHub上的關注量（星星數量）來表示項目熱度。
  • 2018 年度 GtiHub 開源項目 TOP 25:數據科學 & 機器學習
    此外，它還是一個學習平臺。如果你問怎麼學習的話，我可以給你一個暗示——開源項目！世界領先的科技公司通過在 GitHub 上發布其熱門算法的代碼，對項目進行開源。2018 年，在 Google 和 Facebook 等公司的帶領下，這類開源項目大幅增加。其中最好的那部分開源項目，寫代碼的研究者還提供了預訓練模型，從而讓你我這些人不必再浪費時間從頭開始創建高難度的模型。
  • 從星際2深度學習環境到神經機器翻譯,上手機器學習這些開源項目必...
    另外，雷鋒網 AI 研習社在原文的基礎上補充了部分開源項目，為 AI 開發者提供更加詳細的 AI 項目和資源。機器學習是用數據來學習、概括、預測的研究。近幾年，隨著數據的開發、算法的改進以及硬體計算能力的提升，機器學習技術得以快速發展，不斷延伸至新的領域。
  • PyTorch版《動手學深度學習》開源了,最美DL書遇上最贊DL框架
    李沐等人的開源中文書《動手學深度學習》現在有 PyTorch 版實現了。不論是原書中的示例代碼，還是實戰項目，原來的 MXNet 都可以無縫轉化到 PyTorch 代碼。項目作者在保持原書內容基本不變的情況下，將 MXNet 代碼都轉換為了 PyTorch，想要學習 DL 和 PyTorch 的小夥伴們可以試試啊。
  • 在GitHub上8800個開源機器學習項目中,選出了其中的Top30
    大數據文摘作品編譯：葉一、Shan LIU、Aileen2017年是機器學習應用全面開花的一年，驚為天人的想法和項目層出不窮。我們對比了過去一年中近8800個開源機器學習項目，並挑選了其中較好的30個（Top 0.3%）列舉於此。
  • 如何上傳項目到GitHub
    本文轉載自【微信公眾號：吾非同】，經微信公眾號授權轉載，如需轉載與原文作者聯繫 圖丨pixabaygithub作為開源的分布式版本管理系統，上面有眾多的優秀開源項目，也有豐富的學習資料，熟練使用github也是程式設計師的一項必備技能。
  • 安全專業人士最愛的 19 個 GitHub 開源項目
    GitHub上有許多開源項目可供安全專業人士選擇，而且每天都有新的項目出現。不妨將這些項目添加到你的工具庫，讓你工作起來更得心應手。
  • 初、中、高級程式設計師的進化之路(前端)
    本文轉載自【微信公眾號：前端人，ID:FrontendPeople】經微信公眾號授權轉載，如需轉載與原文作者聯繫初級程式設計師僅能完成簡單模塊和項目的開發工作，難以勝任複雜模塊的開發。通常是入行不久， 1 年及以下工作經驗的同學。能力要求熟悉前端基礎知識如 HTML、JS、CSS 。能夠使用一門 MVVM 框架進行簡單的業務開發。
  • 從噹噹看打造高星 GitHub 開源項目的經驗
    編者按：本文是張亮在高可用架構群新年聚會暨架構開源研討會上的分享。轉載請註明來自高可用架構公眾號「ArchNotes」。
  • GitHub開發者自製火星車，完整教程全面開源
    在開源社區 GitHub 中，開發者雅各布 · 克蘭茨（Jakob Krantz）分享了一份全面的開源製作教程，引起不少關注。克蘭茨是一名嵌入式軟體開發人員，他對 DeepTech 表示：「當時製作這個項目並沒有特定的原因和需求，只是對火星車的搖臂轉向架移動方式非常感興趣，於是想要搭建一個更大的項目，包含許多不同的零件、電子設備、編程和 CAD 設計，CAD 和一些相關設計都是自學的，斷斷續續建造了大約一年時間。」
  • 機器之心年度盤點:2018年重大研究與開源項目
    Dota量子計算絕對界限相對界限開源工具強化學習框架 Dopamine圖網絡庫（Graph Nets library）圖神經網絡框架 DGLAuto KerasTransmogrifAI目標檢測框架 DetectronNLP 建模框架 PyTextBERT 開源實現大規模稀疏框架 XDL面向前端的 TensorFlow.js