"什么是真诚？真诚的关怀，温暖的芳香；真诚的赞扬，催人向人；真诚的交流，获取信任；真诚的合作，赢得成功……真诚是春风，它拂去了心灵的微尘；真诚是雨露，滋润着友谊的花朵。真诚给我们希望，给我们力量，真诚不是智慧去常常放射出比智慧更诱人的光芒"
--出自《稻盛和夫给年轻人的忠告》
01
前言
很多小伙伴私信或者在群里问想要做前端开发但不知道从哪里开始着手，觉得要学习的知识太多太多了，感觉时间不够用或者没有思路去学习，也或者根本静不下心去学习等等困扰。
其实这些困扰我当初的时候都有，小编之前是从事app开发的，和现在的web前端还是有本质的区别的，在机缘巧合下，有幸接触到了前端开发，那个时候也是觉得根本不知道该如何去学习，更别说去应用到工作中了。但是困惑归困惑，也得硬着头皮上。
下面小编就和大家聊一下现在要成为一名前端开发人员需要学习哪些知识，并且如何去高效的学习。
02
基础
无论是原来的前端开发方式还是现在的前端开发方式，都离不开三大块：HTML、CSS、JAVASCRIPT。
在早期的前端（与其称为前端，不如称之为美工）只会写一些静态页面，用PS切个图用DW把静态页面做出来就好了。
随着现在Web前端的发展，angular 、react、vue的不断完善。前后分离已经成为当然开发的主流方式，但同时也对前端人员的要求变得越来越高。之前简单切图静态页面已经不足以满足现在的开发方式。这个时候，身为前端开发人员就必须学习更多的知识去应对工作中的需要。
但是无论怎么变，HTML、CSS、JAVASCRIPT永远是前端的基础，这是不会变的，只有坚实的掌握这三个知识才能进行下一步的学习。
所以这里我想和大家说一下，要认真学习一下这三个知识，不要觉得简单而走马观花的看一次就完了，否则等用到的时候还会再来补的。
所以基础是最重要的，每次有小伙伴来咨询我该如何去学习的时候，我都会说如果基础不行就先去补一下基础。否则其它免谈
03
心态
另外要和大家分享的一点就是学习心态问题了，可能大家都会疑惑这个算什么知识，其实不然，这点非常的重要，它是所有学习源泉，只有一个良好的心态学习起来才能事半功倍，否则，只会时间也散花了还没有起到良好的学习效果适得其返。 那么该如何拥有一个良好的心态呢，良好的心态应该是坚持不懈，事实求是，戒骄戒躁，坚韧不拔。 遇到困难不能轻易言弃，做好某个功能更不能骄傲自大，觉得自己已经非常厉害了不用再继续学习。要有活到老学到老的心态
04
学习方法
好的学习方式能起到事半功倍的效果，虽然你已经非常的努力，但总是达不到满意的效果，原因就可能出在学习方法上了。
在学习某个知识之前，
- 要去了解它是做什么的，基本的原理是怎么样的。
- 把它的官方的文档阅读一遍，如果文档看不懂可以看一下视频或者一些文章，这样更加可以加深印象。
- 亲自动手去实践一次，切不可眼高手低的觉得自己已经阅读完文档了，就已经学习会了
- 看一下别人已经写好的成品或者开源项目
- 如果有能力可以阅读
以上是我个人一个大体的学习路线，每个人的情况不一样，在找到一个适合自己的方法，适合自己的就是最好的。
05
需要学习的知识点
现在和大家分享一下如果要在工作中真正能胜任的话，需要学习的知识点有哪些，本人比较擅长Vue，所以重点介绍一下关于Vue的知识点
- HTML、CSS、Javascript
- Javascript进阶高级ES6的语法
- 掌握某个css预处理器：sass、less、stylus。了解 postcss 的基本用法
- 掌握Vue2、3的用法及配套的 router、状态管理、网络请求、组件库等第三方库的使用
- 熟悉Webpack和Vite的基本配置和用法
- 了解前后交互的基本原理，基本的服务器配置等
06
写在最后
很多小伙伴很在意前后端的学习和工作分工，比如我是做前端的后端的事就和我没有关系，但是多学习一点总是没有坏处，以自己今后的职业生涯是非常有帮助的。所以切不要有门户之见。 即便是前端也分Vue react angular等，不能说我学了Vue，react 就和我没有一点关系了，要做到一通百通，只有这样才能在这复杂的快速发展的技术时代中保持不败的地位。所以大家要保持一颗努力学习的心。 最后在这里面祝大家学习愉快
