內(nèi)功心法

前端教的三大內(nèi)功秘笈：Html、Css、Javascript。你必須要掌握的程度

html：他是Css和Javascript秘笈的根本，沒有他Css和Javascript就無法施展其魅力。他包含了標(biāo)簽語義、BFC和IFC標(biāo)簽、h5新功能（如：cnavas、video、websocket、localstorage等）等。

css：他有靜態(tài)裝飾html元素能力，css3的出現(xiàn)也讓他做了一Javascript的事件。你需要區(qū)分css2.1與css3的差異。

在css2.1的領(lǐng)域中display（改變?cè)氐腂FC和IFC的能力）、float（讓元素浮動(dòng)）、position（定位）、z-index（層級(jí)）、vertical-algin（垂直對(duì)齊）、Margin和Padding等很重要。而在css3的領(lǐng)域更加完善了background、transition（過渡）、animation（動(dòng)畫）、linear-gradient（漸變）、shadow（陰影）、flex布局、媒體查詢的支持、多設(shè)備適配的單位等，這些你都需要掌握。

javascript：他是三大秘笈中最難，也是最致命的技能，什么怪都能打。

es5存在了很多年，es6火得很快，es7又來了。es5雖然很古老，他也是一切罪惡的根源，es6與es7都是為es5解決一些復(fù)雜場(chǎng)景應(yīng)用的問題。在es5領(lǐng)域中的閉包、this指向、自執(zhí)行函數(shù)、執(zhí)行上下文、Js與Dom的關(guān)系等很重要，在es6的領(lǐng)域中，Class、let、Promise、Generator等太多東西，這些你都需要深入理解和掌握。

下山

完成上述內(nèi)功心法的修煉，我們就可以進(jìn)入下一個(gè)階段，下山打怪。

在這里我們需要解決掉一個(gè)css框架、一個(gè)javascript框架，css框架推薦選擇當(dāng)下流行的bootstrap，他是集合了所有怪物的特點(diǎn)于一身。javascript框架推薦選擇框架老祖JQuery，雖然現(xiàn)在都MV*了，但是JQuery的江湖地位還是首屈一指的。對(duì)于這兩個(gè)框架我們需要深入理解他的源碼，并對(duì)每一個(gè)值得學(xué)習(xí)的細(xì)節(jié)做好筆記。

boostratp要學(xué)習(xí)他對(duì)css應(yīng)用場(chǎng)景的分類，如：字體、按鈕、表單等，更要掌握他利用樣式疊加實(shí)現(xiàn)各種效果的組合技能。

JQuery要學(xué)習(xí)他的Promise（Es6會(huì)原生實(shí)現(xiàn)）、Extend方法，鏈?zhǔn)秸{(diào)用、callback、css相關(guān)Hack的處理手段等

制造怪物

在制造怪物之前，我們還需要了解當(dāng)下流行的MV*框架，他是未來處理前端項(xiàng)目的首先，在這里我們思想要有所改變，要時(shí)刻記住只有viewModel才能驅(qū)動(dòng)view的改變，以及Flux概念的理解和應(yīng)用。

選擇一個(gè)MV*框架深入學(xué)習(xí)，如：Vue，React，AnglerJs等。

學(xué)習(xí)Nodejs做為前端開發(fā)工具的應(yīng)用

學(xué)習(xí)一門戶后端語言，推薦nodejs。可以做到一份代碼多端運(yùn)行，也就是同構(gòu)方案

前端自動(dòng)化工具的使用，如karma，eslint，webpack，phantomJs，selenim webdirver等 完成上述技能后，就可以選擇一個(gè)業(yè)務(wù)領(lǐng)域進(jìn)行自己框架的開發(fā)了。

修煉成仙

完成前三步已經(jīng)是江湖高手了，在這里主要是把我們渡為神，如下就是神所需要具體的能力

對(duì)瀏覽器解析原理的深入理解，了解各瀏覽器內(nèi)核，如：webkit，Gecko等，折騰源碼建議選擇webkit相關(guān)的。

Javascript解析原理的深入理解，首先V8引擎

建議選擇chrome開源版本的chromium學(xué)習(xí)和應(yīng)用