開發(fā)時常用的優(yōu)秀短代碼片段，都在這里了。

編程導(dǎo)航 致力于推薦優(yōu)質(zhì)編程資源 ??

項目開源倉庫：https://github.com/liyupi/code-nav

跪求一個 star ??

大家好，我是魚二。我發(fā)現(xiàn)很多朋友學(xué)編程時都存在這樣一個問題，雖然看視頻教程或者書籍能看懂，但是離開了教程，自己卻寫不出來代碼，更別提寫出優(yōu)質(zhì)的代碼了。

此外，我在工作中，發(fā)現(xiàn)身邊一些程序員，雖然說能寫出可運(yùn)行的代碼，但是代碼寫的很粗糙，有時 1 行代碼能完成的功能他們要寫 10 行、20 行，看著都累。

為什么會出現(xiàn)這些問題呢？不一定僅僅是因為代碼寫的少，更多的是由于看的代碼少。

學(xué)編程多實踐固然重要，但多看他人的項目代碼、學(xué)習(xí)優(yōu)秀的寫法同樣重要！

因此今天給大家推薦一個非常實用的網(wǎng)站，是由國外大神建設(shè)的，名為 ?30 seconds of code 。

站如其名，該網(wǎng)站收集了程序員開發(fā)工作中經(jīng)常會用到的短代碼片段，目標(biāo)是通過 30 秒的時間教你寫出優(yōu)秀的代碼。支持 JavaScript、CSS、Python 等編程語言，以及 React、Node 等主流技術(shù)，可以幫助大家掌握視頻教程中根本沒有機(jī)會學(xué)到的優(yōu)秀代碼寫法和實用編程技巧。

以 JavaScript 語言為例，我們可以按照分類來選擇自己想學(xué)習(xí)的代碼片段，可以看到文章列表。

進(jìn)入一篇文章，比如這個 How can I define an enum in JavaScript? ?譯為如何在 JavaScript 中定義一個枚舉。

你大概會覺得這非常簡單，很輕松地寫出類似代碼：

//?日期枚舉
const?daysEnum?=?{
??monday:?0,
??tuesday:?1
});


如果你只跟著視頻教程敲代碼，大概一輩子也想不到這個寫法其實是錯誤的！即使用了 const 常量關(guān)鍵字，但對象內(nèi)部的屬性仍可以被修改，不符合枚舉類的要求。

而在這篇文章中，就提供了規(guī)范的枚舉定義方法，果然非常簡短，甚至不到 30 秒就學(xué)會了。文章中還附有編程思路和代碼講解，不僅要教你寫出優(yōu)秀的代碼，還要引導(dǎo)你去思考如何寫出優(yōu)秀的代碼。

網(wǎng)站目前已經(jīng)收錄了幾百個優(yōu)秀短代碼片段了，我強(qiáng)烈建議所有學(xué)習(xí)前端、Python 等語言的同學(xué)每天花一點(diǎn)時間，把網(wǎng)站上優(yōu)秀的例子通通刷一遍，對你的編程能力提升絕對很大。即使沒時間通關(guān)，也可以使用網(wǎng)站提供的搜索功能，遇到問題時，根據(jù)問題關(guān)鍵詞去找自己需要的代碼就行了~

歡迎有需要的同學(xué)試試，如果本文對您有幫助，也請幫忙點(diǎn)個 贊 啦！??

?? 項目地址：https://www.code-nav.cn/rd/?rid=17453ede60863097044dfbbd13e335ad

在 編程導(dǎo)航（ https://www.code-nav.cn ） 中還能發(fā)現(xiàn)更多優(yōu)質(zhì)編程學(xué)習(xí)資源，歡迎分享給有需要的同學(xué)吧！