de19fd09b6692f24ce43da1e47baa3fb.jpeg
1. BootCDN
各种js库都可以在这个站上以cdn形式引用
[图片上传失败...(image-4dcd45-1673838992305)]
[图片上传失败...(image-e9e315-1673838992305)]
2. vscode.dev
Visual Studio Code for the Web 提供完全在您的浏览器中运行的免费、零安装 Microsoft Visual Studio Code 体验，使您能够快速、安全地浏览源代码存储库并进行轻量级代码更改。”，也就是说你在使用它之前不需要做任何事，只需要一个稍微正常一点的设备和一个能正常访问的浏览器，然后访问vscode.dev，就可以使用了。
[图片上传失败...(image-24a049-1673838992305)]
3. processon
ProcessOn是一个在线协作绘图平台,支持在线制作思维导图、流程图、组织结构图、网络拓扑图、鱼骨图、UML图等,同时可实现人与人之间的实时协作和共享,提升团队工作效率，值得拥有
[图片上传失败...(image-199bdd-1673838992305)]
4. codelf
为了更好的解决编程过程中变量命名和变量统一，也为了使变量命名更加规范、正规，国际著名的面向对象分析设计、UML、模式等方面的专家，敏捷开发方法的创始人之一，Martin Fowler,开发了这个名字叫CodeLF的开源工具。
[图片上传失败...(image-e6e811-1673838992305)]
CodeLF通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Projec的项目源码，帮开发者从中找出已有的匹配关键字的变量名。这个搜索服务支持直接搜索中文。CodeLF支持中文查询，输入中文意思，CODELF可以根据需要查询尽可能满足需要的结果，并展示与查询结果相关的支持各种编程语言的代码片段以及代码库。
5. lucide
https://lucide.dev/
[图片上传失败...(image-f49aaa-1673838992305)]
作为前端必然少不了图标的使用，目前流行的主要是SVG图标，不管是在显示上还是通用适配上都比字体图标要好。当然我也用过很多图标库和平台，主要分为平台型和自身的图标库，平台型的比如Iconfont这种，由于是平台型，所以图标质量参差不齐，不过他还支持设计师和前端的图标管理，个人更倾向于使用自身的图标库，因为风格和尺寸都统一，Lucide就是其中的一款SVG图标库，风格上我很喜欢，比较圆滑（stroke-linecap 和 stroke-linejoin 都是 "round"）而且还提供了各种框架的插件，不管是自己下载SVG还是引用相应的插件都可以，使用上非常人性化。
6. RegExr
RegExr是一款功能强大的正则表达式网站，和普通的正则表达式验证网站不同，高亮的同时还可以展示出正则匹配的详细过程，对于正则表达式的每一部分都可以做出准确的解释，比如鼠标移到A-Z上面时，会提示该正则表达的意思是：一个区间，匹配A-Z之间的一个字符（字符编码未65到90）区分大小写。
[图片上传失败...(image-66d20c-1673838992305)]
这样图形化的展现大大提高了开发效率，尤其非常适合初学者！
7. JSONT
[图片上传失败...(image-350739-1673838992305)]
一款非常6的json操作工具
- 页面简洁好看，没有广告，打开速度快，个人认为这对于一款经常会打开使用的工具型网站是非常重要的。
- 功能强大实用，包括了JSON的格式化验证、编辑、分享、转换等诸多实用功能。
- 支持PWA、Utools插件、Vscode插件等多个第三方的插件，平台覆盖面很广。
8. OSChina
开源中国成立于2008年8月，是国内一个开源技术社区，拥有超过300万会员，形成了由开源软件库、代码分享、资讯、协作翻译、码云、众包、招聘等几大模块内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台，综合来说还是比较优秀的一个平台
[图片上传失败...(image-855183-1673838992305)]
9. jspang.com
技术胖，15年开发经验，目前主做前端开发。努力每年录制100集免费视频教程，帮助新人学习。他录制的学习资料都比较前沿，讲解通俗易懂，简直就是手摸手教你掌握，极力推荐！
[图片上传失败...(image-7844a1-1673838992305)]
10. 印记中文
https://docschina.org/
印记中文作为国内领先的前端技术传播社区，简直就是前端人的开发导航器，经过一段时间的发展，已经拥有了 React、Webpack、Babel 等优质中文文档站点，并且还开拓了周刊类业务
[图片上传失败...(image-c8c17e-1673838992305)]
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/
网友评论