通常,用戶(hù)瀏覽網(wǎng)頁(yè)的時(shí)候,我們會(huì)關(guān)注網(wǎng)頁(yè)的整體排版,網(wǎng)頁(yè)的色彩效果,但是,我們卻忽略了這樣的效果是怎樣的出來(lái)的,這就引出了我們要說(shuō)的WEB前端。所謂WEB前端,就是通過(guò)瀏覽器到用戶(hù)端計(jì)算機(jī)的統(tǒng)稱(chēng)為前端技術(shù)。相反存貯于服務(wù)器端的統(tǒng)稱(chēng)為后端技術(shù)。它是連接網(wǎng)頁(yè)美工與后臺(tái)代碼的”橋梁“。
隨著用戶(hù)對(duì)交互提出了更高的要求,除了視覺(jué)效果還要交互的體驗(yàn)。而WEB所做的就是滿(mǎn)足用戶(hù)的需求。而我個(gè)人理解,“WEB=Javascript + Html + CSS”,這三點(diǎn)是WEB構(gòu)成的三要素。在我們?cè)O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候最準(zhǔn)確的是把網(wǎng)頁(yè)分成三個(gè)層次,即結(jié)構(gòu)層、表示層、行為層。網(wǎng)頁(yè)的結(jié)構(gòu)層由 HTML 或 XHTML 之類(lèi)的標(biāo)記語(yǔ)言負(fù)責(zé)創(chuàng)建。標(biāo)簽,也就是那些出現(xiàn)在尖括號(hào)里的單詞,對(duì)網(wǎng)頁(yè)內(nèi)容的語(yǔ)義含義做出了描述,但這些標(biāo)簽不包含任何關(guān)于如何顯示有關(guān)內(nèi)容的信息;網(wǎng)頁(yè)的表示層(presentation layer) 由 CSS 負(fù)責(zé)創(chuàng)建。 CSS 對(duì)“如何顯示有關(guān)內(nèi)容”的問(wèn)題做出了回答;網(wǎng)頁(yè)的行為層(behavior layer)負(fù)責(zé)回答“內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)”這一問(wèn)題。這是 Javascript 語(yǔ)言和 DOM 主宰的領(lǐng)域。
WEB前端雖然是由網(wǎng)頁(yè)制作發(fā)展而來(lái),但是這一技術(shù)的出現(xiàn)也必將會(huì)有跨時(shí)代的意義。在互聯(lián)網(wǎng)的演變過(guò)程中,WEB前端是新時(shí)代網(wǎng)頁(yè)制作日趨專(zhuān)業(yè)化、成熟化的標(biāo)志。