这些网站太赞了，学习前端千万不能错过！

叁歲伎倆 2023-07-17 15:34 1阅读 0赞

## 1.codepen ##

> https://codepen.io/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70]

> 前端在线编辑学习网站，它最重要的优势有： 即时预览。  
> CodePen是面向前端设计人员和开发人员的社交开发环境。  
> 建立和部署网站，展示您的工作，建立测试用例以学习和调试以及寻找灵感。  
> 被誉为构建，测试和发现前端代码的最佳场所。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 1]

## 2.echojs ##

> https://www.echojs.com/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 2]  
可以快速了解关于JavaScript的最新资讯，包括新框架更新，新功能加入等等等等，点击直连github。

## 3.stackoverflow ##

> https://stackoverflow.com/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 3]

> StackOverflow是一个与程序相关的IT技术问答网站。  
> 用户可以在网站免费提交问题，浏览问题，索引相关内容，在创建主页的时候使用简单的HTML。  
> 亮点：在问题页面，不会弹出任何广告，销售信息，JavaScript 窗口等。

## 4.思否segmentfault ##

> https://segmentfault.com/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 4]

> SegmentFault  
> 思否是中国领先的新一代开发者社区和专业的技术媒体。我们为中文开发者提供纯粹、高质的技术交流平台以及最前沿的技术行业动态。

## 5.css tricks ##

> https://css-tricks.com/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 5]

> CSS Tricks:一个国外的优秀前端开发博客,主要分享使用CSS样式的技巧、经验和教程等。值得前端开发者阅读收藏的国外网站。

## 6.html5rocks ##

> https://www.html5rocks.com/

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 6]  
是 Google 推出的推广HTML5 的站点，  
类似Google的HTML5 推广站点还有:

> Apple 推出的: http://www.apple.com/html5/  
> Microsoft 推出的:http://ie.microsoft.com/testdrive/

## 7.echartsjs ##

> https://www.echartsjs.com/

js的图像库，这个不用多说了，我的博客有一篇是根据vue+echarts制作疫情地图

> https://blog.csdn.net/qq\_43277404/article/details/104535764

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 7]

## 8.github ##

不用多说，不必多说

## 9.最后推荐一个优秀的手机软件sololearn ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 8]

满足你所有的学习需求。不仅仅是前端。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70]: /images/20230528/3e34ab0abb8542c7a98407cdd5399bbf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 1]: /images/20230528/ff9c924fd0264f88982908e69b536a41.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 2]: /images/20230528/da5d4fd61ac642f89ae5120eb7f5ee66.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 3]: /images/20230528/e27d1941193645ce898251e995ffb120.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 4]: /images/20230528/956370843cc54e3fb9bde70b52355cce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 5]: /images/20230528/26708617b71741d2896947a70df4387c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 6]: /images/20230528/4a59f5c1f21c4b9ca8647ea1e0d1ad38.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 7]: /images/20230528/8dffe289e33e4bcf855c8d0b59fae8b4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 8]: /images/20230528/bcb474606c8446459c1cb8e2a3fde87a.png