GitHub網(wǎng)站上包含了目前所有與web開發(fā)相關(guān)的內(nèi)容，提供一站式服務(wù)。這里有框架，有演示，包羅萬象，可能沒有什么是你找不到的。但這也是問題所在——其中有很多有趣的東西，但也許你永遠(yuǎn)不會知道，原因就在于GitHub上可用的存儲庫實在太多。

超過十年行業(yè)經(jīng)驗，技術(shù)領(lǐng)先，服務(wù)至上的經(jīng)營模式，全靠網(wǎng)絡(luò)和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了：網(wǎng)站制作、做網(wǎng)站，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡(luò)托管，小程序設(shè)計，微信開發(fā)，重慶APP軟件開發(fā)，同時也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營銷和我們一樣獲得訂單和生意！

[[319284]]

所以，小芯決定在此介紹一些GitHub上比較流行的存儲庫，其中每個存儲庫都至少擁有30000顆星星。

1、 Realworld

首先要推薦的存儲庫是Realworld，其創(chuàng)造者稱之為“演示應(yīng)用程序之母”。這個說法自然很大膽，但卻不夸張。

Realworld是Medium.com的一個典型翻版(沒錯，可能就是你正在瀏覽的這個平臺!)。不僅如此，Realworld允許開發(fā)者在不同的前端和后端實現(xiàn)之間進(jìn)行選擇，甚至可以將兩者結(jié)合。

Vue.js+Node/Express或React/Redux+Rust，都能搞定!

通過Realworld，開發(fā)者會發(fā)現(xiàn)，同一個社交軟件卻可以用任何不同的流行語言或框架進(jìn)行建構(gòu)，這不神奇嗎?

2、You Don’t Know JS Yet

這一存儲庫實際上是一套十分流行的系列叢書，作者為Kyle Simpson，以筆名Getify廣為人知。這套書深入探討了JavaScript的機(jī)制，涵蓋了以下內(nèi)容：

• 開始著手
• 作用域和閉包
• 對象和類
• 類型和語法
• 同步和異步
• ES.Next及其他

這套書的優(yōu)點在于對讀者完全開放!這絕對是關(guān)于JavaScript最好的系列叢書之一，它也幫助筆者理解了JavaScript的真正含義。即使你認(rèn)為自己很懂JavaScript，也應(yīng)該好好讀這套書，你一定會得到意外的收獲!

3、 Airbnb JavaScript Style Guide

學(xué)習(xí)JavaScript最合理的途徑

Airbnb JavaScript Style Guide是最常見也比較流行的風(fēng)格指南之一，可以幫助開發(fā)者編寫更好的JS代碼，在團(tuán)隊合作中或者在與ESLint結(jié)合時特別實用。

下面是來自文件中的一個示例，使用了const而非var：

 
 

  
  
// bad 
  
  
var a = 1; 
  
  
var b = 2; 
  
  
 
  
  
// good 
  
  
const a = 1; 
  
  
const b = 2; 
 
 

4、 Storybook

Storybook 是一個用于UI組件的開發(fā)環(huán)境。它允許開發(fā)者瀏覽組件庫，查看每個組件的不同狀態(tài)，并交互式地開發(fā)和測試組件，同時支持React、Vue、Angular、React Native、Ember、Web等眾多組件!

Storybook的運行獨立于應(yīng)用程序。這就允許開發(fā)者單獨開發(fā)UI組件，從而提高組件的重用性、可測試性和開發(fā)速度。開發(fā)者可以快速構(gòu)建，而不必?fù)?dān)心與特定應(yīng)用程序之間的依賴關(guān)系。

5、HTML5 Boilerplate

HTML5Boilerplate是一個專業(yè)的前端模板，也是網(wǎng)絡(luò)上比較流行的前端模板之一。它可以幫助開發(fā)者建立快速、耐用、適應(yīng)性強(qiáng)的網(wǎng)站或應(yīng)用程序，微軟、NASA和耐克等公司都在使用。

以下是HTML5 Boilerplate的一些重要特征：

• 配置HTML5。
• 設(shè)計時考慮到漸進(jìn)增強(qiáng)。
• 包括：Normalize.css、jQuery和Modernizer。
• 通過配置提高網(wǎng)站的性能和安全性。
• 占位符CSS媒體查詢。
• 默認(rèn)打印樣式，性能優(yōu)化。
• 谷歌通用分析工具平臺的優(yōu)化版本。

6、Node.js Best Practices

這一存儲庫廣泛整合了有關(guān)Node.js開發(fā)的各種優(yōu)秀實踐，它目前由80多個優(yōu)秀實踐、樣式指南和架構(gòu)技巧組成。

其中包含以下內(nèi)容：

• 項目結(jié)構(gòu)實踐
• 錯誤處理實踐
• 代碼風(fēng)格實踐
• 測試和總體質(zhì)量實踐
• 投入生產(chǎn)實踐
• 安全性實踐
• 效果實踐

這無疑是一個優(yōu)秀的存儲庫，包含了眾多信息。如果想嘗試Node.js開發(fā)，這一存儲庫會是不錯的選擇!

7、Front-End Checklist

在啟動web應(yīng)用程序之前，你是否問過自己其中需要包含哪些東西?需要進(jìn)行哪些測試?Front-End Checklist中就涵蓋了這些!

以下所列對大多數(shù)項目來說都是必須的，其架構(gòu)方式如下：

• 標(biāo)題
• HTML
• 網(wǎng)絡(luò)字體
• CSS
• 圖像
• JavaScript
• 安全
• 性能
• 可實現(xiàn)性
• SEO
• 翻譯

以下是來自蘋果網(wǎng)站應(yīng)用MetaData的示例：

8、NW.js

NW.js是一個基于Chromium和node.js的應(yīng)用程序運行時。在NW.js上，開發(fā)者可以用HTML和JavaScript編寫本地應(yīng)用程序。它還允許開發(fā)者直接從DOM調(diào)用Node.js模塊，形成一種編寫本地應(yīng)用程序的新方法，對任何Web技術(shù)都適用。

以下為它的主要功能：

• 使用現(xiàn)代HTML5、CSS3、JS和WebGL編寫應(yīng)用程序。
• 完全支持Node.js API及其所有第三方模塊。
• 性能良好：Node和WebKit運行在同一線程中。
• 易于打包和分發(fā)應(yīng)用程序。
• 可在Linux、Mac OS X和Windows上使用。

9、fullPage.js

Alvaro Trigo提供的fullPage.js是一個簡單易用的存儲庫，它允許開發(fā)者創(chuàng)建SPA(單頁應(yīng)用程序)和橫向滑塊，可用于Vue、React和Angular，對移動設(shè)備完全響應(yīng)。

開發(fā)者可在開源項目中自由使用這一存儲庫，但如果想在商業(yè)環(huán)境中使用，則必須購買許可證。

這一存儲庫非?？犰?，值得一看!

希望大家能夠在自己的項目中或在其他地方使用以上存儲庫。

 

當(dāng)前名稱：Web開發(fā)者須知:9個流行于GitHub上的存儲庫
網(wǎng)站路徑：http://uogjgqi.cn/article/dpiphhe.html