由于Web技術日新月異，網(wǎng)站的前端也處在不斷的變化之中，各種各樣的網(wǎng)頁趨于多元化，導致網(wǎng)頁的制作難度在加大，已經(jīng)逐漸地演變成了一門網(wǎng)頁前端開發(fā)的獨立技術。企業(yè)的網(wǎng)站如何提供給用戶一個良好的體驗，這就涉及到了網(wǎng)站的建設開發(fā)者如何去布局企業(yè)的網(wǎng)站的頁面了。

一.前端開發(fā)的三種技術

通過瀏覽器訪一個頁面，以及相應的Web服務器反饋信息顯示在瀏覽器上，兩者的交互操作需要涉及到前端開發(fā)的三種主要技術，而這三種主要技術是HTML；CSs；Javascript下面就這三種技術作一個簡述。

(一)HTML

HTML只是標準通用標記語言其中一個應用，它對標準通用語言來說具有規(guī)范性。瀏覽器網(wǎng)頁的文本結構內容的顯示是HTML提供的標記文本，是WEB編程的基礎。瀏覽器顯示網(wǎng)頁是按照標記符一定的順序和設置好的規(guī)則下出現(xiàn)內容。所以網(wǎng)站的建設第一步就是運用HIML建設布局合理的框架，而且要與當前的瀏覽器兼容。當然網(wǎng)頁建設開發(fā)只利用 HTML技術是不行的，這時的網(wǎng)頁是不具備企業(yè)網(wǎng)站的可用性，還需要用到CSs語言進一步優(yōu)化網(wǎng)頁的可用性。

(二)CSS

層登樣式(CSS)與HTML一樣是一種樣式語言，HIML是一種網(wǎng)頁標準性樣式語言，CSs是一種網(wǎng)頁描述性樣式語言。CSS可以把網(wǎng)頁的數(shù)據(jù)和樣式兩種信息拆分而使得瀏覽器呈現(xiàn)網(wǎng)頁的信息達到更強化，它可以提供多種文檔的樣式外觀為一些元素和文本進行改造，修改頁面字體的顏色，增強了HTML中的重要內容標記。雖然說運用CSS和HTML兩種技可以滿足用戶對企業(yè)網(wǎng)頁的瀏覽需求，但是還有兩個問題需要 術制作出來的網(wǎng)頁在外觀和功能已經(jīng)達到了可用性的要求，也注意。第一，CSS在如今互聯(lián)網(wǎng)市場上的不同測覽器中或者同個瀏覽器不同的版本中顯示有很大的差別，因為瀏覽器的核心設計和對網(wǎng)頁支持力度不同，有時候會有一些瀏覽器對網(wǎng)頁的本質內容顯示不出來，所以在編寫CSs時候需要考慮各種 覽器的兼容性間題。第二，這時候的網(wǎng)頁還處于靜態(tài)，有瀏覽性但是不能交互數(shù)據(jù)，還需要用到 avascript技術。

(三) Javascript

Javascript i簡稱J， Javascript 1作為一種語言，隨著現(xiàn)代網(wǎng)絡技術的進步，JS已經(jīng)發(fā)展成為了一門全面且完善的直譯式腳本語言。 Javascript的解釋器已經(jīng)作為各種瀏覽器的必須品被人稱為 Javascript引擎，主要是在用戶端運用。之所以時候Javascript已經(jīng)發(fā)展的非常完善，是因為它在網(wǎng)頁的開發(fā)和建 設中應用非常廣泛，可以處理各種復雜的計算間題，也有瀏覽器與web服務器之間的交互功能，而且還可以是動態(tài)性的交互，它在服務端的作用也隨著技術的發(fā)展逐漸顯現(xiàn)出來了。Javascript與HIML之間的交互可以達到頁面行為與樣式間的松散耦合效果，當瀏覽器有某種交互動作時，通過監(jiān)聽器的使用，綁定了特定元素的處理程序，這時候就會有觸發(fā)后的相應處理函數(shù)來執(zhí)行任務。

二、前后分離MVC模式的Web開發(fā)

(一)劃分前后端

視圖層(V)是頁面的搭建，顯示各種數(shù)據(jù)，劃分為前端；模型層(M)是存儲各種數(shù)和處理不同的業(yè)務邏輯，劃分為處理。控制層(C)是具備轉發(fā)和處理請求的功能，它是一個 后端。更關鍵是控制層的劃分，因為這關系到前后耦合向題的某個服務端，服務端得到內容在模型層處理后，反饋內容給控 信息的調配處理器，解析客戶端的請求內容并把此內容發(fā)送給制層，再由此給客戶端發(fā)送正確的網(wǎng)頁頁面，雖然說控制層和模型層的交流比較簡單，用來進行數(shù)據(jù)交互。從控制層的作用來看，它是數(shù)據(jù)的交互和調度地方，沒有業(yè)務邏輯，所以把控制層劃分到前端比較合理。

(二)實現(xiàn)前后分離

大多數(shù)門戶網(wǎng)站在構建中將 Node. js t作為中間層，利用Express開發(fā)企業(yè)網(wǎng)站。用戶訪間企業(yè)網(wǎng)站的門戶時，服務端進行判定且響應。如果頁面需要動態(tài)型的數(shù)據(jù)，Node會把用戶 id作為請求的參數(shù)發(fā)送給后端的接口，后端接受請求處理后以ISON的形式返還給Node層。數(shù)據(jù)傳達到Node層后，運用函數(shù)回調涫染相應的頁面，這些獲取的數(shù)據(jù)會注入到ES模板，將JSON數(shù)據(jù)轉換成HTML，更終將文件顯示在瀏覽器里，這時用戶就可以看到。

(三)復用前后分離的數(shù)據(jù)

前后分離模式的應用，它有一個優(yōu)勢就是后端的數(shù)據(jù)使用性非常強。舉個例子，我們今天查詢天氣預報非常方便，不過天氣預報的查詢功能調用的是外部接口，用戶發(fā)送請求某個城市的天氣情況請求，前臺獲取請求參數(shù)，運用AJAX技術向Node層發(fā)出請求，由Node層發(fā)送二次請求給天氣預報接口，給Node端，再轉回前臺頁面，用戶刷新一下就得到某個城市 數(shù)處理后的天氣預報。正式利用這種前后分離模式，使得天氣預報的后端只注重天氣數(shù)據(jù)的更新，而不需要再去關注頁面的結構，前端只需要注重界面對用戶的呈現(xiàn)，而不需要去更新數(shù)據(jù)，而且這種平臺在任何網(wǎng)絡連接到的地方都可以用到天氣預報的數(shù)據(jù)，這就說明了可以復用前后分離數(shù)據(jù)。

在企業(yè)網(wǎng)站建設開發(fā)中采用前后端分離模式進行Web開發(fā)，這極大地簡化了網(wǎng)站建設的復雜性，也使得前后端的耦合性弱化，增強了一些數(shù)據(jù)的重復利用性。前端技術在企業(yè)網(wǎng)站的建設和開發(fā)中，可以快捷有效地建設企業(yè)網(wǎng)站，在后期的維護和網(wǎng)站的擴展中更加簡便，這提高了員工了的工作效率，增加了企業(yè)的整體效益。