【程式設計導航】國外大神總結的實用程式碼,30 秒學會!

程式設計師魚皮發表於2021-05-29

> 開發時常用的優秀短程式碼片段,都在這裡了。



> **程式設計導航** 致力於推薦優質程式設計資源 ?
>
> 專案開源倉庫:https://github.com/liyupi/code-nav
>
> 跪求一個 star ⭐️



大家好,我是魚二。我發現很多朋友學程式設計時都存在這樣一個問題,雖然看視訊教程或者書籍能看懂,但是離開了教程,自己卻寫不出來程式碼,更別提寫出優質的程式碼了。

此外,我在工作中,發現身邊一些程式設計師,雖然說能寫出可執行的程式碼,但是程式碼寫的很粗糙,有時 1 行程式碼能完成的功能他們要寫 10 行、20 行,看著都累。

![](https://qiniuyun.code-nav.cn/image-20210526212740269.png)

為什麼會出現這些問題呢?不一定僅僅是因為程式碼寫的少,更多的是由於看的程式碼少。

**學程式設計多實踐固然重要,但多看他人的專案程式碼、學習優秀的寫法同樣重要!**

因此今天給大家推薦一個非常實用的網站,是由國外大神建設的,名為  `30 seconds of code` 。

站如其名,該網站收集了程式設計師開發工作中經常會用到的短程式碼片段,目標是通過 30 秒的時間教你寫出優秀的程式碼。支援 JavaScript、CSS、Python 等程式語言,以及 React、Node 等主流技術,可以幫助大家掌握視訊教程中根本沒有機會學到的優秀程式碼寫法和實用程式設計技巧。

![支援多種語言](https://qiniuyun.code-nav.cn/image-20210526212900044.png)

以 JavaScript 語言為例,我們可以按照分類來選擇自己想學習的程式碼片段,可以看到文章列表。

![分類選擇程式碼片段](https://qiniuyun.code-nav.cn/image-20210526213557736.png)

進入一篇文章,比如這個 `How can I define an enum in JavaScript?`  譯為如何在 JavaScript 中定義一個列舉。

你大概會覺得這非常簡單,很輕鬆地寫出類似程式碼:

```javascript
// 日期列舉
const daysEnum = {
  monday: 0,
  tuesday: 1
});
```

如果你只跟著視訊教程敲程式碼,大概一輩子也想不到這個寫法其實是錯誤的!即使用了 `const` 常量關鍵字,但物件內部的屬性仍可以被修改,不符合列舉類的要求。

而在這篇文章中,就提供了規範的列舉定義方法,果然非常簡短,甚至不到 30 秒就學會了。文章中還附有程式設計思路和程式碼講解,不僅要教你寫出優秀的程式碼,還要引導你去思考如何寫出優秀的程式碼。

![](https://qiniuyun.code-nav.cn/image-20210526214427554.png)



網站目前已經收錄了幾百個優秀短程式碼片段了,我強烈建議所有學習前端、Python 等語言的同學每天花一點時間,把網站上優秀的例子通通刷一遍,對你的程式設計能力提升絕對很大。即使沒時間通關,也可以使用網站提供的搜尋功能,遇到問題時,根據問題關鍵詞去找自己需要的程式碼就行了~

![](https://qiniuyun.code-nav.cn/image-20210526215131894.png)

歡迎有需要的同學試試,如果本文對您有幫助,也請幫忙點個 **贊** 啦!❤️

? 專案地址:https://www.code-nav.cn/rd/?rid=17453ede60863097044dfbbd13e335ad

在 [程式設計導航](https://www.code-nav.cn)( https://www.code-nav.cn ) 中還能發現更多優質程式設計學習資源,歡迎分享給有需要的同學吧!

![](https://qiniuyun.code-nav.cn/%E6%9C%8B%E5%8F%8B%E5%9C%88%E9%85%8D%E5%9B%BE-20210522221052673-20210523212141747.png)


相關文章