GitHub的十大JavaScript項(xiàng)目
JavaScript最初只是為開發(fā)網(wǎng)頁(yè)的客戶端而知名的,而且隨著新的框架被開發(fā)用于服務(wù)器端。JavaScript已經(jīng)成為當(dāng)今世界上最流行的編程語(yǔ)言之一也就不足為奇了。
隨著越來(lái)越多的程序員學(xué)習(xí)用JavaScript編寫代碼,偉大的項(xiàng)目也在不斷增加。
1. React.js
88,356★
JavaScript主要用于客戶端項(xiàng)目,React.js是用于開發(fā)出色的前端設(shè)計(jì)和交互的框架示例。由Facebook創(chuàng)建,React是一個(gè)用于創(chuàng)建功能強(qiáng)大的可重用UI組件的庫(kù)。
使用React的優(yōu)勢(shì)之處在于它通過(guò)使用虛擬DOM來(lái)隱藏復(fù)雜性,這有助于提高應(yīng)用程序的性能。React的功能包括JavaScript語(yǔ)法擴(kuò)展,單向數(shù)據(jù)流,組件等等。
學(xué)習(xí)React是非常容易的,如果你對(duì)JavaScript有很好的把握。您可以從React.js網(wǎng)站訪問(wèn)該教程。React的安裝和設(shè)置非常簡(jiǎn)單。
- npm install -g create-react-app
- create-react-app my-app
- cd my-app
- npm start
2. Vue.js
83,742★
就像React一樣,Vue是構(gòu)建優(yōu)秀用戶界面的另一個(gè)框架。這種漸進(jìn)式框架的設(shè)計(jì),隨著時(shí)間的推移很容易適應(yīng),這使得庫(kù)很容易與其他項(xiàng)目整合并隨時(shí)使用。
Vue.js以其簡(jiǎn)單性而廣為人知,除此之外,它是輕量級(jí)的,有良好的文檔記錄,并且在開發(fā)期間具有靈活性。Vue鼓勵(lì)開發(fā)人員編寫“簡(jiǎn)單的JavaScript”,因此,初學(xué)者很容易掌握。
Vue非常易于安裝和設(shè)置。
- npm install -g vue-cli
- vue init webpack my-app
- cd my-app
- npm install
- npm run dev
3. Node.js
45,478★
這里是有史以來(lái)最好的服務(wù)器端開發(fā)框架之一,這使得JavaScript在服務(wù)器端腳本項(xiàng)目中非常受歡迎。
Node.js帶來(lái)了包管理工具NPM,它幫助許多開發(fā)人員更輕松地生活。開發(fā)人員也喜歡它提供了一個(gè)非阻塞的I / O模型,可用于開發(fā)實(shí)時(shí)Web應(yīng)用程序,易于學(xué)習(xí),并且擁有一個(gè)大型社區(qū)。
Windows和Linux上Node的安裝過(guò)程不同。對(duì)于Windows,只需下載并安裝Node.js 可執(zhí)行應(yīng)用程序即可 。
對(duì)于Linux,下面的Linux終端命令會(huì)安裝它:
- sudo apt-get update
- sudo apt-get install nodejs
安裝后,應(yīng)運(yùn)行以下命令以確認(rèn)安裝是否成功。
- node -v
4.Atom
43,368★
這是您將找到的最好的文本編輯器之一。它與Sublime Text和Visual Studio等競(jìng)爭(zhēng),因?yàn)樗哂泄δ軓?qiáng)大,并且具有智能自動(dòng)完成功能,集成的拼寫檢查功能,并且非常易于使用。
然而,開始使用Atom非常困難,這是因?yàn)樾枰ㄙM(fèi)時(shí)間來(lái)設(shè)置插件,以幫助創(chuàng)造出色的體驗(yàn)。
在Linux上安裝Atom并不困難,運(yùn)行下面的命令可以完成這項(xiàng)工作。
- curl -L https://packagecloud.io/AtomEditor/atom/gpgkey | sudo apt-key add -
- sudo sh -c 'echo "deb [arch=amd64] https://packagecloud.io/AtomEditor/atom/any/ any main" >
- /etc/apt/sources.list.d/atom.list'
- sudo apt-get update
- sudo apt-get install atom
在Windows上安裝它也不困難,可以從GitHub頁(yè)面下載可執(zhí)行文件。
5. HTML5
Boilerplate
39,744★
隨著時(shí)間的推移,網(wǎng)頁(yè)的發(fā)展變得越來(lái)越復(fù)雜。由于生產(chǎn)力越來(lái)越成為瓶頸,減少日常工作具有重要意義。
借助HTML5 Boilerplate項(xiàng)目,開發(fā)過(guò)程變得更加愉快。這會(huì)是您發(fā)現(xiàn)的最流行的前端樣板框架,因?yàn)樗兄跇?gòu)建快速,健壯和適應(yīng)性強(qiáng)的Web應(yīng)用程序。
它包括Normalize.css,jQuery,Modernizr人臉檢測(cè)庫(kù)的自定義版本,并且提供高性能。
HTML5 Boilerplate框架可以從他們的GitHub頁(yè)面下載。
6.Three.js
39,297★
有幾個(gè)流行的3D計(jì)算機(jī)圖形框架,Three.js就是其中之一。Three.js用于通過(guò)使用WebGL引擎在Web瀏覽器中創(chuàng)建漂亮的3D計(jì)算機(jī)圖形。
Three.js帶有一些功能。諸如效果和場(chǎng)景,相機(jī),皮膚網(wǎng)格和變形混合網(wǎng)格,燈光 , 動(dòng)畫等功能已經(jīng)幫助它獲得了普及。
其龐大的開發(fā)人員和用戶群體是非常積極的,所以您可以期待該項(xiàng)目的穩(wěn)定改進(jìn)。
Three.js易于安裝,可以從GitHub頁(yè)面下載。
7. MeteorJS
39,213★
構(gòu)建所有平臺(tái)應(yīng)用程序的框架而言,MeteorJS是您找到的最好的應(yīng)用程序之一。
MeteorJS支持實(shí)時(shí)的Web開發(fā),使得客戶端,服務(wù)器端和應(yīng)用程序數(shù)據(jù)庫(kù)的開發(fā)變得容易得多,易于初學(xué)者編寫代碼,并且擁有龐大的開發(fā)者社區(qū)。
尋找指南?這是Meteor的開發(fā)者寫的一個(gè)。
Meteor很容易安裝,運(yùn)行下面的終端命令將完成這項(xiàng)工作。
- sudo curl https://install.meteor.com/ | sh
要檢查安裝是否成功,請(qǐng)使用以下命令:
- meteor --version
8. Express.js
36,624★
在文章的前面,我們討論了Node.js框架。Express實(shí)際上是建立在Node.js之上的!
Express.js是一個(gè)靈活的基于Node.js的Web應(yīng)用程序框架,用于開發(fā)高質(zhì)量的Web和移動(dòng)應(yīng)用程序。
用于構(gòu)建Web應(yīng)用程序和API,Express.js在JavaScript社區(qū)中非常流行。如果你在業(yè)務(wù)中待了一段時(shí)間,那么你很可能聽說(shuō)過(guò)MEAN堆棧--Express構(gòu)成了堆棧的后端部分。
Express使開發(fā)過(guò)程更快,配置和定制更容易,可以集成大量模板引擎,并且不會(huì)與數(shù)據(jù)庫(kù)連接造成麻煩。
由于Express構(gòu)建在Node.js上,因此可以使用NPM工具進(jìn)行安裝。
- npm init
然后安裝并將Express添加到依賴關(guān)系列表中:
- npm install express --save
或者在沒(méi)有將Express添加到依賴關(guān)系列表的情況下進(jìn)行安裝:
- npm install express --no-save
9. Chart.js
35,151★
在這個(gè)大數(shù)據(jù)的世界里,數(shù)據(jù)的可視化已經(jīng)變得非常重要,不僅對(duì)統(tǒng)計(jì)人員而且對(duì)web開發(fā)人員也是如此。
借助Chart.js,您可以在網(wǎng)頁(yè)上顯示精美的圖表,確保在可視化數(shù)據(jù)之前不必經(jīng)歷環(huán)境變化。
Chart.js重量輕,速度快,可用于創(chuàng)建響應(yīng)式圖表,具有非常明確的文檔,并支持多達(dá)8種圖表類型。如果這還不夠的話,Chart.js擁有一個(gè)龐大的用戶社區(qū),因此您可以快速找到問(wèn)題的解決方案。
該圖表庫(kù)可以使用npm工具進(jìn)行安裝,只需使用以下命令:
- npm install chart.js --save
10.Yarn
30,168★
這是一個(gè)JavaScript包管理工具,有助于簡(jiǎn)化開發(fā)過(guò)程。
和react一樣,yarn也是由facebook開發(fā)的,它可以被看作是對(duì)npm工具的改進(jìn),因?yàn)樗梢詫pm沒(méi)有的操作并行化,從而更有效地利用網(wǎng)絡(luò)。
Yarn受歡迎的一些原因是它的執(zhí)行速度,強(qiáng)大的工作系統(tǒng),許可證檢查的可用性以及與NPM和Bower軟件包管理工具的令人難以置信的兼容性。
Yarn可以使用npm工具進(jìn)行安裝:
- npm install yarn --global
在Linux上,它也可以使用下面的命令進(jìn)行安裝:
- curl - sS https: //dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
- echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee / etc / apt / sources.list.d / yarn.list
然后:
- sudo apt-get update && sudo apt-get install yarn
有需求的小伙伴趕緊轉(zhuǎn)發(fā)收藏吧~~!