1、谷歌等现代浏览器自带的代码片段
路径：浏览器开发者工具->源代码->代码段
可以新建很多代码段，在右侧还能点击运行能实时看到效果。支持代码高亮和语法提示。
推荐指数：5颗星
2、github、gitee、gitcode等在线托管平台的gist列表
路径：
- https://gist.github.com/
- https://gitee.com/你的gitee用户名/dashboard/codes
- https://gitcode.net/-/snippets/new
以上新建的代码片段，可以分享给其他小伙伴，也可以设为私密。支持代码高亮和多编程语言，但是他不支持在线运行。
推荐指数：4颗星
3、各大在线IDE平台
这些IDE平台最大的特点是不但能保存代码片段，还能保存一个网站的项目，非常适合学习、演示，对于需要前端构建化的项目，可以直接在线安装依赖包。具体可以参考这篇文章：
5款超好用的在线IDE，可以直接编写前端构建化项目，而无需在本地下载依赖包
唯一的不足就是国内访问速度不够快。
推荐指数：5颗星
4、掘金代码片段
点击新建代码片段后，允许你分别输入HTML+CSS+JS，可以运行、发布共享给其他人。这样其他人也能看到效果演示。
特点：其实就是国内版的在线IDE，界面几乎与codepen.io雷同
推荐指数：4颗星
5、在线笔记
1、notion
2、印象笔记
3、有道笔记等
如果你对web前端开发、面试感兴趣的话可以加V：imqdcnn。群里有各种学习资源发放，免费答疑，更有行业深潜多年的技术牛人分析讲解。
祝你能成为一名优秀的WEB前端开发工程师！
