移動WEB開發技術在商務網站建設中應用淺析

胡朝暉（桂林旅游學院 商學院）

■移動WEB開發技術的內容

（一）移動WEB前端開發的概念

移動開發前端和WEB前端開發都屬于前端開發的范圍，WEB前端開發技術主要是針對PC端的網頁開發，這一開發技術是專門性的針對網站設計的，其開發的具體內容大致包括了以下幾點：PC端網頁開發、PC端后臺管理頁面以及部門移動端網頁開發等。移動WEB開發技術設計的知識范圍廣闊，主要原因歸結于其使用對象以及形成原理，移動前端開發指的是對原生App的開發，比如Android和IOS兩個。

（二）移動WEB開發技術的工作原理

就目前的科技發展形勢來看，不管是開發WEB還是移動端頁面，都以HTML、CSS、JavaScript三項為運作基石，移動WEB開發技術的工作原理就是通過對這三個基礎技術的熟練掌握，逐漸添加自身的創新，衍生出的新的事物，WEB開發技術是萬維網瀏覽器的一種基礎語言，其主要的工作媒介還是計算機，通過計算機之間的代碼或者數據完成的一種信息交流。其中的CSS在網站建設中的主要工作是網頁外觀制作，而JavaScript是具體的WEB應用開發工作，熟練的掌握這三種，在一定程度上可以使網站用戶得到更加流暢的瀏覽效果。

（三）移動WEB開發技術的相關內容

1.總體技術內容

從事移動WEB開發技術工作的人一般被稱作移動WEB開發工程師，其主要工作是網站前、后臺系統的頁面工作，這一工作要求掌握相關的后臺變成語言。具體的工作有數據庫操作、使用cancas、css3繪圖等。另外在科技發展先進，WEB前端系統也在不斷的發展，更多好的開發程序系統將在未來誕生，正在發展的系統有Chrome OS、Firefox OS等，移動WEB開發技術在網站建設中的發展與前景有待可期。

2.移動WEB開發技術的發展

最初的web開發多是以C/S體系結構為主，這種結構的特點是相應速度快，實現客戶端和服務器端的直接連接，沒有中間環節，能滿足用戶的個性化需求。擁有強大的事物處理能力，充分利用硬件組元，實現復雜的任務流程。但同時也有著缺陷，如分布功能較弱，開發維護的成本相對較高，而且兼容性較差，并不適合目前的移動web開發設計。

由于前期WEB技術的不斷探索與改進，衍生出了B/S軟件體系結構，從某種程度上來說，這一結構體系的出現帶動了移動WEB開發技術的發展。且在科技的帶動下，B/S結構的功能逐漸趨于完善，這種結構對于信息的分布處理有一定的作用，從而減輕了資源損耗，提升了整體的系統性能，使得B/S結構順利的進入了信息技術這一大部隊之中。通過改進后的開發端，從受眾的角度出發，在用戶進入信息瀏覽器需要輸入相關網頁時，會對服務器進行求助，服務器從而接收求助并對域名進行分析，達到找尋IP地址的目的，最終目的是引導用戶進入預定的網頁頁面。

■商務網站建設的主要目的與目前發生的問題

（一）目的

商務網站的建設是為了服務于企業的發展，其根本目的是達到企業形象、提升網絡的管理以及開展電子商務，這些目的的產生有利于企業的發展。

（二）現存的網站問題

1.網站主題與商務內容不符

在商務網站的設計時，主題不可過于分散，傳統的商務網站建設中主題太過于分散，與商務內容相差太遠，導致網站所有者在這一方面的精力投入欠缺，網站提供的信息質量低下。

2.網站內容不豐富

傳統的WEB開發技術由于受到種種限制，無法對其內容與形式作出變化，因而導致的網站的內容較為單一。內容單一的最終結果是瀏覽量的低下，網站以及企業的受眾不多，無法達到宣傳的作用。

■移動WEB開發技術在商務網站建設中的應用優勢

（一）標記能力得到進一步提升

移動WEB開發技術又被稱作HTML5，先比于其他的移動WEB開發技術，其在原有基礎上增加了結構性標簽，這一設置使得HTML5更加的富有個性，這一結構的設置有利于商務網站中用戶的使用，對于用戶的瀏覽記錄有強大的記憶功能。從技術上來說通過增加帶有語義性的標記（比如說header/footer等）使得瀏覽器解釋頁面中元素的速度得到進一步的提升；或者是通過增加某種元素，向用戶表明此處是瀏覽器的頁頭，通常添加的元素為head-er。移動WEB開發技術完善后，每一種標記都帶有一種以為，最常見的nav標記代表的是構建頁面導航、article是用于結構件頁面內容某一部分的標記。總之移動WEB開發技術在商務網站中的應用相較于其他的開發端來說，信息標記能力更加的具體。

（二）多媒體變現能力的增強

商務網站在移動WEB開發技術的作用下，其內容、形式、性質以及畫面都變得更加復雜與多樣化，這取決于HTML5技術的發展。WEB開發端在商務網站中的視音頻、字體。畫面以及單方面的表現力都因該技術的發展而得到增加。同時HTML5通過加入新的標簽，為多媒體內容下網站中的鑲嵌展示創造了更多的機會，商務網站從原來的靜態性質轉變成現今的圖形、動畫等從多媒體技術中表現出來。HTML5技術不僅可以為網頁實時的運行2D，還能為商務網站中的3D模擬游戲提供強有力的技術支撐。移動WEB開發技術中的HTML 5技術通過其形象的展現力，改變了傳統商務網站中的單一表現形式，在商務網站建設中發揮著不可撼動的作用。

