[[392770]]

今天給大家推薦的是排名前十的 10 大前端開源項(xiàng)目，每個(gè)都有 100K 左右的 Star，都開源了些啥？

相信很多人都不知道吧，今天帶大家來(lái)了解一下吧。

1. freeCodeCamp

• 323 K

[[392771]]

FreeCodeCamp 是一個(gè)自由開源的學(xué)習(xí)編程的社區(qū)，致力于幫助人們利用零散時(shí)間學(xué)習(xí)編程。它的使命是 Learn to code and help nonprofits（學(xué)習(xí)編程，去幫助那些非盈利組織）。

FCC 涵蓋 HTML5、CSS、React、JavaScript、Database 等課程，游戲化程度非常高，學(xué)員可以通過(guò)線上聊天室和線下社區(qū)活動(dòng)（Coffee and Code）相互幫助。

目前覆蓋全球 160+ 個(gè)國(guó)家、1000+ 個(gè)城市，40W+ 開發(fā)者在平臺(tái)學(xué)習(xí)。

FreeCodeCamp 國(guó)內(nèi)的中文版請(qǐng)看 https://freecodecamp.cn （這是由國(guó)內(nèi)愛好者翻譯的中文版本）

https://github.com/freeCodeCamp/freeCodeCamp

2. Vue.js

• 182K

Vue.js 是一個(gè)漸進(jìn)式 JavaScript 框架，也是目前前端最流行的框架。

易用

• 已經(jīng)會(huì)了 HTML、CSS、JavaScript？即刻閱讀指南開始構(gòu)建應(yīng)用！

靈活

• 不斷繁榮的生態(tài)系統(tǒng)，可以在一個(gè)庫(kù)和一套完整框架之間自如伸縮。

高效

• 20kB min+gzip 運(yùn)行大小

• 超快虛擬 DOM

• 最省心的優(yōu)化

https://github.com/vuejs/vue

3. React

• 167K

一個(gè)聲明性，高效且靈活的 JavaScript 庫(kù)，用于構(gòu)建用戶界面。

聲明式

React 使創(chuàng)建交互式 UI 變得輕而易舉。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖，當(dāng)數(shù)據(jù)改變時(shí) React 能有效地更新并正確地渲染組件。

以聲明式編寫 UI，可以讓你的代碼更加可靠，且方便調(diào)試。

組件化

創(chuàng)建擁有各自狀態(tài)的組件，再由這些組件構(gòu)成更加復(fù)雜的 UI。

組件邏輯使用 JavaScript 編寫而非模板，因此你可以輕松地在應(yīng)用中傳遞數(shù)據(jù)，并使得狀態(tài)與 DOM 分離。

一次學(xué)習(xí)，隨處編寫

無(wú)論你現(xiàn)在正在使用什么技術(shù)棧，你都可以隨時(shí)引入 React 來(lái)開發(fā)新特性，而不需要重寫現(xiàn)有代碼。

React 還可以使用 Node 進(jìn)行服務(wù)器渲染，或使用 React Native 開發(fā)原生移動(dòng)應(yīng)用。

https://github.com/facebook/react

4. awesome

• 157K

awesome：令人敬畏的；使人畏懼的；可怕的；極好的

就像我們匯總我們常用的電腦環(huán)境軟件一樣，我們會(huì)找一些非常好的適合我們用的軟件來(lái)做一個(gè)總結(jié)，awesome 項(xiàng)目也是如此，由于 GitHub 上有大量的開源項(xiàng)目，開發(fā)者就會(huì)根據(jù)需要匯總一些常用的好用的資源，并且根據(jù) awesome 的主題做一下劃分，開發(fā)語(yǔ)言等也有類似資源匯總。

https://github.com/sindresorhus/awesome

5. bootstrap

• 149K

[[392775]]

流暢，直觀且功能強(qiáng)大的前端框架，可更快，更輕松地進(jìn)行 Web 開發(fā)。

使用世界上最流行的前端開源工具包 Bootstrap 快速設(shè)計(jì)和自定義響應(yīng)式移動(dòng)優(yōu)先站點(diǎn)，它具有 Sass 變量和 mixins，響應(yīng)式網(wǎng)格系統(tǒng)，大量的預(yù)構(gòu)建組件以及強(qiáng)大的 JavaScript 插件。

