助力前端开发的 5 个实用网站

近年来，越来越多的人开始对前端技术感兴趣。然而前端领域的技术日新月异，如何快速从前端小白进化成资深工程师，少走弯路，对于一些刚入门的小伙伴是一个比较大的挑战，这也是本篇文章想要帮助解决的问题。

本文下方会列出有助于前端学习、实践、工作的 5 个实用网站，来帮助前端工程师更好的成长。

https://codepen.io/

CodePen 是一个以代码编辑器为主要功能的网站。

在该网站，用户可以创建、管理自己的 Pen 或者 Project。网站也同时提供了极其方便的 JS 库引入功能，你可以直接引入 React、Vue 等相关依赖，把 codepen 作为 playground 来学习使用最流行的前端框架技术。

除此以外，进入首页可以让你浏览来自全球开发者的前端创意作品，工作之余看看 Trending 列表，往往会有意想不到的收获。

https://qingfuwu.cn/

轻服务是一个提供开箱即用的云服务、并支持 Web IDE的平台。

在传统的开发流程中，要实现一个完整的项目，除了前端工作，还有API 开发、资源部署、线上运维等工作。出于语言或不同领域技术的差别，大部分前端工程师往往无法参与到这类任务中。轻服务的出现，解决了这一难题。

作为新兴的云服务平台，轻服务提供了开箱即用的数据库、云函数、页面托管等能力，使用者无需关心服务器搭建、数据库部署、环境配置等繁琐的事务。目前平台已支持包括 Node.js 在内的多种运行时，让用户可以用 JS 完成应用的全部开发工作，最大程度的提升开发效率。如果你致力于成为一名全栈开发者，那么这个网站你一定不能错过。

https://github.com/

GitHub 是一个集开源代码协作、CI/CD 等功能为一体的代码托管平台。

在计算机科学领域的发展过程中，「开源」起到了不可忽视的推动作用。同样，阅读优秀的开源代码以提升编程水平，对于软件工程师来说也是极为重要的。在 GitHub，你可以查看优秀的前端框架源码，学习先进的设计理念，或者向开源项目提交 PR，甚至维护自己的开源项目，帮助其他对前端技术感兴趣的开发者。也可以关注行业内那些极具影响力的账号，时刻了解前端趋势。

https://lhammer.cn/You-need-t...

You-need-to-know-css 是一个收集常见 CSS 布局、样式解决方案的网站。

在日常工作中你是否也遇到过突然忘记一个常用的 CSS 技巧？或是想要实现一个简单的布局，但代码却臃肿又难看的情况？如果你有以上的问题，不妨去这个网站搜索一下。在这里你可以查看到最优雅的实现方式，每个实现下方都附带了详细的浏览器兼容性说明。在提升工作效率的同时还能加深对 CSS 技术的认识，一举两得。

https://www.ideaswatch.com/

ideaswatch 是一个致力于收集各种 startup 项目 idea 的网站。

大家都知道掌握知识最好的办法就是去实践，然而很多工程师苦于创意枯竭，一身新技术无处使用。这里推荐 ideaswatch 来帮助工程师开启自己的练手项目。如今网站内已创建了超过 3000 个 idea 供用户挑选，在没有任何想法时，不妨试着去这个网站找找灵感。

以上就是本文总结出的 5 个实用网站，如果还有其他让你受益良多的网站，欢迎分享在下方评论中～