前几天有同学问我，老师我们公司的产品是一个web app公司用的是jquery,我感觉学不到东西，是不是手机端用

jquery不太好啊？当时我的心情是这样的：

然后我跟说手机端用jquery不太合适，比较臃肿，然后开发也不太适合手机端，你可以试试React。

学生：是这样的老师我要用一个app然后能够单页面切换，从后台拉取数据，然后前端操作数据和提交数据，react能搞定吗。

我：能啊。

学生：嗯，react挺不错的，对了老师react是啥，我听过一直不知道是啥东西，也不知道怎么学？

当时我的心情是这样婶儿的：

我：咱们在第xx天讲的xxx例子，我怎么可能没讲过嘛？

学生：对我想起来了，老师是讲过，老师我把你交给我的都还给你了，啥时候把学费还给我。

我：

以后不管啥一定要说老师讲过但是我忘了，还有你说什么的时候别特么都在末尾加上一句我们老师就是这么说的。内是鲁迅说的，我特么的啥都没说过。

学生：好吧，知道了老师，对了啥是react啊……

我：react是faceBook家的一个框架，使用JSX语法。

学生：对，面试的时候内人就问我来着，老师啥是JSX。

我：你可以粗略的理解为JSX就是javascript或者是javascript的增强版。

学生：那老师是不是我原生的js就不能用了啊。

我：能用，不过它用的是ES6,你得用babel编译。

学生：啥是babel.

我：babel就是把 ES6编译成ES5的工具。

学生：老师啥是ES6啊？

我：es6就是es6的下一个版本。

学生：跟没说一样。

我：你就记住es5是javascript兼容版本，es6不兼容就行了。

学生：不兼容咋弄？

我：用babel!!!!

学生：怎么用？

我：你可以独立安装不过更多时候你可以用webpack集成安装。

学生：内个，老师我可以不可以再问一个问题？

我：好吧，你可以问下一个问题了。

学生：谢谢老师，webpack是啥？

我：你可以简单理解成打包工具，ES6转换和tyPEscript的转成js很多公司用它。

学生：老师我知道了，我知道ts是不是写Angular那个东西？

我：是写an2以后版本的语言。

学生：typescript是js吗？

我：typescript编译成js，但是本身不是js，比js更强大。你可以理解为javascript是孙悟空，而typescript就是超级赛亚人。

学生：我擦嘞，老师我不看龙珠。

我：你就记住ts在开发大型程序的时候岂止是牛逼，简直是牛逼就行了，an2就是这货写的。

学生：老师angular不是到4了吗？

我：嗯，angular的更新速度都快赶上大姨妈了。

学生：内个老师，其实我只想切个网页，用ajax请求数据，为啥我感觉越学东西越多，我学的速度还没有人家出框架的速度快，另外各种名词

我到底学啥啊？

我：在你眼里是不是javascript 的各种东西很多很复杂搅在一起，看起来都挺熟又都不太熟。是不是这个样子？

不好意思发错了，是这个

看到这张图你脑子里是不是就两个不会的？

学生：恩恩，老师你快给我讲讲吧，感觉我学的还没框架出的快呢。

===================华丽丽的分割线==================

以上的情况听起来像是个笑话，确实好多同学的典型问题总结出来的。

简单的说就一句话，落后的学习生产力和日益增长的公司需求之间的矛盾。

首先，我想先给大家捋顺JS的学习脉络，然后说下学习方法。

学习脉络是酱紫的，

画的很清楚了，请自觉忽略我家的地毯。

下面说下具体的乱七八糟的各种单词。

第一类是装13语言类：

ES5,ES6,es7, ecmascript2015 ,Typescript,JSX

JS版本很多，另外不同的苦可能自己搞语法，你只要知道ES5-7的历史和当前发展，还有哪个框架用哪个语法就行了，全当谈资，不知道也没事，但是不知道显得你土包子。就像你可以不知道吉泽明步，但是你的一定得知道苍老师一样。不然没法沟通。就像人家说东京很热，你说是么，北京更热，这样会没有朋友的。

第二类 继续装B偶尔有用-编译工具类

这种工具就像杜蕾斯，平常不用，真用上了还真着急。啥意思，没事拿着一盒冈本摆弄跟你说我去这个是超薄的，不是神经病就是装逼客。编译工具也如此，没事摆弄那些

babel,traceur.js,npm,browserify,webpack,Systemjs,gulp

一张嘴就是 lts版本的，肯定是没正事儿干的，当然我的意思是你必须了解比如安装了，配置一个项目能跑起来，能够搞一个工作流就行了。这就好比你得会拆包装，别用反了，咳咳不说了……研究webpack太多的跟研究润滑剂类型有哪些的一样，多半是变态。

第三类是女朋友型 - 框架

我们可以有多个女性朋友，但是只能有一个女朋友。多个女性朋友能够让我们生活更丰富多彩，但是一个女朋友才能陪你走一生。框架和开发者的关系是一样的。

你不要整天追着所有的框架跑，比如

angular react vue jquery loadash

等等，选好一个好好搞就行了，搞到让你感觉爽为止。啥叫感觉爽，至少你拿着这个框架去大部分招聘使用这个框架的公司能够让你顺利入职。就行了。有人说握草，老师万一我选的的是一个快被淘汰的框架咋弄，两件事，第一你眼光不行，跟你怎么跟别人过日子是两个问题。第二，如果你真的用心去学了，你很快就会了解这个框架的客观方方面面，你也就决定是否适合你继续学还是换了，你明明知道她是一个S，你非要当一个M，还说她不够温柔，不是人家性格有问题，是你有病好吗

第四类 丈母娘类型 - 后台js，原生应用js和其它环境js

这类型的js包含，

nodejs weex  react native phoneGap  hbuilder easyui mui

等等，很多要求前端会这些的公司大部分原因有两个，一个是因为公司想省钱，让前端干很多其它的活儿，第二是公司后台人员用这些。很多人想学这些技术，我问他前端你会吗？基本上得到的结论都是二把刀。你自己都填补饱肚子，整天开车去送丈母娘跳广场舞你觉得合适么？如果你前端学的老牛逼想控制更多的技术环节了没问题，如果前端学的渣渣儿，那你还是老老实实搬砖吧。这些技术为了工作顺利进行，你得知道，但是别陷进去。

最后说下怎么学，顺便告诉你怎么搞定你女朋友他妈

很多人觉得各个框架都得会，我问他为什么，他说现在公司招聘都是这么要求的，hr面试就爱问这些。我总是建议他们

先学好原生JS,再挑一个自己喜欢的框架深入研究

人家问你框架确实是因为公司需要，但是如果你基础扎实，你就是回答我用过类似的某某，翻书研究一个星期差不多就可以上手了，实在不行我就用原生写一个，基本上HR就不会难为了，当然是你真的原生有足够的的底气这么说。不要被表象迷惑。HR不满意你的不是你某个框架不会用，而是你JS水平不行。

JS不等于框架。

尼古拉斯·屌·大彬哥名言来了，记住，凡是嫌你矮的丈母娘她并不是嫌你矮，多半是因为你穷！

JS就相当于前，而框架就相当于车。HR就相当于丈母娘。面试就是去见丈母娘。

你身价两亿好几个公司，开着一个破夏利去见她，她心里想这个小伙子不错，有钱还节俭，重点是为人稳重低调。

你一个月1800，开了一辆破夏利去见她，她心里想这个小伙子不行啊，没钱还抠门，哪里整的二手破夏利。

学好js，换辆车（这里的车只框架）很容易，不爽了你换个丈母娘（公司）都不是啥事儿。

最后一句，JS大法好，信彬哥，得永生。