【编程导航】国外大神总结的实用代码,30 秒学会!

> 开发时常用的优秀短代码片段,都在这里了。

> **编程导航** 致力于推荐优质编程资源 💎
>
> 项目开源仓库://github.com/liyupi/code-nav
>
> 跪求一个 star ⭐️

大家好,我是鱼二。我发现很多朋友学编程时都存在这样一个问题,虽然看视频教程或者书籍能看懂,但是离开了教程,自己却写不出来代码,更别提写出优质的代码了。

此外,我在工作中,发现身边一些程序员,虽然说能写出可运行的代码,但是代码写的很粗糙,有时 1 行代码能完成的功能他们要写 10 行、20 行,看着都累。

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

为什么会出现这些问题呢?不一定仅仅是因为代码写的少,更多的是由于看的代码少。

**学编程多实践固然重要,但多看他人的项目代码、学习优秀的写法同样重要!**

因此今天给大家推荐一个非常实用的网站,是由国外大神建设的,名为  `30 seconds of code` 。

站如其名,该网站收集了程序员开发工作中经常会用到的短代码片段,目标是通过 30 秒的时间教你写出优秀的代码。支持 JavaScript、CSS、Python 等编程语言,以及 React、Node 等主流技术,可以帮助大家掌握视频教程中根本没有机会学到的优秀代码写法和实用编程技巧。

![支持多种语言](//qiniuyun.code-nav.cn/image-20210526212900044.png)

以 JavaScript 语言为例,我们可以按照分类来选择自己想学习的代码片段,可以看到文章列表。

![分类选择代码片段](//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 秒就学会了。文章中还附有编程思路和代码讲解,不仅要教你写出优秀的代码,还要引导你去思考如何写出优秀的代码。

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

网站目前已经收录了几百个优秀短代码片段了,我强烈建议所有学习前端、Python 等语言的同学每天花一点时间,把网站上优秀的例子通通刷一遍,对你的编程能力提升绝对很大。即使没时间通关,也可以使用网站提供的搜索功能,遇到问题时,根据问题关键词去找自己需要的代码就行了~

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

欢迎有需要的同学试试,如果本文对您有帮助,也请帮忙点个 **赞** 啦!❤️

🔍 项目地址://www.code-nav.cn/rd/?rid=17453ede60863097044dfbbd13e335ad

在 [编程导航](//www.code-nav.cn)( //www.code-nav.cn ) 中还能发现更多优质编程学习资源,欢迎分享给有需要的同学吧!

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