最近有很多初学者在后台留言说：“我是一个小白，怎么才可以快速入门前端呀？”。关于这个问题其实不太好回答，因为这个问题就好像说我是一个穷光蛋如何快速致富一样的道理。但是也不是没有办法回答你这个问题，毕竟掌握一门知识点还是有它的路径的，不能说路径一样，但起码可以参考。
接下来我就以一个初学者走过但已不是初学者的角度来给大家介绍前端人的工具库到底有哪些，如何快速帮你梳理知识点，快速入门（精通靠自己）。
说了基础入门，其实真的是很基础的，我一开始也是这样过来的。无非就是从最简单的html/css开始搞起来，那时候什么都要自己敲，哪有现在组件库这么方便呀！只能说现在的大家太幸福了，所谓前人种树，后人乘凉。但是自己也别忘记树是怎么种的就好。
大家应该都知道这个网站，简直就是初学者的福音，里面什么都有，但是都很基础。大家可千万不要以为基础就不用心去学，就好像大学学的科目，带有基础二字的书本往往是最难的。可以说前端的小伙伴要是把上面关于前端的过一遍，你就入门了。时间就大概一两周就可以了，而且也是没有什么难度的，假如你是科班出身那就更容易入门了。
这个其实和菜鸟教程差不多，也是基础的标签等知识点，我觉得看菜鸟教程就好了，大家也可以了解一下。
这个真的就是我的启蒙网站，虽然现在已经不常用了，但是一直都在我的收藏夹第一名。不为什么就是为了一种情怀。这个网站还是我没有上大学之前一位师兄推荐的，那时候主要是学习c++的课程，后来就跑去学前端了（因为简单）
上面很多都是收费的课程，但是也有不错的免费课，不想看书或者教程的同学可以选择去看慕课网。
这个也是比较基础的文档，内容的话比前两个稍有深度，知识讲解也是比较到位的，平时查阅的时候可以作为自己的文档，网站的布局我觉得是不错的，知识分类页非常有条理。
当你基础入门之后呢，你就应该搞一些比较好玩的技术来玩一下，比如vue和react这个前端比较火的技术，可以说是前端必学的技术，因为没有掌握或者会用它们，你基本上找不到工作。
这是一个非常容易上手的前端框架，前提是你已经经过了基础入门的锻炼。而且它的周边以及生态都非常完善，也有很多支持的组件库，后边会介绍。所以强烈推荐大家去学习这个框架，能够做一写简单的效果之类的，找到前端的乐趣。
还有介绍一下Vue的脚手架工具，能够让你快速生成一个Hello World项目，然后进行快速的开发，专注于业务。平时用的也是比较多的。
因为我对react的技术栈不是很熟悉，我只停留在文档上面，但是也做过简单的demo，知道引用组件、业务拆分等的思想，个人觉得其实和vue都是差不多的，也是组件化的思想，大家也要去学习一下。
由于Node.js的出现，前端工程师就像如虎添翼一样进入了服务端开发，让JavaScript成为了一门能够在服务端运行的语言，之前我们的后端都用比较主流的Java，Python以及其它的后端语言来编写，现在可以使用JS来编写了，想想都觉得令人激动。而且现在也出现了两种比较成熟的框架，让前端也能轻松开发全栈应用，大家可以看一下Express、Koa框架。
要是你想全面地了解webpack打包工具，那么你就必须要好好读它的文档，里面有很多关于webpack的属性配置，你可以知道每一个配置的作用，而且大家使用的时候一定要注意版本的问题，很多诡异的错误只要降级一下都可以解决。如果想要探究原理、优化等可以看《深入浅出Webpack》这本书，你都会懂很多的知识。
好啦，到了我最想介绍的一部分了，其实这个也是更方便我们前端的日常业务需要。说白了就是解放了我们前端的开发，不用写复杂的css或者html，开箱即用。在这里也非常感谢前端社区做出的巨大贡献。
本人非常喜欢这个组件库,因为里面的一些功能都基本上能够满足我的开发需要,而且也是非常容易上手操作,直接CDN引入或者npm安装，任君选择。最重要的是能够配合Vue.js进行项目开发。
这是由蚂蚁金服出品的前端组件库，也是非常好用的，说再多还不如大家自己去体验一下，它也是支持前端框架使用，而且现在4.0版本也已经发布了。
这是我最早使用的前端组件库，那时候我发现的时候觉得世界一下子开阔了许多，因为我从基础入门之后就接触这个了，是一位前端的小姐姐推荐的。虽然现在基本上已经不用了，但是还是那句话，情怀所在，也推荐一下。
好像这个UI组件库也是挺多人推荐的，是阿里开发的前端组件库，我没有用过，大家可以去看看。
这是一个由滴滴公司开发的前端组件库，也是支持Vue.js语法的，本人也没有使用过，大家也可以了解一下。
最近也是做小程序开发相关的工作，其实小程序开发现在已经方便很多了，因为有了很多小程序框架，接下来就介绍一下。
这个就不用过多介绍了，毕竟是老大哥，而且官方也有原生支持的WeUI组件库，也是非常方便的。
这是近几年来发展比较好的小程序框架，不仅可以开发小程序，实现多端的开发，还可以编译成APP，想想都让人心动。更重要的是它也支持vue语法，简直不能太爽。
说起uni-app不得不提一下它的插件市场，就像我们平时菜市场买菜一样方便，直接拿过来就用，而且还免费。但是也要看清楚是否有一些兼容性问题等。大家下载插件有问题不要喷，因为大家都是为了社区贡献，我们更应该鼓励作者。
这是一个掘金小伙伴的评论，我才发现了这个网站，看了一下觉得非常不错，它的官网介绍称这是uniapp生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。我现在还没开始使用，大家可以去试一下，应该是不错的。
这是一个由京东开发的小程序框架，它的介绍是一处代码，多出运行，我在很久之前就使用过一次，忘了什么感觉。大家也可以去官网了解一下，说不定不也会爱上这个框架呢！
这是一个由美团开发的一个小程序框架，也是支持vue.js的语法，而且它也支持小程序的生命周期，也就是说vue的生命周期和小程序的都适用。
最近使用mpvue开发小程序也是使用了这个组件库进行开发，不得不说这是一个非常好的组件库，里面的组件很丰富，能够满足我们的业务开发需要。
这也是一套基于Vue.js的高质量UI组件库。不得不说现在的组件库实在太丰富，简直是我们前端人的福音呀，现在前端也是越来越注重开发体验的职务，有了组件让用户体验瞬间变得极为友好。
说到工具，这里就介绍一下前端人必用的前端工具，大家一定要好好收藏起来。
这是一款接口调试工具，因为前后端经常有进行交互的操作，使用这个工具可以非常方便地调试，也知道问题出在哪里，它支持多种请求方法进行调试，也可以进行传值等各种操作。
谷歌浏览器在市场上的占有率是非常高的，因为它不仅有良好的浏览体验，更重要的是它有很不错的调试功能，我这里介绍的是chromium浏览器，都是一样的，点击就可以下载了。
这是一款颜色转换的工具，非常方便你的颜色取值。之前我都是一直使用这一款，但是最近我发现QQ的截图功能也可以吸取颜色，直接ctrl+c就可以获取16进制的颜色了，简直不要太爽。
navicat是一款数据库管理的软件，可以方便查看数据库中的各种表数据等等，但是这是一个收费的软件，大家看情况需要吧。或者你可以找一些方法来使用，大家知道就好。
最后
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
[外链图片转存中…(img-dtQqAxv4-1714561620074)]
[外链图片转存中…(img-lFQwcgbk-1714561620075)]
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
