很多人奔著前端好學(xué)的名頭來(lái)的，向往程序員的高薪，不論是學(xué)好什么知識(shí)，都不容易，這次小誠(chéng)為小白們總結(jié)了網(wǎng)絡(luò)上常常能看到的一些高大上的，但是可能你還沒弄清的概念，談?wù)勅绾螛?gòu)建前端知識(shí)體系，希望能幫到大家

一、基礎(chǔ)知識(shí)

我們都知道打牢基礎(chǔ)才有更大的發(fā)展，那么編程的基礎(chǔ)是什么？大學(xué)和培訓(xùn)的差別在哪里？

一般來(lái)說(shuō)，基礎(chǔ)知識(shí)包括算法、數(shù)據(jù)結(jié)構(gòu)、操作系統(tǒng)、網(wǎng)絡(luò)、編碼等等，這很容易被忽略，大家都關(guān)注具體的技術(shù)實(shí)現(xiàn)，不愿意繼續(xù)深究。

二、技術(shù)標(biāo)準(zhǔn)

為什么有這么多種編程語(yǔ)言？不同的語(yǔ)言有什么區(qū)別？為什么這個(gè)函數(shù)定義變量？

這里誠(chéng)筑說(shuō)要聊聊標(biāo)準(zhǔn)，像英語(yǔ)中的語(yǔ)法，編程語(yǔ)言也要按照一定的規(guī)則來(lái)組織語(yǔ)言，才能讓計(jì)算機(jī)讀懂人的想法，計(jì)算機(jī)其實(shí)很笨，所以人要學(xué)編程語(yǔ)言應(yīng)對(duì)計(jì)算機(jī)。

WEB標(biāo)準(zhǔn)不只是一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)：

1. 結(jié)構(gòu)方面：XML、XHTML

2. 表現(xiàn)方面：CSS

3. 行為方面：DOM、ECMAscript

我們常說(shuō)的JS便遵循著ECMA-262第六版(ES6或者叫ES 2015語(yǔ)言規(guī)范)

標(biāo)準(zhǔn)很重要，開發(fā)人員按照這個(gè)寫代碼，瀏覽器按照這個(gè)展現(xiàn)效果。

三、開發(fā)環(huán)境

看到這四個(gè)字，你可能一頭霧水，這是啥呀？開發(fā)環(huán)境主要涉及的是程序員日常使用的工具，不同的工具構(gòu)建起了前端編程開發(fā)的條件。一般常用的有這些方面：

1. 集成開發(fā)環(huán)境（IDE）

一般含有代碼編輯器、編譯、調(diào)試、用戶界面等工具，好的IDE能夠讓編程開發(fā)更加方便快捷，能夠提高程序員寫代碼的效率。常見的有vim、sublime、vs等。

2. 前端腳手架

一套工具，一套項(xiàng)目模板，幫助我們處理問(wèn)題、構(gòu)建項(xiàng)目，不同的技術(shù)框架，如vue，angular等都會(huì)有自己的腳手架，通常加-cli。

3. 代碼管理

大型項(xiàng)目需要多人合作完成，這時(shí)候團(tuán)隊(duì)合作、代碼管理便顯得很重要了，常見的形式有git和svn兩種，主要還是看工作需要。

四、框架和庫(kù)

其實(shí)學(xué)好前面幾點(diǎn)已經(jīng)可以自己建站了，這里想給大家介紹的框架和庫(kù)也是一種加速工具，能夠給大家?guī)��?lái)方便快捷的體驗(yàn)。常用的jQuery、Angular、React、Vue等等。

說(shuō)了這么多有沒有對(duì)前端學(xué)習(xí)清楚一點(diǎn)呢？前期不要多想，學(xué)好html、css、js，有時(shí)間的話還可以研究一下基礎(chǔ)知識(shí)，后面針對(duì)練習(xí)，多積累項(xiàng)目經(jīng)驗(yàn)，祝大家學(xué)習(xí)愉快！