https://github.com/twbs/bootstrap

6. You-Dont-Know-JS

• 136K

該項(xiàng)目為 YDNJS(You Don’t Know JS) 圖書系列，包含一系列深入探討 JavaScript 語(yǔ)言核心機(jī)制的書籍。

內(nèi)容大綱

• 入門與進(jìn)階

• 作用域與閉包

• this 與對(duì)象原型

• 類型與文法

• 異步與性能

• ES6 與未來(lái)

https://github.com/getify/You-Dont-Know-JS

7. vscode

• 114K

Visual Studio Code 是一個(gè)運(yùn)行于 OS X，Windows 和 Linux 之上的，針對(duì)于編寫現(xiàn)代 Web 和云應(yīng)用的跨平臺(tái)編輯器。

也是當(dāng)今天前端最流行的編輯器！

https://github.com/microsoft/vscode

8. javascript

• 107K

這個(gè)項(xiàng)目是 JavaScript 編程風(fēng)格指南。

包含了：類型、對(duì)象、數(shù)組、字符串、函數(shù)、屬性、變量、提升、比較運(yùn)算符 & 等號(hào)、塊、注釋、空白、逗號(hào)、分號(hào)、類型轉(zhuǎn)化、命名規(guī)則、存取器、構(gòu)造函數(shù)、事件、模塊、jQuery、ECMAScript 5 兼容性、測(cè)試、性能、資源、JavaScript 風(fēng)格指南說(shuō)明

https://github.com/airbnb/javascript

9. javascript-algorithms

• 103K

該倉(cāng)庫(kù)包含了多種基于 JavaScript 的算法與數(shù)據(jù)結(jié)構(gòu)。

每種算法和數(shù)據(jù)結(jié)構(gòu)都有自己的 README，包含相關(guān)說(shuō)明和鏈接，以便進(jìn)一步閱讀 (還有 YouTube 視頻) 。

數(shù)據(jù)結(jié)構(gòu)包含了 鏈表、雙向鏈表、隊(duì)列、棧、哈希表(散列)、堆、優(yōu)先隊(duì)列、字典樹、樹、優(yōu)先隊(duì)列、二叉查找樹、AVL 樹、紅黑樹、線段樹、樹狀數(shù)組、圖、并查集、布隆過(guò)濾器

算法包含了 算法主題 和 算法范式。

其中算法主題又包含了：數(shù)學(xué)、集合、字符串、搜索、排序、鏈表、樹、圖、加密、機(jī)器學(xué)習(xí)。

算法范式：算法范式是一種通用方法，基于一類算法的設(shè)計(jì)。這是比算法更高的抽象，就像算法是比計(jì)算機(jī)程序更高的抽象。

算法范式包含了：BF 算法、貪心法、分治法、動(dòng)態(tài)編程、回溯法、Branch & Bound 等等。

這項(xiàng)目還出了對(duì)應(yīng)的教學(xué)視頻，總共 81 個(gè)視頻講解，每個(gè)視頻大概 5 - 10分鐘左右，還能學(xué)習(xí)英語(yǔ)哦 :wink:

youtube 的教學(xué)視頻：https://www.youtube.com/playlist?list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8

貓哥之前學(xué)習(xí)算法的時(shí)候，也在這個(gè)項(xiàng)目中收益良多呢！

而且這個(gè)項(xiàng)目還一直有維護(hù)和更新內(nèi)容哦！真的非常不錯(cuò)的一個(gè)項(xiàng)目！

https://github.com/trekhleb/javascript-algorithms

10. d3

• 96K

使用 SVG、Canvas 和 HTML 使數(shù)據(jù)生動(dòng)起來(lái)。

D3（或D3.js）是一個(gè) JavaScript 庫(kù)，用于使用 Web 標(biāo)準(zhǔn)可視化數(shù)據(jù)。D3 可幫助您使用SVG，Canvas 和 HTML 使數(shù)據(jù)栩栩如生。D3 將強(qiáng)大的可視化和交互技術(shù)與數(shù)據(jù)驅(qū)動(dòng)的 DOM 操作方法相結(jié)合，為您提供現(xiàn)代瀏覽器的全部功能，并為您的數(shù)據(jù)設(shè)計(jì)正確的可視界面提供了自由。

https://github.com/d3/d3