沒想到你是這樣的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大法好，信彬哥，得永生。