这些【在线网站】让你干活如鱼得水

1. BootCDN

各种js库都可以在这个站上以cdn形式引用

2. vscode.dev

https://vscode.dev/

Visual Studio Code for the Web 提供完全在您的浏览器中运行的免费、零安装 Microsoft Visual Studio Code 体验，使您能够快速、安全地浏览源代码存储库并进行轻量级代码更改。”，也就是说你在使用它之前不需要做任何事，只需要一个稍微正常一点的设备和一个能正常访问的浏览器，然后访问vscode.dev，就可以使用了。

3. processon

https://www.processon.com/

ProcessOn是一个在线协作绘图平台,支持在线制作思维导图、流程图、组织结构图、网络拓扑图、鱼骨图、UML图等,同时可实现人与人之间的实时协作和共享,提升团队工作效率，值得拥有

4. codelf

为了更好的解决编程过程中变量命名和变量统一，也为了使变量命名更加规范、正规，国际著名的面向对象分析设计、UML、模式等方面的专家，敏捷开发方法的创始人之一，Martin Fowler,开发了这个名字叫CodeLF的开源工具。

CodeLF通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Projec的项目源码，帮开发者从中找出已有的匹配关键字的变量名。这个搜索服务支持直接搜索中文。CodeLF支持中文查询，输入中文意思，CODELF可以根据需要查询尽可能满足需要的结果，并展示与查询结果相关的支持各种编程语言的代码片段以及代码库。

5. lucide

https://lucide.dev/

作为前端必然少不了图标的使用，目前流行的主要是SVG图标，不管是在显示上还是通用适配上都比字体图标要好。当然我也用过很多图标库和平台，主要分为平台型和自身的图标库，平台型的比如Iconfont这种，由于是平台型，所以图标质量参差不齐，不过他还支持设计师和前端的图标管理，个人更倾向于使用自身的图标库，因为风格和尺寸都统一，Lucide就是其中的一款SVG图标库，风格上我很喜欢，比较圆滑（stroke-linecap 和 stroke-linejoin 都是 "round"）而且还提供了各种框架的插件，不管是自己下载SVG还是引用相应的插件都可以，使用上非常人性化。

6. RegExr

RegExr是一款功能强大的正则表达式网站，和普通的正则表达式验证网站不同，高亮的同时还可以展示出正则匹配的详细过程，对于正则表达式的每一部分都可以做出准确的解释，比如鼠标移到A-Z上面时，会提示该正则表达的意思是：一个区间，匹配A-Z之间的一个字符（字符编码未65到90）区分大小写。

这样图形化的展现大大提高了开发效率，尤其非常适合初学者！

7. JSONT

https://www.jsont.run/

一款非常6的json操作工具

• 页面简洁好看，没有广告，打开速度快，个人认为这对于一款经常会打开使用的工具型网站是非常重要的。
• 功能强大实用，包括了JSON的格式化验证、编辑、分享、转换等诸多实用功能。

• 支持PWA、Utools插件、Vscode插件等多个第三方的插件，平台覆盖面很广。

  8. OSChina

  开源中国成立于2008年8月，是国内一个开源技术社区，拥有超过300万会员，形成了由开源软件库、代码分享、资讯、协作翻译、码云、众包、招聘等几大模块内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台，综合来说还是比较优秀的一个平台

9. jspang.com

技术胖，15年开发经验，目前主做前端开发。努力每年录制100集免费视频教程，帮助新人学习。他录制的学习资料都比较前沿，讲解通俗易懂，简直就是手摸手教你掌握，极力推荐！

10. 印记中文

https://docschina.org/
印记中文作为国内领先的前端技术传播社区，简直就是前端人的开发导航器，经过一段时间的发展，已经拥有了 React、Webpack、Babel 等优质中文文档站点，并且还开拓了周刊类业务

11. StackOverflow

https://stackoverflow.com/
一个强大的IT技术问答网站，用户可以在网站免费提交问题，浏览问题，索引相关内容。没有这个站上搜不到的问题

12. 刷题/学习站

• 牛客 https://www.nowcoder.com/
• 力扣 https://leetcode.cn/
• 菜鸟 https://www.runoob.com/
• 中国大学 https://www.icourse163.org/
• 慕客 https://www.imooc.com/
• 极客时间 https://time.geekbang.org/
• 网易云课堂 https://study.163.com/
• 尚硅谷 http://www.atguigu.com/
• 马士兵 https://www.mashibing.com/
• 51cto https://www.51cto.com/

• W3school https://www.w3cschool.cn/

  13. IT技术交流平台

• csdn https://www.csdn.net/
• 思否 https://segmentfault.com/
• 博客园 https://www.cnblogs.com/
• 简书 https://www.jianshu.com/
• gitee https://gitee.com/
• 知乎 https://www.zhihu.com/
• infoq https://www.infoq.com/
• 开发者头条 https://toutiao.io/
• 欧鹏网 https://deeteam.cn/