前端菜鸡个人学习方法总结

最近在学习火遍祖国大江南北的Vue2，从一开始的毫无头绪，到模仿官方实例写了个人的一个小demo，到开始看官方文档。

这个过程说实话是很痛苦的，因为一不小心脑子里就充斥满黑人“？？？”外加王宝强的“啥啥啥，这到底是啥？”。

由于自己接触前端时间不长，也没用过数据驱动的框架开发过项目，所以刚才看到vue2组件部分的时候，脑子一下就懵了。

因为这些教科书式的概念实在是太抽象，而且翻译的质量也不是很高，所以不想再继续看下去了。

但是值得庆幸的是，由此产生了一些学习方法上的思考。

总得来说我总结出以下几点学习方法：

1、先学习自己感兴趣的部分（兴趣是最好的老师）

        当我刚拿到《javacript高级程序设计》这本书的时候，翻开看了一下目录。脑子里就两个字：懵逼。学习过这本书的让你知道，这本书有700多页，而且其中的东西都很晦涩难懂，不想言情武侠小说那么有趣。那我该怎么办呢？硬啃？啃不动。不学原生JS，只会用Jquery？迟早要被淘汰，而且也不会变得优秀，毕竟哪怕是Jquery也是基于原生JS写的框架。所以我就挑了自己感兴趣的一部分，第十五章使用canvas绘图这一章开始学习。看完这一部分之后，开始做实习导师给布置的任务，做任务期间陆陆续续得接触到很多概念性的东西，比如数组，对象，函数，作用域，原型链，继承等等，这个时候再去看《javacript高级程序设计》对应的章节，看完立马在任务中实践，不知不觉中，就对这些概念就有了更好的理解。

        于是我就在想，我何不先学习vue框架有趣的地方，把组件这个部分放到后面去学习，现在可以去学习一下过渡的部分，毕竟他也是属于vue的一部分呀。那么你就会有一种想法？我跳组件这段不学，会不会影响后面的学习？请看第二条建议。

2、不要有“跳过这段我就学不好，理解不了”的错误思想

        其实这个问题我们在高考也会遇到，我相信每一个经历过高考的人都记得老师们教大家答题方法的时候，总是会说：“先做你会的题，不会的题先放着。有剩余时间我们可以回过头来再去做！”其实是一个道理，这里不会的题目可以类比成vue2的组件部分，会的题可以类比成vue2过渡部分的学习。

        假如刚开始学习前端我的导师就让我去理解原型链、继承和闭包这种东西的话，我恐怕早就放弃了。

3、多敲键盘（多敲代码，多写技术博客，多和小伙伴沟通）

        中国有句古话叫：纸上得来终觉浅，觉知此事要躬行。这句话放在这里实在是再合适不过，想做一名优秀的程序员，除了有缜密的逻辑思维，更重要是要有勤劳的双手去成就自己的梦想。看100行代码一行不敲，真心不如看10行敲10行。所以说多敲代码。

       为什么标题叫多敲键盘不叫多敲代码呢？因为，想成为一名优秀的程序员，不仅要敲代码，还要多写自己的技术博客。永远都不要怕别人嘲笑你写的不好，怕的是你不写。设想一下，有个概念，你以为你以为的是对的，从来都不和别人交流，那么更正错误观念的时间长度可能要到你自己遇到这个问题的时候；但是如果你写出来让别人看到你的文章，恰好有人指出你对这个概念理解有错误，那么你的时间成本将大大缩减。时间就是金钱，在有限的时间里，精确掌握更多的知识和技能，恭喜你，不久的未来，你绝对会与众不同！所以说多写技术博客。

        涉及到一个与人交流的问题，人是社会性动物，假如一直闷头自学，大部分人都会丧失动力和兴趣继续下去，因为你在身边的同学身上找不到共鸣，感受不到共鸣人就会不开心，就会产生各种各样的负面情绪。所以我的建议是，加几个活跃的QQ群，最好是加和自己水平差不多的人多的QQ群，如过你直接加大牛群，不好意思，人家研究的东西在你眼里就是天书。在适合自己待的群里大胆的提出自己的问题，勇敢的去回答别人提出的问题，因为他们遇到的问题，可能就是未来你会遇到的问题。现在想起来一次志愿者座谈会上一个成功人士的一句“帮人就是帮己”真的是有道理。所以说多敲Chinese甚至English去和别人交流。

4、牢记：万事开头难。不要怕，就是刚！

        你才20岁或者30岁，就觉得自己不行了，就和别人有天壤之别了，千万别这么想，大牛只不过是比一般人入行早，而且比一般人努力而已。如果你很努力的话，一定会有所成就的。认准一个方向努力下去，我始终相信上天不会亏待每一个努力付出的人！

写这篇文章，一来是回顾自己的学习方法，二来也是希望对新人的前端学习有所启发。

才疏学浅，这些建议可能有说的不到位，欢迎大神指出！

努力成为优秀的前端工程师！

2016年11月23日0点34补充：

前端菜鸡个人学习方法总结

过渡效果学习过程的意外收获：第三方Animated.css动画库和Velocity.js动画库。

一、Animated.css

亲测真心有趣

准备明天面试完回来写Animated.css过渡动画名称参考手册。因为我发现它的样式都是英文版的，这对广大中文开发者来说是不友好的。

二、Velocity.js

前端菜鸡个人学习方法总结

网上虽然有中文版教程，但是我觉得不如自己直接研究Github上的最新版收获大。试着写写Velocity.js的学习笔记。

又挖了两个坑给自己。填好再取学vue过渡。

祝自己明天面试成功！

>期待和大家交流，共同进步，欢迎大家加入我创建的与前端开发密切相关的技术讨论小组：

> - SegmentFault技术圈:[ES新规范语法糖](https://segmentfault.com/g/1570000010695363)

> - SegmentFault专栏：[趁你还年轻，做个优秀的前端工程师](https://segmentfault.com/blog/chennihainianqing)

>- 知乎专栏：[趁你还年轻，做个优秀的前端工程师](https://zhuanlan.zhihu.com/wyasy)

>- Github博客: [趁你还年轻233的个人博客](https://github.com/FrankKai/FrankKai.github.io)

>- 前端开发QQ群：660634678

>- 微信公众号： 人兽鬼 / excellent_developers


>努力成为优秀前端工程师！