> 開發時常用的優秀短程式碼片段,都在這裡了。
> **程式設計導航** 致力於推薦優質程式設計資源 ?
>
> 專案開源倉庫: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)
【程式設計導航】國外大神總結的實用程式碼,30 秒學會!
相關文章
- 30秒內便能學會的30個超實用Python程式碼片段Python
- 值得學習總結的網頁導航設計最佳實踐網頁
- 自己總結物件導向程式設計的總結物件程式設計
- 程式設計師學習、招聘網站導航程式設計師網站
- vue-router 程式設計式的導航Vue程式設計
- 國外程式設計師 VS 中國程式設計師程式設計師
- 中國程式設計師和外國程式設計師程式設計師
- 30多年程式設計師生涯經驗總結程式設計師
- 國外程式設計師訪談:學無止境程式設計師
- PHP程式碼審計學習總結PHP
- 程式設計師在國外:矽谷的那些中國程式設計師程式設計師
- Java——物件導向程式設計的一些總結Java物件程式設計
- 程式導向程式設計哲學程式設計
- 程式設計師在國外:澳洲的學習和工作(一)程式設計師
- 物件導向程式設計第二單元總結物件程式設計
- 結對程式設計總結程式設計
- 【程式設計素質】程式設計思想總結程式設計
- 為什麼國外的程式設計師薪資是國內程式設計師薪資的四五倍,國外程式設計師技術都比國內高嗎?程式設計師
- 國外藝術妹紙自學程式設計的第一年總結回顧程式設計
- 【Javascript】DOM程式設計學習總結篇JavaScript程式設計
- Java 併發程式設計學習總結Java程式設計
- 數學與程式設計:“概率論”總結程式設計
- 程式設計技巧總結程式設計
- 10年學到的程式設計經驗總結程式設計
- 國外程式設計師訪談:獨立程式設計師的一週程式設計師
- 程式設計師要學會讀原始碼程式設計師原始碼
- 讀 RocketMQ 原始碼,學習併發程式設計三大神器MQ原始碼程式設計
- 即學即用的 30 段 Python 非常實用的程式碼Python
- 2014流行網頁導航設計總結分享網頁
- Java高階程式設計-姜國海 課程總結Java程式設計
- 數學與程式設計:“機率論”總結程式設計
- 結對程式設計體會程式設計
- 國外程式設計師推薦的免費程式設計書籍資源程式設計師
- 一個外國程式設計師12小時的程式設計生活的記錄程式設計師
- 我2年學習程式設計的經驗總結程式設計
- Nio程式設計模型總結程式設計模型
- 程式設計感悟總結一程式設計
- 招一個寫程式碼的女生:國外女程式設計師是什麼樣的程式設計師