（三）高效的連接特性

網站存在的最基本要求還進入時的流暢性，流暢度是用戶信賴網站與否的最大影響因素，而HTML5的連接特性是數一數二的，可以快速的提升連接網站的工作效率，因該技術的存在網站在頁面聊天、游戲體驗、在線交流等方面都可以做到十分的快速、優化。與其他的開發端不同，HTML5具備更加便捷的服務器推送技術，以Server-sent-events和WebSocket兩個為主，移動WEB開發技術主要是借助了這兩個特性，得以將用戶的瀏覽數據快速的運用到客戶端，因而使得用戶瀏覽的流暢度，保證了商務網站的信賴度與高粉絲度。

■商務網站建設中的移動WEB開發技術優化

在移動WEB開發技術的實際運用中發現了很多可大可小的問題，問題產生的原因以及問題帶來的后果都能輕而易舉的找到，困難的是優化問題。在商務網站建設中的常見問題有：將CSS放在頭部與js放在尾部這兩條原則，主管不能要求工程在寫樣式和腳本引用時頻繁的修改相同頁面，如此一來就會導致團隊的效率被拉低，很有可能因為工作不能緊密對接導致網站建設中出現Bug。WEB開發技術的技術優化可以從以下幾個方面入手。

（一）減少HTTP請求數量

商務網站建設的主要目的是吸引用戶體驗來達到宣傳的作用，要提升用戶體驗就需要在前端優化上做文章。首先從本質上來說WEB前端問題可能會消耗掉整體時間的絕大部分，從而導致整體效率的低下；性能黃金法則表明只有大約百分之十到百分之二十的最終用戶會在接受請求的HTML文檔上做停留，大多數的時間都將用在了HTML文檔引用進行的HTTP請求上，因此想要提升網站響應的速度就必須要減少組件數量，從而減少HTTP的請求數量。在移動WEB開發技術中的通常做法是利用CSS Sprite，對網站中的圖片進行分類，對比較小的圖片進行分類整合，將所有整理圖片放置于一個圖片文件中，隨后利用CSS中的background-image進行圖片插入，并且對網站需要用到圖片的部分進行重點定位，從而減少了服務器后臺對圖片的多次請求。

（二）cookie優化

Cookie指的是網站中為了辨別用戶身份，進行的一種追蹤儲存數據的手段，主要是通過對用戶本地終端上的數據進行定位，該數據通常情況下是由用戶的移動端或PC端暫時性或永久性的進行保存，其類型為小型文本文件。HTTP請求后的相關數據都會在硬盤上產生與cookie相關的信息，當信息越來越多時，隨著增大的還有請求頭，伴隨著這些增加的還有網站打開的時間，因此優化cookie是十分有必要的。

1.移動WEB開發技術的后臺需要及時的對網站系統的cookie信息進行篩選，過掉沒有用的cookie信息，對待一些不需要該信息的網站可以完全的禁止。

2.將cookie信息設置為最小，一旦用戶端產生cookie信息，就會以HTTP的形式客服端傳遞，對前者的減小也是對后者的減小，兩者同時較小的情況化，網站內部法人運行空間會得到大范圍的擴張，從而提升網站響應的速度。

3.設置一定的時間限制，對cookie的有效時間進行限制，網站中的cookie信息標記功能需要一個過期時間限制，最終過期的信息將被儲存在客戶端的硬盤上，當用戶再次涉及這一信息時，cookie信息會再次被提出，這一設定可以最大限度的清空影響網站響應的不利因素。

（三）CDN內容分發網絡

移動WEB開發技術最終創造的網站或者瀏覽器是以域來緩存資源的，只要客戶端顯示的域不一致，那么就會對同一個資源進行重復下載和緩存，這樣一來就對用戶的移動端的儲存空間形成威脅，產生影響網站在用戶心中的負面影響。所以需要將CND用于前端的性能優化，主要做法是將靜態資源緩存到距離用戶很近的網絡運營商CND節點上，不同域的用戶在下載同一個緩存是將會被儲存在不同的CND節點上，并通過智能CND識別距離用戶最近的，隨后通過向用戶發送刪除或保留的CND節點，來優化CND內容分發網絡。通過這種優化后，網站的儲存空間增加，從而增加其響應速度。

■結束語

移動WEB開發技術是一個系統化的工程，在商務網站建設應用領域價值較高，具有極大的開發潛力，尤其是在電商、智能手機等移動領域。憑借豐富的兼容性和先進的開發技術，移動web技術逐漸取代傳統技術，實現網站的革新，使得網站動靜態到動態，從單一到復雜、多功能多用途，真正賦予了企業更大的市場開拓能力，將電子商務的應用達到了機制。總而言之，企業未來發展離不開移動領域，多元化的發展模式成為當代企業不可或缺的方式，而移動web技術是促進和推動多元化發展的主要力量，企業應提高重視，努力推進移動web建設，邁出多元化發展道路。