没想到你是这样的javascript

前几天有同窗问我，老师咱们公司的产品是一个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大法好，信彬哥，得永生。