由于web技術(shù)的飛速發(fā)展，網(wǎng)站的前端也在不斷變化。各種各樣的網(wǎng)頁往往是多樣化的，這就導(dǎo)致了網(wǎng)頁制作的困難。它已經(jīng)逐漸發(fā)展成為一種獨(dú)立的網(wǎng)頁前端開發(fā)技術(shù)。

一、前端開發(fā)三項(xiàng)技術(shù)

（1）HTML

html只是標(biāo)準(zhǔn)泛型標(biāo)記語言的應(yīng)用之一，是標(biāo)準(zhǔn)泛型語言的規(guī)范。瀏覽器網(wǎng)頁的文本結(jié)構(gòu)和內(nèi)容的顯示是html提供的標(biāo)記文本，是web編程的基礎(chǔ)。瀏覽器以特定的標(biāo)記順序顯示網(wǎng)頁并設(shè)置規(guī)則。所以網(wǎng)站建設(shè)的***步就是要用html構(gòu)建一個合理的框架，并與當(dāng)前瀏覽器兼容。當(dāng)然，僅僅在網(wǎng)頁開發(fā)中使用html技術(shù)是不可行的。此時，網(wǎng)頁不具備企業(yè)網(wǎng)站的可用性，還需要使用css語言進(jìn)一步優(yōu)化網(wǎng)頁的可用性。

（二）CSS

層疊樣式（css）是一種類似html的樣式語言。HTML是網(wǎng)頁的標(biāo)準(zhǔn)樣式語言。css是一種用于web頁面的描述性樣式語言。css可以分割web頁面的數(shù)據(jù)和樣式，使瀏覽器對web頁面的顯示更加強(qiáng)大。它可以提供各種文檔的樣式和外觀，修改一些元素和文本，修改頁面字體的顏色，增強(qiáng)html中重要的內(nèi)容標(biāo)記。盡管css和html技術(shù)已經(jīng)被用來生成滿足外觀和功能可用性要求的網(wǎng)頁，也可以滿足用戶對企業(yè)網(wǎng)頁的瀏覽需求，但是仍然有兩個問題需要注意。首先，css顯示在不同的瀏覽器或同一瀏覽器的不同版本在當(dāng)今互聯(lián)網(wǎng)市場上。由于瀏覽器的核心設(shè)計(jì)和對網(wǎng)頁的支持不同，有時有些瀏覽器無法顯示網(wǎng)頁的基本內(nèi)容，所以在編寫css時需要對其進(jìn)行研究。考慮瀏覽器的兼容性。其次，此時的web頁面仍然是靜態(tài)的、可瀏覽的，但不能與數(shù)據(jù)交互，還需要javascript技術(shù)。

（3）javascript

javascript是js的縮寫。js作為一種語言，隨著現(xiàn)代網(wǎng)絡(luò)技術(shù)的進(jìn)步，已經(jīng)發(fā)展成為一種全面、完善的腳本語言。javascript解釋器已經(jīng)成為各種瀏覽器的必備工具，被稱為javascript引擎，主要用于用戶端。javascript之所以發(fā)展得很好，是因?yàn)樗趙eb頁面的開發(fā)和構(gòu)建中得到了廣泛的應(yīng)用。它既能處理各種復(fù)雜的計(jì)算問題，又具有瀏覽器與web服務(wù)器的交互功能。它也可以是動態(tài)交互。它在服務(wù)器端的作用也伴隨著技術(shù)的發(fā)展。展覽逐漸興起。javascript與html的交互可以實(shí)現(xiàn)頁面行為與風(fēng)格的交互。

松耦合效應(yīng)，當(dāng)瀏覽器有某種交互動作時，通過使用加速器，綁定特定元素的處理程序，則會觸發(fā)相應(yīng)的處理功能來執(zhí)行任務(wù)。

2、mvc模式分離的web開發(fā)

（1）分前端和后端

視圖層（v）是頁面的構(gòu)造，顯示各種數(shù)據(jù)并將其分為前端，模型層（m）是各種數(shù)據(jù)的存儲和不同業(yè)務(wù)邏輯的處理，又分為后端。重要的是劃分控制層，因?yàn)樗P(guān)系到耦合問題的處理。控制層（c）具有轉(zhuǎn)發(fā)和處理請求的功能。它是信息的調(diào)度處理器。它解析客戶機(jī)的請求內(nèi)容并將其發(fā)送到服務(wù)器。服務(wù)器在模型層處理后獲取內(nèi)容，將內(nèi)容反饋給控制層，然后將正確的頁面發(fā)送給客戶端。雖然控制層和模型層之間的通信相對簡單，但它用于數(shù)據(jù)交互。從控制層的作用來看，它是數(shù)據(jù)交互和調(diào)度的場所，沒有業(yè)務(wù)邏輯，因此將控制層劃分為前端是合理的。

（2）實(shí)現(xiàn)前后分離

（3）數(shù)據(jù)復(fù)用前后的分離

在前端分離模式的應(yīng)用中，它有一個優(yōu)點(diǎn)：后端的數(shù)據(jù)可用性很強(qiáng)。例如，我們今天查詢天氣預(yù)報(bào)非常方便，但是天氣預(yù)報(bào)查詢功能調(diào)用外部接口。用戶發(fā)送城市氣象條件請求，前臺獲取請求參數(shù)，利用ajax技術(shù)向節(jié)點(diǎn)層發(fā)送請求，并從節(jié)點(diǎn)層向天氣預(yù)報(bào)界面發(fā)送兩個請求。在處理完請求的響應(yīng)參數(shù)后，天氣預(yù)報(bào)界面將原始數(shù)據(jù)路徑反饋給節(jié)點(diǎn)，然后返回到首頁。用戶可以刷新它來獲得城市的天氣預(yù)報(bào)。正式使用這種分離模式，天氣預(yù)報(bào)的后端只關(guān)注天氣數(shù)據(jù)的更新，而不需要關(guān)注頁面的結(jié)構(gòu)。前端只需要注意界面對用戶的呈現(xiàn)，而不需要更新數(shù)據(jù)。此外，該平臺還可以應(yīng)用于網(wǎng)絡(luò)連接的任何地方的天氣預(yù)報(bào)。數(shù)據(jù)，這表明數(shù)據(jù)可以在分離前后重用。

3、結(jié)論

前端與后端分離模式下企業(yè)網(wǎng)站建設(shè)與開發(fā)中的網(wǎng)站開放

這大大簡化了網(wǎng)站建設(shè)的復(fù)雜性，削弱了前端與后端的耦合，提高了部分?jǐn)?shù)據(jù)的可重用性。前端技術(shù)在企業(yè)網(wǎng)站的建設(shè)和開發(fā)中，能夠快速有效的建立企業(yè)網(wǎng)站，在以后的網(wǎng)站維護(hù)和擴(kuò)展中更加簡單，提高了員工的工作效率，提高企業(yè)整體效益。