移動WEB開發(fā)技術(shù)在商務(wù)網(wǎng)站建設(shè)中應(yīng)用淺析

胡朝暉（桂林旅游學(xué)院 商學(xué)院）

■移動WEB開發(fā)技術(shù)的內(nèi)容

（一）移動WEB前端開發(fā)的概念

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

（二）移動WEB開發(fā)技術(shù)的工作原理

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

（三）移動WEB開發(fā)技術(shù)的相關(guān)內(nèi)容

1.總體技術(shù)內(nèi)容

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

2.移動WEB開發(fā)技術(shù)的發(fā)展

最初的web開發(fā)多是以C/S體系結(jié)構(gòu)為主，這種結(jié)構(gòu)的特點(diǎn)是相應(yīng)速度快，實(shí)現(xiàn)客戶端和服務(wù)器端的直接連接，沒有中間環(huán)節(jié)，能滿足用戶的個(gè)性化需求。擁有強(qiáng)大的事物處理能力，充分利用硬件組元，實(shí)現(xiàn)復(fù)雜的任務(wù)流程。但同時(shí)也有著缺陷，如分布功能較弱，開發(fā)維護(hù)的成本相對較高，而且兼容性較差，并不適合目前的移動web開發(fā)設(shè)計(jì)。

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

■商務(wù)網(wǎng)站建設(shè)的主要目的與目前發(fā)生的問題

（一）目的

商務(wù)網(wǎng)站的建設(shè)是為了服務(wù)于企業(yè)的發(fā)展，其根本目的是達(dá)到企業(yè)形象、提升網(wǎng)絡(luò)的管理以及開展電子商務(wù)，這些目的的產(chǎn)生有利于企業(yè)的發(fā)展。

（二）現(xiàn)存的網(wǎng)站問題

1.網(wǎng)站主題與商務(wù)內(nèi)容不符

在商務(wù)網(wǎng)站的設(shè)計(jì)時(shí)，主題不可過于分散，傳統(tǒng)的商務(wù)網(wǎng)站建設(shè)中主題太過于分散，與商務(wù)內(nèi)容相差太遠(yuǎn)，導(dǎo)致網(wǎng)站所有者在這一方面的精力投入欠缺，網(wǎng)站提供的信息質(zhì)量低下。

2.網(wǎng)站內(nèi)容不豐富

傳統(tǒng)的WEB開發(fā)技術(shù)由于受到種種限制，無法對其內(nèi)容與形式作出變化，因而導(dǎo)致的網(wǎng)站的內(nèi)容較為單一。內(nèi)容單一的最終結(jié)果是瀏覽量的低下，網(wǎng)站以及企業(yè)的受眾不多，無法達(dá)到宣傳的作用。

■移動WEB開發(fā)技術(shù)在商務(wù)網(wǎng)站建設(shè)中的應(yīng)用優(yōu)勢

（一）標(biāo)記能力得到進(jìn)一步提升

移動WEB開發(fā)技術(shù)又被稱作HTML5，先比于其他的移動WEB開發(fā)技術(shù)，其在原有基礎(chǔ)上增加了結(jié)構(gòu)性標(biāo)簽，這一設(shè)置使得HTML5更加的富有個(gè)性，這一結(jié)構(gòu)的設(shè)置有利于商務(wù)網(wǎng)站中用戶的使用，對于用戶的瀏覽記錄有強(qiáng)大的記憶功能。從技術(shù)上來說通過增加帶有語義性的標(biāo)記（比如說header/footer等）使得瀏覽器解釋頁面中元素的速度得到進(jìn)一步的提升；或者是通過增加某種元素，向用戶表明此處是瀏覽器的頁頭，通常添加的元素為head-er。移動WEB開發(fā)技術(shù)完善后，每一種標(biāo)記都帶有一種以為，最常見的nav標(biāo)記代表的是構(gòu)建頁面導(dǎo)航、article是用于結(jié)構(gòu)件頁面內(nèi)容某一部分的標(biāo)記?？傊苿覹EB開發(fā)技術(shù)在商務(wù)網(wǎng)站中的應(yīng)用相較于其他的開發(fā)端來說，信息標(biāo)記能力更加的具體。

（二）多媒體變現(xiàn)能力的增強(qiáng)

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

（三）高效的連接特性

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

■商務(wù)網(wǎng)站建設(shè)中的移動WEB開發(fā)技術(shù)優(yōu)化

在移動WEB開發(fā)技術(shù)的實(shí)際運(yùn)用中發(fā)現(xiàn)了很多可大可小的問題，問題產(chǎn)生的原因以及問題帶來的后果都能輕而易舉的找到，困難的是優(yōu)化問題。在商務(wù)網(wǎng)站建設(shè)中的常見問題有：將CSS放在頭部與js放在尾部這兩條原則，主管不能要求工程在寫樣式和腳本引用時(shí)頻繁的修改相同頁面，如此一來就會導(dǎo)致團(tuán)隊(duì)的效率被拉低，很有可能因?yàn)楣ぷ鞑荒芫o密對接導(dǎo)致網(wǎng)站建設(shè)中出現(xiàn)Bug。WEB開發(fā)技術(shù)的技術(shù)優(yōu)化可以從以下幾個(gè)方面入手。

（一）減少HTTP請求數(shù)量

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

（二）cookie優(yōu)化

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

1.移動WEB開發(fā)技術(shù)的后臺需要及時(shí)的對網(wǎng)站系統(tǒng)的cookie信息進(jìn)行篩選，過掉沒有用的cookie信息，對待一些不需要該信息的網(wǎng)站可以完全的禁止。

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

3.設(shè)置一定的時(shí)間限制，對cookie的有效時(shí)間進(jìn)行限制，網(wǎng)站中的cookie信息標(biāo)記功能需要一個(gè)過期時(shí)間限制，最終過期的信息將被儲存在客戶端的硬盤上，當(dāng)用戶再次涉及這一信息時(shí)，cookie信息會再次被提出，這一設(shè)定可以最大限度的清空影響網(wǎng)站響應(yīng)的不利因素。

（三）CDN內(nèi)容分發(fā)網(wǎng)絡(luò)

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

■結(jié)束語

移動WEB開發(fā)技術(shù)是一個(gè)系統(tǒng)化的工程，在商務(wù)網(wǎng)站建設(shè)應(yīng)用領(lǐng)域價(jià)值較高，具有極大的開發(fā)潛力，尤其是在電商、智能手機(jī)等移動領(lǐng)域。憑借豐富的兼容性和先進(jìn)的開發(fā)技術(shù)，移動web技術(shù)逐漸取代傳統(tǒng)技術(shù)，實(shí)現(xiàn)網(wǎng)站的革新，使得網(wǎng)站動靜態(tài)到動態(tài)，從單一到復(fù)雜、多功能多用途，真正賦予了企業(yè)更大的市場開拓能力，將電子商務(wù)的應(yīng)用達(dá)到了機(jī)制?？偠灾?，企業(yè)未來發(fā)展離不開移動領(lǐng)域，多元化的發(fā)展模式成為當(dāng)代企業(yè)不可或缺的方式，而移動web技術(shù)是促進(jìn)和推動多元化發(fā)展的主要力量，企業(yè)應(yīng)提高重視，努力推進(jìn)移動web建設(shè)，邁出多元化發(fā)展道路。