自己工作做得好好的，怎么非要去搞前端？”

很多人離職的時(shí)候，可能印象最深的就是爸媽每天說(shuō)的這句話。起因很簡(jiǎn)單，就是自己辭了爸媽眼中的“鐵飯碗”。

他也是如此，毅然辭去了一眼望到頭的工作，0基礎(chǔ)轉(zhuǎn)行前端到如今拿下XX游戲公司Offer，今天把學(xué)習(xí)前端開發(fā)必會(huì)的基礎(chǔ)知識(shí)分享給大家，希望對(duì)有轉(zhuǎn)行做前端想法的小伙伴一點(diǎn)參考。

Web前端開發(fā)主要由HTML、CSS、JavaScript三大要素組成，由于企業(yè)需求的增加，前端開發(fā)技術(shù)的三要素也成現(xiàn)今的HTML5、CSS3、jQuery。那么，作為一名網(wǎng)站前端開發(fā)者，你要學(xué)會(huì)哪些基礎(chǔ)知識(shí)呢?

1.HTML基礎(chǔ)標(biāo)簽

HTML不管前后端，是必須要會(huì)的基礎(chǔ)中的基礎(chǔ)。HTML標(biāo)簽常用的也沒幾個(gè)，學(xué)起來(lái)其實(shí)很容易。HTML的學(xué)習(xí)是一個(gè)記憶和理解的過(guò)程，在學(xué)習(xí)過(guò)程中可以借助Dreamweaver的“拆分”視圖輔助學(xué)習(xí)。

2.CSS樣式

用于美化網(wǎng)頁(yè)用的，它需要結(jié)合前面的HTML標(biāo)簽才能發(fā)揮其用處。稍比HTML標(biāo)簽難學(xué)一點(diǎn)點(diǎn)，需要新手朋友不斷的練習(xí)來(lái)掌握它。

相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言，CSS樣式是可以復(fù)用的，這樣就極大地提高了開發(fā)的速度，降低了維護(hù)的成本。同時(shí)CSS中的盒子模型、相對(duì)布局、絕對(duì)布局等能夠?qū)崿F(xiàn)對(duì)網(wǎng)頁(yè)中各對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制。

3.JavaScript

一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。被廣泛用于Web應(yīng)用開發(fā)，常用來(lái)為網(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)功能，為用戶提供更流暢美觀的瀏覽效果。

4.jQueryjQuery

一個(gè)快速、簡(jiǎn)潔的JavaScript框架，它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。

可以簡(jiǎn)單理解為，HTML定義了網(wǎng)頁(yè)的內(nèi)容，CSS裝飾了網(wǎng)頁(yè)的布局，JavaScript網(wǎng)頁(yè)的行為，jQuery是一個(gè)JavaScript庫(kù)。

5.簡(jiǎn)單的PS操作

對(duì)于一個(gè)網(wǎng)站而言少不了需要一些圖片來(lái)裝飾網(wǎng)站，讓網(wǎng)站看起來(lái)更美觀。

基礎(chǔ)階段熟練掌握HTML、CSS、JS等基礎(chǔ)必不可少，進(jìn)階階段要掌握VUE、React、Angular等框架應(yīng)用。

對(duì)常用的JS框架進(jìn)行深入理解，如jQuery、YUI等；

掌握基本的JavaScript計(jì)算方法編寫；

對(duì)目前互聯(lián)網(wǎng)流行的網(wǎng)頁(yè)制作方法HTML+CSS，以及各大瀏覽器兼容性有很大的了解；

對(duì)前沿技術(shù)(HTML5+CSS3)的基本掌握；

還要對(duì)IT其他編程語(yǔ)言有所了解如：PHP，Java；

還要懂SEO優(yōu)化；

隨著互聯(lián)網(wǎng)發(fā)展越來(lái)越多元，Web前端工程師的就業(yè)路徑也更加寬廣。現(xiàn)在越來(lái)越多的IT企業(yè)，對(duì)用戶體驗(yàn)更加注重，因此除了掌握以上技能，我們還需要不斷去學(xué)習(xí)關(guān)于前端開發(fā)的知識(shí)。