【CSDN 編者按】盤點在GitHub上star排名最高的10大開源項目是什么？流行增長率突飛猛進，JS的項目占比極大。
大家好，我是你們的 貓哥，那個不喜歡吃魚、又不喜歡喵 的超級貓 ~
關于貓哥，大家可以看看我的年終總結 前端工程師的 2020 年終總結 - 乾坤未定，你我皆黑馬。
今天給大家推薦 2020 年最流行的 10 大頂級前端學習資源項目！
在 2020 年里猛增 174K Star！可見其流行程度！
一個安全的 JavaScript 和 TypeScript 運行時。
出于多種原因，2020 年是非常特殊的一年。最重要的一個：5 年以來的第一次，新星的總冠軍不是 Vue.js，而是 Deno……真是令人驚訝！
Deno 是 Node.js 的創建者 Ryan Dahl 的 JavaScript 運行時。
憑借 10 年的經驗和對 Node.js 的迭代經驗，它通常被視為 Node.js 的續集，因為它可以修復或改進許多要點。
https://github.com/denoland/deno
2020 年增長 22.5K
Vue.js 是一個漸進式 JavaScript 框架，也是目前前端最流行的框架。
易用
已經會了 HTML、CSS、JavaScript？即刻閱讀指南開始構建應用！
不斷繁榮的生態系統，可以在一個庫和一套完整框架之間自如伸縮。
20kB min+gzip 運行大小
超快虛擬 DOM
最省心的優化
https://github.com/vuejs/vue
Vue 相關的項目可以看看：推薦 7 個 Vue2、Vue3 源碼解密分析的開源項目 和 Vue3 的學習教程匯總、源碼解釋項目、支持的 UI 組件庫、優質實戰項目 ，你會找到 Vue 的學習寶藏庫。
2020 年增長 19.8K
一個聲明性，高效且靈活的 JavaScript 庫，用于構建用戶界面。
聲明式
React 使創建交互式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖，當數據改變時 React 能有效地更新并正確地渲染組件。
以聲明式編寫 UI，可以讓你的代碼更加可靠，且方便調試。
組件化
創建擁有各自狀態的組件，再由這些組件構成更加復雜的 UI。
組件邏輯使用 JavaScript 編寫而非模板，因此你可以輕松地在應用中傳遞數據，并使得狀態與 DOM 分離。
一次學習，隨處編寫
無論你現在正在使用什么技術棧，你都可以隨時引入 React 來開發新特性，而不需要重寫現有代碼。
React 還可以使用 Node 進行服務器渲染，或使用 React Native 開發原生移動應用。
https://github.com/facebook/react
React 相關的項目可以看: 一個 React 技術揭秘的項目，自頂向下的 React 源碼分析。
2020 年增長 19.7K
Node.js 庫可通過單個 API 自動化 Chromium，Firefox 和 WebKit。
Playwright 由 Microsoft 創建，是一個開放源代碼瀏覽器自動化框架，使 JavaScript 工程師可以在 Chromium，Webkit 和 Firefox 瀏覽器上測試其 Web 應用程序。
https://github.com/microsoft/playwright
2020 年增長 19.1K
Visual Studio Code 是一個運行于 OS X，Windows 和 Linux 之上的，針對于編寫現代 Web 和云應用的跨平臺編輯器。
也是當今天前端最流行的編輯器！
https://github.com/microsoft/vscode
2020 年增長 16.6K
它是一個「JavaScript」Bundler 打包和壓縮工具，它可以將「JavaScript」和「TypeScript」代碼打包分發在網頁上運行。
esbuild 是一個用 Go 語言編寫的用于打包，壓縮 Javascript 代碼的工具庫。
它最突出的特點就是打包速度極快 （extremely fast），下圖是 esbuild 跟 webpack, rollup, Parcel 等打包工具打包效率的一個 benchmark:
https://github.com/evanw/esbuild
2020 年增長 16K
vue-element-admin 是一個后臺前端解決方案，它基于 vue 和 element-ui實現。它使用了最新的前端技術棧，內置了 i18n 國際化解決方案，動態路由，權限驗證，提煉了典型的業務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業級中后臺產品原型。相信不管你的需求是什么，本項目都能幫助到你。
https://github.com/PanJiaChen/vue-element-admin
2020 年增長 15.7K
一個跨平臺，可定制的科幻小說終端模擬器，具有先進的監控和觸摸屏支持。
它深受 DEX-UI 和 TRON Legacy 電影效果的啟發，是一個類似于科幻電腦界面的全屏桌面應用程序。
提供了可視化動態監測系統性能的圖表、資源列表、觸屏鍵盤等等，使其看起來非常高端大氣上檔次，另外還完美的支持終端操作，并且支持 Window、macOS、Linux 系統。
作為從小就喜歡黑科技的貓哥來說，已經按耐不住要裝 X 啦！
詳情可以看看: 適用 Win、Mac、Linux，酷炫的極客界面 eDEX-UI
https://github.com/GitSquared/edex-ui
2020 年增長 15.5K
這是一個用于 生產環境的 React 框架。
Next.js 為您提供生產環境所需的所有功能以及最佳的開發體驗：包括靜態及服務器端融合渲染、 支持 TypeScript、智能化打包、 路由預取等功能 無需任何配置。
https://github.com/vercel/next.js
2020 年增長 15.5K
一個實用程序優先的 CSS 框架，用于快速構建自定義用戶界面。
無需離開您的 HTML，即可快速建立現代網站。
Tailwind CSS 是一個功能類優先的 CSS 框架，它集成了諸如 flex, pt-4, text-center 和 rotate-90 這樣的的類，它們能直接在腳本標記語言中組合起來，構建出任何設計。
https://github.com/tailwindlabs/tailwindcss
平時如何發現好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源項目
初級前端與高級前端之間，很大原因就是投入學習前端的時間、經驗的差別，其實就是信息差。
如果有一個地方能又快又好的獲得這些優質的前端信息，那么將會大大縮短從初級到高級的時間。
基于這個初衷，于是就誕生了 前端GitHub，能幫助前端開發人員節省時間的公眾號！
前端GitHub 專注于挖掘 GitHub 上優秀的前端開源項目，并以專題的形式推薦，每專題大概 10 個好項目，每周會有一到三篇精華文章推送。
不知不覺，原創文章已經寫到第 35 期了呢，幾乎每一篇都是貓哥精心挑選的優質開源項目，推送的每一篇文章里面的項目幾乎都是對前端開發很有幫助的。
原創不易，一篇優質的文章都是要肝幾個晚上才能肝出來的，花費很多時間、精力去篩選和寫推薦理由，大佬們看完文章后順手點個贊或者轉發吧，就當給貓哥一點鼓勵吧。
https://github.com/FrontEndGitHub/FrontEndGitHub
作者：HelloGitHub-小魚干
摘要：后浪，這個五月熱詞用來概括 GitHub 本周熱點無疑是最佳詞匯。Deno 這個 Node.js 作者制造出來的后浪，掀起了 GitHub Trending 的熱浪，帶著“更好的 Node.js”標簽的它無疑是前端領域的強勁后浪。而 Draw.io Integration 也接棒前輩 Live Server 讓 VSCode 的生態鏈更加完善。青出于藍而勝于藍，提升開發效率是 GitHub 項目的首要任務，本周的 #提高開發效率# 主題的 3 個項目就是最好的效率代表，且不說提高 Android UI 開發效率的 UI 庫：QMUI_Android，但是能解決 Java 70% 重復工作：jeecg-boot 都是效率的代表。
以下內容摘錄自 HelloGitHub 的 GitHub Trending，選項標準：新發布 | 實用 | 有趣，根據項目 release 時間分類，發布時間不超過 7 day 的項目會標注 New，無該標志則說明項目 release 超過一周。由于本文篇幅有限，還有部分項目未能在本文展示，望周知
本周 star 增長數：3800+
開源即獲 2k+ star #GitHub Trending# VSCode 擴展 Draw.io Integration 是一個支持你在 VSCode 使用 draw.io 繪圖功能的工具，有了它，流程圖、腦圖也在 VSCode 里繪制啦，BTW，開源不到 48 小時該擴展已有 10,000+ 安裝量。
GitHub 地址→https://github.com/hediet/vscode-drawio
本周 star 增長數：2300+
New：Pose Animator 是一個基于 PoseNet 和 FaceMesh 可將你 Pose 變成 2D 動畫的工具，生成的動畫人物會根據你的表情和肢體動作做出相應動作。來制作你的 2D 鏡像人吧！
GitHub 地址→https://github.com/yemount/pose-animator
本周 star 增長數：1650+
《可解釋的機器學習--黑盒模型可解釋性理解指南》中文版已上線，該書原作者是 Christoph Molnar，他是一名統計學家和機器學習者 @christophM，這本書的重點是機器學習的可解釋性。你將學習簡單的、可解釋的模型，如線性回歸、決策樹和決策規則等。后面幾章重點介紹了解釋黑盒模型的模型無關的一般方法，如特征重要性和累積局部效應，以及用 Shapley 值和 LIME 解釋單個實例預測。
GitHub 地址→https://github.com/MingchaoZhu/InterpretableMLBook
本周 star 增長數：950+
AI 圣經——DeepLearning 是由三位全球知名專家 IanGoodfellow、YoshuaBengio、AaronCourville 編著，全書囊括了數學及相關概念的背景知識，包括線性代數、概率論、信息論、數值優化以及機器學習中的相關內容。
GitHub 地址→https://github.com/MingchaoZhu/DeepLearning
本周 star 增長數：2300+
New：sha256-animation 是使用 Ruby 編寫的在終端中展示 SHA-256 哈希函數動畫的工具。通過該項目的動畫，你可以了解到 SHA-256 邏輯操作原理，將其組合創建函數。
GitHub 地址→https://github.com/in3rsha/sha256-animation
本周 star 增長數：450+
Spug 是面向中小型企業設計的無 Agent 的自動化運維平臺，整合了主機管理、主機批量執行、主機在線終端、應用發布、任務計劃、配置中心、監控、報警等一系列功能。
GitHub 地址→https://github.com/openspug/spug
本周 star 增長數：7000+
Deno 是一個新的 Runtime，用于在 Web 瀏覽器之外執行 JavaScript 和 TypeScript。它最初是由 Node.js 之父 Ryan Dahl 創造，是當前對 Node.js 的更好的實現。而本周 Deno 1.0 發布之后，在技術圈引起熱烈討論，每日 GitHub Trending 都可以看到它的身影，可見前端工程師的對其青睞有加。
GitHub 地址→https://github.com/denoland/deno
本周 star 增長數：800+
New：lite 是一個主要用 Lua 編寫的輕量級文本編輯器——它的目標是提供一些實用、漂亮、小巧和快速的工具，易于使用、修改和擴展，不需要做任何操作即可使用。
GitHub 地址→https://github.com/rxi/lite
本周 star 增長數：850+
spring boot demo 是一個用來深度學習并實戰 spring boot 的項目，目前總共包含 65 個集成 demo，已經完成 53 個。該項目已成功集成 actuator(監控)、admin(可視化監控)、logback(日志)、aopLog(通過 AOP 記錄 web 請求日志)、統一異常處理(json 級別和頁面級別)、freemarker(模板引擎)、thymeleaf(模板引擎)、Beetl(模板引擎)、Enjoy(模板引擎)、JdbcTemplate(通用 JDBC 操作數據庫)、JPA(強大的 ORM 框架)、mybatis(強大的 ORM 框架) 等等。
GitHub 地址→https://github.com/xkcoding/spring-boot-demo
本周 star 增長數：150+
OneForAll 是一款功能強大的子域收集工具，功能特性
GitHub 地址→https://github.com/shmilylty/OneForAll
站在巨人的肩膀上方能看得更遠，使用已有的開源項目方能（節省開發量）提升開發效率，無論是前端、后端、移動端，都存在多個可提升工程師效率的項目，這里選擇了 3 個項目，希望能在你的項目中使用到它們，提升你的開發效率。
本周 star 增長數：200+
QMUI Android 的設計目的是用于輔助快速搭建一個具備基本設計還原效果的 Android 項目，同時利用自身提供的豐富控件及兼容處理，讓開發者能專注于業務需求而無需耗費精力在基礎代碼的設計上。特性：
GitHub 地址→https://github.com/Tencent/QMUI_Android
本周 star 增長數：100+
JustAuth，如你所見，它僅僅是一個第三方授權登錄的工具類庫，它可以讓我們脫離繁瑣的第三方登錄 SDK，讓登錄變得So easy!目前已支持Github、Gitee、微博、釘釘、百度、Coding、騰訊云開發者平臺、OSChina、支付寶、QQ、微信、淘寶、Google、Facebook、抖音、領英、小米、微軟、、Teambition、StackOverflow、Pinterest、人人、華為、企業微信、酷家樂、Gitlab、美團、餓了么和推特等第三方平臺的授權登錄。
GitHub 地址→https://github.com/justauth/JustAuth
本周 star 增長數：500+
基于代碼生成器的低代碼開發平臺，開源界“小普元”超越傳統商業開發平臺！前后端分離架構：SpringBoot 2.x，Ant Design&Vue，Mybatis-plus，Shiro，JWT。強大的代碼生成器讓前后端代碼一鍵生成，無需寫任何代碼! 引領新開發模式(OnlineCoding-> 代碼生成-> 手工 MERGE)，幫助 Java 項目解決 70% 重復工作，讓開發更關注業務邏輯，既能快速提高開發效率，幫助公司節省成本，同時又不失靈活性。
GitHub 地址→https://github.com/zhangdaiscott/jeecg-boot
GitHub 熱點速覽 Vol.19：如何叩響大廠的門？
GitHub 熱點速覽 Vol.18：刷 LeetCode 的正確姿勢
GitHub 熱點速覽 Vol.17：在？各家視頻會員要不要？
以上為 2020 年第 20 個工作周的 GitHub Trending 如果你 Pick 其他好玩、實用的 GitHub 項目，記得來 HelloGitHub issue 區和我們分享下喲
最后，歡迎留言聯系我們、加入我們*(^^)*