java后端学前端历程

java后端学前端历程（一）

背景：本人菜鸟一枚，入行时一开始选择的道路就是java后台的开发，因为后台较复杂，比较有意思。事实证明后台确实有趣，和操作系统、数据库打交道，使用各种命令查看服务器或者项目的运行情况很让人开心。不过纯后台很难做一个完整的项目，再加上工作的一部分需要，所以本人开始学习前端。此处记录下初期学习前端的历程，既是想分享给想学前端朋友，也是想记录下自己脚步，激励自己再接再励。由于刚接触前端不久，如果有什么不足和错误之处，希望各位大佬多多指导。

内容：

学习前端，首先要了解前端有那些内容，以及各个部分的功能作用，即先从整体上梳理前端的组成，这样在后面学习细节知识时不会出现一叶障目情况，即了解了整体后，再后面分模块学习时可以对学习的进度和方向有一个清晰的认知。下面是本人的一些简单总结：

首先是基础知识部分，这部分主要有 javascript(简称js)、html、css三个模块，学习过程中个人建议先学js、再学html、最后学css，而且由于css技术比较深，可以先了解用法，后期再实战中再深入了解使用。

其次是环境和工具部分，工欲善其事必先利其器，开发一个大项目，我们不可避免的要用到开发工具，这个时候本地环境的配置，开发工具的设置和使用都是比较重要的一环。学习基础知识时可以使用文本编辑工具来开发测试代码，如笔记本、notepad++，也可以直接学习使用开发工具，如vscode、webstorm等。

然后则是vue、react、angular三大框架，这三大框架适用场景不同，可以根据需要学习使用，新手尽量不要想着全学会，先学会一个是最好的，我本人前期也是主学的vue，另外两个框架则是停留在了解阶段。

最后则是在实战中对UI库的学习和使用，如elementui、iview等

了解整体后，有可能会出现一种错觉，前端已经尽在掌握中了。错觉越大，后面对自信心打击就会越大。所以了解整体后，前端的学习差不多才能算刚开始，不能想的太好。回到正文，学习整体后，接下来是最枯燥的局部学习环节，即学习html、css、js的语法和格式，这一部分的学习是最枯燥无聊的，可以直接查阅资料也可以网上搜一些视频进行学习，如果前后端都不会，可以跟着视频结合文档看，如果已经有了一定基础，个人建议最好还是看文档，因为文档比较快和全，如果对于某些知识很难理解，可以结合视频进行了解。

局部知识这一块没什么可讲的，就是硬着头皮看和学，不过千万不要死记硬背，这么多语法知识，心里有个知识网络就行，后期实战遇到再查再记。这个过程中对于各个语法知识点可以顺手练练。这样也不至于太枯燥了。

基础知识了解了，接下来就是框架了解阶段，了解前段常用的框架类型、优缺点以及适用的场景。对于框架一定是实践出真知，这个阶段不仅要了解框架的使用，还要自己找些项目进行练习。如果搜索不到合适的框架项目，可以去淘宝上买些项目回来练手。这个阶段不难，但一定要用心，因为跟着别人的项目写，很有可能对于一些关键的知识点没有清晰的认识，所以这个阶段对于比较重要的知识点自己要留心。

（vue、react、angular三大框架的优缺点大家可以上网自己了解下，我也会在后面的博文中总结各个框架之间的异同点，并以vue为主介绍vue中重要的知识点框架以及vue项目开发常见流程和容易踩坑处。）

基础知识了解了，框架也了解了，接下来要自己做项目了，只有在做个人项目时，才能检验出个人知识的薄弱点，这个时候我们会翻阅资料或者解决bug从而加深我们的记忆。这个过程中尽量多做几个个人项目，多次练习能更新的记忆重要的知识点和常见语法。我工作中偶尔兼写一些页面，每次我都能感觉前端的知识记忆加深。

总的来说，如果你是学生，整个学习周期不会很久，几个月应该就可以了。如果你已经工作，那有可能周期比较久。我是年初开始学，光基础知识就断断续续学了两个月，后面学习框架，跟着项目做以及回顾基础知识又用了几个月，后面开始写自己的项目以及独自承担工作中前段的工作又用了几个月。年底了，回顾这一年，感觉很不真实，用了快一年才前段入门，不过感兴趣就去学，好好学好好做，技术的积累总能带来莫名的开心。所以有了写篇文档分享、纪念、以及激励自己的想法。
心中千万言，提笔忘一半，下次要写的更好一点。