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