我們都知道網(wǎng)站開(kāi)發(fā)分為 前端（客戶(hù)端）和 后端（服務(wù)器端）兩個(gè)部分。網(wǎng)站開(kāi)發(fā) 后端 的是與數(shù)據(jù)庫(kù)進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能、數(shù)據(jù)的存取、平臺(tái)的穩(wěn)定性與性能等。至于 前端，在這里泛指Web前端，也就是在Web應(yīng)用中用戶(hù)可以看得見(jiàn)碰得著的東西。包括Web頁(yè)面的結(jié)構(gòu)、Web的外觀(guān)視覺(jué)表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。主要負(fù)責(zé)實(shí)現(xiàn)視覺(jué)和交互效果，以及與服務(wù)器通信，完成業(yè)務(wù)邏輯。它的核心價(jià)值在于實(shí)現(xiàn)用戶(hù)體驗(yàn)，大型互聯(lián)網(wǎng)公司的用戶(hù)體驗(yàn)部門(mén)，一般會(huì)包括用戶(hù)研究、交互設(shè)計(jì)、前端技術(shù)和視覺(jué)設(shè)計(jì)等方面的內(nèi)容。作為一名網(wǎng)站前端開(kāi)發(fā)者，以下的知識(shí)是不可或缺的：1HTMLHTML即HyperText Markup Languag，超級(jí)文本標(biāo)記語(yǔ)言。這是網(wǎng)站開(kāi)發(fā)中最簡(jiǎn)單的，也是最基礎(chǔ)的內(nèi)容，幾乎所有的開(kāi)發(fā)者都必須首先經(jīng)歷這個(gè)環(huán)節(jié)。必須要熟練掌握div、form、table、li 、p、span、font等等標(biāo)簽，這些都是最常用的。其中尤其需要注意div和table這兩個(gè)，算是用到最多的內(nèi)容。div用于布局；table用來(lái)和數(shù)據(jù)打交道（雖然table也可以用于布局,但是并不靈活）。2CSSCSS即Cascading style Sheets層疊樣式表，其中css3我們先不談。CSS主要用于輔助html來(lái)布局和展示，我們稱(chēng)之為“css樣式”。對(duì)于css要掌握的內(nèi)容主要包括float、position、width、height、overflow、margin、padding等等,這些都是跟布局有關(guān)系的樣式。不管你用什么工具軟件制作網(wǎng)頁(yè)，其實(shí)都有在有意無(wú)意地使用CSS。用好CSS能使你的網(wǎng)頁(yè)更加簡(jiǎn)煉，為什么同樣內(nèi)容的網(wǎng)頁(yè)，有的人做出來(lái)有幾十KB，而高手做出來(lái)只有十幾KB，CSS在其中的作用是不言而喻的。3JSJS即JavaScript，作為一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的語(yǔ)言，內(nèi)置支持類(lèi)型。它的解釋器被稱(chēng)為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶(hù)端的腳本語(yǔ)言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。我們所講的前兩個(gè)內(nèi)容都很基礎(chǔ)，接下來(lái)的東西可能接受起來(lái)有難度，但是事實(shí)上js入門(mén)算是比較簡(jiǎn)單的,不需要會(huì)很多東西的?；A(chǔ)點(diǎn)的內(nèi)容只要會(huì)根據(jù)某個(gè)id、或者name拿到網(wǎng)頁(yè)dom或者樣式、或者值,然后會(huì)給某個(gè)id或者name的元素標(biāo)簽賦值、或者追加數(shù)據(jù)、追html,這個(gè)是跟數(shù)據(jù)有關(guān)系的操作,之后數(shù)據(jù)邏輯判斷。至于效果方面的,無(wú)非就是跳轉(zhuǎn)、彈框、隱藏什么的。當(dāng)然，這些東西單獨(dú)拿出來(lái)比較簡(jiǎn)單，但是實(shí)際中幾乎沒(méi)有這么簡(jiǎn)單的情況，很多時(shí)候都需要把這些各種各樣地結(jié)合起來(lái)。4JQueryJQuery說(shuō)白了是一個(gè)JavaScript（JS）框架，相當(dāng)于把js封裝了一套的一個(gè)js插件，目的就是操作起來(lái)更方便,代碼寫(xiě)的更少,它支持JS的常規(guī)操作以及一些擴(kuò)展，比如圖形等，對(duì)JSON格式也能很好的解析，ajax也做了封裝，語(yǔ)法也比較簡(jiǎn)單。功能十分強(qiáng)大。jquery入門(mén)也很簡(jiǎn)單,那些是入門(mén)需要學(xué)的和js一樣,只是換成了jq的代碼。不好的地方是它將js語(yǔ)法與開(kāi)發(fā)人員完全隔離，也就說(shuō)你開(kāi)發(fā)幾年JQuery后還會(huì)不會(huì)用純 編程都是個(gè)問(wèn)題。5CSS3+HTML5這是最近比較流行的內(nèi)容了。HTML5在原有的基礎(chǔ)上新增和移除了一些元素，提供了對(duì)表單的強(qiáng)大支持。它并非僅僅用來(lái)表示W(wǎng)eb內(nèi)容，它的新使命是將Web帶入一個(gè)成熟的應(yīng)用平臺(tái)，在HTML 5平臺(tái)上，視頻，音頻，圖象，動(dòng)畫(huà)，以及同電腦的交互都被標(biāo)準(zhǔn)化。CSS3對(duì)于我們Web開(kāi)發(fā)者來(lái)說(shuō)不只是新奇的技術(shù)，更重要的是這些全新概念的web應(yīng)用給我們帶來(lái)無(wú)限的可能性，也極大地提高了我們的開(kāi)發(fā)效率。我們將不必再依賴(lài)圖片或者Javascript 去完成圓角、多背景、用戶(hù)自定義字體、3D動(dòng)畫(huà)、漸變、盒陰影、文字陰影、透明度等提高Web設(shè)計(jì)質(zhì)量的特色應(yīng)用。6簡(jiǎn)單后臺(tái)語(yǔ)言作為一名前端開(kāi)發(fā)者不僅需要掌握上面講的有關(guān)前端的知識(shí)，還必須懂一點(diǎn)后臺(tái)語(yǔ)言,比如java、php等等。因?yàn)榍芭_(tái)界面的數(shù)據(jù)都是從后臺(tái)來(lái)的,我們必須知道怎么跟后臺(tái)交互數(shù)據(jù)。這樣不僅能夠節(jié)約時(shí)間，還可以讓前端代碼更規(guī)范，讓后臺(tái)開(kāi)發(fā)者減少一些不必要的麻煩。否則的話(huà)，可能因?yàn)榍芭_(tái)的寫(xiě)法和后端給來(lái)的數(shù)據(jù)不能結(jié)合上,導(dǎo)致前端代碼必須重新編寫(xiě)。