推荐 12 个学习前端必备的神仙级工具类项目与网站

RegExr 是一个基于 HTML/JS 开发的在线工具，用来创建、测试和学习正则表达式。

特性

• 输入时，结果会实时更新

• 支持 JavaScript 和 PHP/PCRE RegEx

• 将匹配项或表达式移至详细信息

• 保存并与他人共享表达式

• 在编辑器中使用 cmd-Z/Y 撤消和重做

网站:regexr.com/

4. any-rule

---

any-rule 正则表达式

any-rule 维护了一个常用正则表达式合集，并且本身是一个支持 Web/VS Code/idea/Alfred Workflow 多平台的正则表达式工具。

网站：github.com/any86/any-r…

---

5. CSS Sprites Generato

---

在很多前端展示页面需要用到将小图标拼合为一整个图片，然后在使用的时候，自动裁剪为单一图片展示。

这个时候就需要一个便捷的工具，CSS Sprites Generator 就是这样一个便捷的CSS图像拼合工具。

比如多张图片生成雪碧图，还有国内的 CDN 库，赶紧去试一试吧。

网站：www.toptal.com/developers/…

6. tool.lu

---

众多工具集合，包括时间戳转换，进制转换等

网站:tool.lu/

7. bootcdn / baomitu

---

国内的CDN库，速度快

网站： www.bootcdn.cn/或cdn.baomitu.com/

8. jsdelivr

---

国外的 cdn 库，支持 github，npm，WordPress。

网站：www.jsdelivr.com

9. gitignore

---

根据选择会去生成 .gitignore 文件。

根据用户输入的语言类型或者平台类型，自动生成对应的 gitignore 文件。

例如，输入 Vue，React，点击 “Create” 即可。

网站：www.gitignore.io/

10. codesandbox

---

CodeSandbox 是一个在线的代码编辑器，主要聚焦于创建 Web 应用项目。

支持主流的前端相关文件的编辑：JavaScript、TypeScript、CSS、Less、Sass、Scss、HTML、PNG 等。

支持自动代码提示。

比如选择创建相关的项目

可以直接编辑代码运行

网站：codesandbox.io/

11. typora

---

实用的 Markdown 写作工具，所见即所得。

网站：www.typora.io

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。