韓金沛

摘要： 現(xiàn)如今， 通訊信息技術(shù)、 5G技術(shù)迅猛發(fā)展， 給傳統(tǒng)商務(wù)網(wǎng)站開發(fā)技術(shù)的發(fā)展帶來了不小的挑戰(zhàn)。目前來看， 積極建設(shè)移動(dòng)電子商務(wù)網(wǎng)站， 可促進(jìn)移動(dòng)用戶網(wǎng)絡(luò)消費(fèi)， 能夠?qū)崿F(xiàn)相關(guān)網(wǎng)站界面的視覺設(shè)計(jì)及前端技術(shù)的應(yīng)用開發(fā)。本文通過對(duì)現(xiàn)階段前端開發(fā)技術(shù)的現(xiàn)狀及發(fā)展趨勢進(jìn)行分析， 探討了移動(dòng)電子商務(wù)網(wǎng)站的移動(dòng)與安全交互新特征以及基于前端開發(fā)技術(shù)的框架應(yīng)用， 以供參考。

關(guān)鍵詞： 移動(dòng)電子商務(wù); 網(wǎng)站建設(shè); 前端開發(fā); 技術(shù)應(yīng)用

DOI：10.12433/zgkjtz.20240809

目前， 移動(dòng)網(wǎng)絡(luò)已經(jīng)成為人們?nèi)粘Ｉ钪胁豢苫蛉钡囊徊糠帧?G技術(shù)的推廣與普及， 加快了國內(nèi)各行業(yè)的發(fā)展?，F(xiàn)如今， 消費(fèi)市場通過人們手中的移動(dòng)終端得到了有效的拓展， 線上消費(fèi)模式也逐漸朝著個(gè)性化、 多元化的方向發(fā)展。與此同時(shí)， 在創(chuàng)建與開發(fā)移動(dòng)電子商務(wù)網(wǎng)站的過程中， 通常會(huì)借助HTML5、 CSS3、 JavaScript等最基礎(chǔ)的前端開發(fā)技術(shù)， 給用戶帶來更為便捷、 優(yōu)質(zhì)的線上購物體驗(yàn)。前端開發(fā)技術(shù)的應(yīng)用， 不但有助于傳統(tǒng)電子商務(wù)逐漸地朝著移動(dòng)電商模式轉(zhuǎn)型， 還可幫助商家及相關(guān)企業(yè)拓寬市場空間， 挖掘更多潛在客戶。

一、 前端開發(fā)的現(xiàn)狀及趨勢

（一）前端開發(fā)技術(shù)

前端開發(fā)技術(shù)主要是進(jìn)行Web頁面的構(gòu)建， 或?qū)?yīng)用程序等前端界面向用戶展示的過程， 通過借助HTML、 CSS、 JavaScript以及衍生出來的各種先進(jìn)技術(shù)、 框架、 方案等， 讓當(dāng)下的互聯(lián)網(wǎng)產(chǎn)品界面實(shí)現(xiàn)與用戶間更好的交互。前端開發(fā)是從以前的網(wǎng)頁制作發(fā)展而來的， 早期的網(wǎng)站中有很多內(nèi)容與界面都是靜態(tài)的， 主要包括圖形、 文字等， 用戶在訪問網(wǎng)站時(shí)也多以瀏覽為主。但是隨著通訊信息技術(shù)的日益發(fā)展， 以及HTML5、 CSS3技術(shù)的不斷優(yōu)化， 現(xiàn)如今的網(wǎng)頁與早期的相比， 更加的美觀， 簡潔， 且有些網(wǎng)頁還具有一定的交互效果， 在功能上更加豐富、 完善。

（二）現(xiàn)狀及趨勢

目前， PC端多使用Windows系統(tǒng)， 而移動(dòng)端主要包含Android、 iOS以及鴻蒙操作系統(tǒng)， 而電子商務(wù)平臺(tái)的開發(fā)與應(yīng)用都要基于上述三種操作系統(tǒng)這樣才能滿足不同用戶的需求。在創(chuàng)建商務(wù)網(wǎng)站時(shí)， HTML5、 CSS3以及JavaScript是Web前端技術(shù)的核心， 若要對(duì)前端界面進(jìn)行開發(fā)， 也可以采用jQuery前端框架。由于現(xiàn)階段市面上存在的操作系統(tǒng)較多， 在開發(fā)與應(yīng)用的過程中無法設(shè)定相對(duì)統(tǒng)一的標(biāo)準(zhǔn)。iOS系統(tǒng)的開發(fā)人員要能夠靈活運(yùn)用object-C語言， 從而為消費(fèi)者開發(fā)出體驗(yàn)度較高、 操作流暢的應(yīng)用程序。Android應(yīng)用程序開發(fā)都是采用Java語言編寫的， 因此， 要想提升Android用戶對(duì)應(yīng)用程序的滿意度， 就要不斷學(xué)習(xí)Android程序開發(fā)、 了解API手冊(cè)。至于后期興起的鴻蒙操作系統(tǒng)， 也需要相關(guān)開發(fā)人員具備一定的C語言基礎(chǔ)?？偠灾?作為應(yīng)用軟件的開發(fā)人員， 要想開發(fā)程序， 就要靈活掌握與運(yùn)用應(yīng)用軟件的開發(fā)知識(shí)， 并熟練使用各種主流操作系統(tǒng)的API。

隨著移動(dòng)通信技術(shù)的迅猛發(fā)展， 打造跨平臺(tái)解決方案已經(jīng)成為現(xiàn)階段的一種主流發(fā)展趨勢。根據(jù)瀏覽器實(shí)現(xiàn)跨平臺(tái)開發(fā)， 這種解決方案不但沒有太大難度， 還較為高效。現(xiàn)如今， 三大主流的移動(dòng)端操作系統(tǒng)都有相應(yīng)的瀏覽器， 因此， 可以將瀏覽器作為探究對(duì)象。電商平臺(tái)在編寫前端代碼時(shí)， 可以借助JavaScript制作前面界面的交互動(dòng)畫， 而在界面的布局及用戶視覺的優(yōu)化上， 則可以采用HTML5、 CSS3， 以此來確保即便在不同移動(dòng)端操作系統(tǒng)的瀏覽器中， 都能適配、 兼容、 流暢運(yùn)行前端編程代碼。目前， 國內(nèi)移動(dòng)終端的硬件性能在逐年提升， 各操作系統(tǒng)的瀏覽器也在不斷優(yōu)化與更新， 因此， 要注重跨平臺(tái)移動(dòng)電子商務(wù)網(wǎng)站的開發(fā)， 這樣才能夠更好地吸引用戶、 拓展用戶， 給用戶帶來更好的使用體驗(yàn)， 滿足用戶的各種需求。

二、 移動(dòng)電子商務(wù)網(wǎng)站的新特征

（一）快速的移動(dòng)接入

移動(dòng)電子商務(wù)最顯著的特征就是用戶能夠利用手中的移動(dòng)網(wǎng)絡(luò)及移動(dòng)終端訪問各種商務(wù)系統(tǒng)， 之后讓所有訪問系統(tǒng)的用戶都能在電子商務(wù)平臺(tái)上享受優(yōu)質(zhì)的商務(wù)服務(wù)， 確保用戶只需要使用手中的移動(dòng)終端， 就能不受時(shí)間、 空間的限制， 隨時(shí)隨地完成電子商務(wù)交易。

（二）便捷的移動(dòng)支付

對(duì)于移動(dòng)電子商務(wù)來說， 電子商務(wù)網(wǎng)站要通過采用HTML5、 CSS3等基礎(chǔ)的前端技術(shù)與Web技術(shù)融合， 從而打造一個(gè)在視覺風(fēng)格上相對(duì)統(tǒng)一、 具有交互功能的平臺(tái)。現(xiàn)如今， 信息技術(shù)正在不斷發(fā)展、 創(chuàng)新， 前端技術(shù)的出現(xiàn)能夠讓用戶體驗(yàn)更便捷的移動(dòng)支付服務(wù)， 例如， 人們?cè)谏钪薪?jīng)常使用掃碼支付， 這樣的支付方式不僅能讓用戶不再攜帶大量的現(xiàn)金而增加丟失風(fēng)險(xiǎn)， 還能提升支付效率。移動(dòng)支付也是電子商務(wù)在發(fā)展過程中尤為重要的技術(shù)之一。

（三）準(zhǔn)確的身份鑒別

用戶在訪問電子商務(wù)應(yīng)用時(shí)， 基本上都需要使用自身的SIM卡完成賬號(hào)注冊(cè)， 然后才能登錄， 并在登錄后還要進(jìn)行實(shí)名驗(yàn)證， 這樣可以保證一張SIM卡只能注冊(cè)一次， 將每一張SIM卡的用戶與該用戶的身份信息綁定， 在登錄電子商務(wù)平臺(tái)時(shí)， 用戶就可以采用SIM卡號(hào)完成身份的驗(yàn)證。此外， 用戶的SIM卡還可與用戶的銀行卡、 支付寶、 微信等的賬號(hào)關(guān)聯(lián)， 以此提升電子商務(wù)系統(tǒng)的安全性與可靠性， 從而為后續(xù)移動(dòng)電子商務(wù)的發(fā)展、 優(yōu)化提供更大的可操作空間。

（四）信息傳輸安全可靠

現(xiàn)階段， 電子商務(wù)技術(shù)不斷創(chuàng)新， 電子商務(wù)平臺(tái)要求信息安全性得到充分保障。為此， 隨著無線技術(shù)的發(fā)展， 除了藍(lán)牙技術(shù)外， AirDrop、 NFC技術(shù)以及無限公鑰基礎(chǔ)設(shè)施技術(shù)也得到了一定的普及與發(fā)展， 這些技術(shù)不但能夠加快數(shù)據(jù)信息的加密與傳輸， 有效提升用戶在瀏覽電子商務(wù)網(wǎng)站時(shí)的安全性， 也給用戶帶來了舒適體驗(yàn)。

三、 移動(dòng)電子商務(wù)網(wǎng)站建設(shè)過程中前端開發(fā)技術(shù)面臨的困境

在前端開發(fā)技術(shù)的應(yīng)用過程中， 需要技術(shù)人員靈活運(yùn)用相應(yīng)的開發(fā)工具， 選擇正確的開發(fā)語言， 從而在建設(shè)移動(dòng)電子商務(wù)網(wǎng)站時(shí)能夠保障整體品質(zhì)和開發(fā)效率。不僅如此， 前端開發(fā)技術(shù)人員在提升用戶的網(wǎng)絡(luò)訪問穩(wěn)定性的同時(shí)， 還應(yīng)增設(shè)自動(dòng)化訪問、 智慧化搜索等重要的應(yīng)用功能。但是從目前前端開發(fā)技術(shù)的實(shí)際應(yīng)用情況來看， 還存在一些問題， 主要包括以下兩個(gè)方面：

（一）HTTP請(qǐng)求上極容易出現(xiàn)擁堵

為了避免用戶在使用與瀏覽移動(dòng)電子商務(wù)網(wǎng)站時(shí)出現(xiàn)服務(wù)器擁堵的情況， 技術(shù)人員會(huì)根據(jù)現(xiàn)有的HTTP協(xié)議對(duì)瀏覽器客戶端以及相關(guān)移動(dòng)電子商務(wù)網(wǎng)站的服務(wù)器設(shè)置約束訪問。在這樣的情況下， 其所創(chuàng)建的持續(xù)連接次數(shù)通常會(huì)在2次以上， 假設(shè)此時(shí)用戶訪問移動(dòng)電子商務(wù)網(wǎng)站， 就會(huì)立即同時(shí)觸發(fā)多個(gè)操作請(qǐng)求， 從而使得服務(wù)器不能對(duì)其進(jìn)行響應(yīng)， 大概率會(huì)出現(xiàn)HTTP請(qǐng)求擁堵的情況。

（二）移動(dòng)電子商務(wù)網(wǎng)站前端開發(fā)標(biāo)準(zhǔn)不夠詳細(xì)

隨著5G時(shí)代的到來， 信息技術(shù)正在朝著物聯(lián)網(wǎng)信息技術(shù)的方向發(fā)展， 在此期間涌現(xiàn)出了很多全新的技術(shù)與高科技信息化設(shè)備， 這些因素都對(duì)前端開發(fā)技術(shù)人員的業(yè)務(wù)能力、 職業(yè)素養(yǎng)等方面提出了更高的要求。負(fù)責(zé)移動(dòng)電子商務(wù)網(wǎng)站前端開發(fā)的技術(shù)人員， 要對(duì)現(xiàn)有的技術(shù)進(jìn)行優(yōu)化與完善， 從而更好地適應(yīng)當(dāng)下的技術(shù)方式以及網(wǎng)絡(luò)信息化環(huán)境。

四、 基于前端開發(fā)技術(shù)的框架應(yīng)用

（一）jQueryMobile移動(dòng)前端開發(fā)框架

在當(dāng)前的移動(dòng)前端技術(shù)中， jQueryMobile是主要的框架之一。jQueryMobile從HTML、 CSSS結(jié)構(gòu)中進(jìn)行了借鑒， 在設(shè)計(jì)原則上體現(xiàn)了一致性與對(duì)稱性。由于jQueryMobile的語言較為簡潔， 且具有不錯(cuò)的跨平臺(tái)性， 對(duì)于前端開發(fā)技術(shù)人員來說， 其能夠簡化HTML文檔， 執(zhí)行動(dòng)畫與開發(fā)的操作。如今， jQueryMobile已經(jīng)成為一個(gè)開源的項(xiàng)目， 很多網(wǎng)站都采用了這種框架。在網(wǎng)頁設(shè)計(jì)的過程中， 不但要對(duì)網(wǎng)頁中的內(nèi)容進(jìn)行適當(dāng)?shù)恼{(diào)整與優(yōu)化， 還要讓內(nèi)容滿足用戶的使用需求， 并在網(wǎng)站頁面的設(shè)計(jì)上盡可能做到豐富、 多元， 這樣才能最大程度上提升用戶的訪問量。通過靈活運(yùn)用jQueryMobile控件和插件， 可實(shí)現(xiàn)對(duì)網(wǎng)頁界面的優(yōu)化， 增強(qiáng)用戶與網(wǎng)站的交互體驗(yàn)。不僅如此， 借助jQueryMobile技術(shù)， 還能在移動(dòng)網(wǎng)站的主題上增加PNG、 SVG格式的圖標(biāo)， 讓網(wǎng)站的訪問與登錄界面在視覺上更加吸引用戶， 這樣不但能提升整個(gè)移動(dòng)網(wǎng)站的品質(zhì)， 而且還能讓網(wǎng)站的訪問與登錄界面變得更加獨(dú)特、 新穎。

（二）Vue.js前端技術(shù)框架

近幾年， 隨著前端技術(shù)的不斷發(fā)展， 在前端開發(fā)框架層面逐漸衍生出了Angular.js、 React.js、 Vue.js等Web框架。其中， Vue.js屬于JavaScript—MVVM庫， 是創(chuàng)建用戶界面的一種漸進(jìn)式框架， 主要由數(shù)據(jù)驅(qū)動(dòng)、 組件化思想構(gòu)成。作為JavaScrip前端框架中的熱門之一， Vue.js的生態(tài)系統(tǒng)在插件及工具方面十分豐富， 且還能與海量的三方組件庫進(jìn)行整合。如今， Vue.js是進(jìn)行相關(guān)應(yīng)用程序的構(gòu)建以及建設(shè)移動(dòng)電子商務(wù)網(wǎng)站時(shí)的最佳選擇。通過對(duì)Vue.js前端開發(fā)技術(shù)進(jìn)行深入的研究與分析， 利用這種前端框架開發(fā)出的應(yīng)用軟件， 不管是從在整個(gè)界面的交互性上還是從用戶的使用體驗(yàn)上來看， 都具有很高的舒適度及流暢性， 且適配性較強(qiáng)， 能夠給用戶帶來十分優(yōu)質(zhì)的使用體驗(yàn)。Vue的路由庫Vue-router以及狀態(tài)管理庫Vuex都是有官方提供相應(yīng)的數(shù)據(jù)維護(hù)與技術(shù)支持， 其中， Vue.js有一個(gè)專門的狀態(tài)管理模式——Vuex， Vue能夠?qū)崿F(xiàn)對(duì)所有應(yīng)用程序中組件實(shí)際運(yùn)行狀態(tài)的管理， 并根據(jù)相關(guān)規(guī)律確保狀態(tài)可預(yù)測。此外， Vue還能提供Vue-cli腳手架， 其中涵蓋Webpack、 Browserify， 有利于前端開發(fā)技術(shù)人員輕松開展項(xiàng)目構(gòu)建。在編碼方式上， Vue不僅更符合前端開發(fā)技術(shù)人員的編程特點(diǎn)， 還能為相關(guān)技術(shù)人員提供便于操作與理解的API。

（三）百度前端開發(fā)技術(shù)框架

百度作為現(xiàn)階段火爆的搜索引擎之一， 從Web前端開發(fā)技術(shù)的框架來看， 其主要采用GMU技術(shù)。GMU技術(shù)不但操作比較容易上手， 而且還沒有大量的代碼。在應(yīng)用GMU技術(shù)時(shí)， 這種技術(shù)會(huì)隨著技術(shù)人員能力的提升而不斷得到完善。不僅如此， GMU技術(shù)的框架絕大多數(shù)依靠Mobile-UI組件庫， 能夠讓網(wǎng)站的開發(fā)與建設(shè)變得更加簡單。在開發(fā)移動(dòng)網(wǎng)站的過程中， 通常會(huì)采用GMU技術(shù)框架。此外， GMU技術(shù)的運(yùn)用還會(huì)豐富與拓展百度這類網(wǎng)站的內(nèi)容和應(yīng)用， 從而不但能提升網(wǎng)絡(luò)的運(yùn)維能力， 還能讓應(yīng)用程序的UI更加豐富多樣。

五、 前端技術(shù)在移動(dòng)商務(wù)網(wǎng)站建設(shè)中的應(yīng)用

在移動(dòng)商務(wù)網(wǎng)站前端開發(fā)的過程中， 在開展前期工作時(shí)， 要參照移動(dòng)網(wǎng)站的建設(shè)流程進(jìn)行。第一， 要根據(jù)用戶的使用需求、 功能以及主體欄目進(jìn)行規(guī)劃， 要對(duì)移動(dòng)平臺(tái)的功能及內(nèi)容進(jìn)行明確市場定位， 同時(shí)搜集用戶的消費(fèi)習(xí)慣。第二， 在正式設(shè)計(jì)移動(dòng)網(wǎng)站界面前， 要詳細(xì)分析同類型移動(dòng)商務(wù)網(wǎng)站競品的結(jié)構(gòu)、 用戶交互、 整個(gè)界面的視覺體驗(yàn)等內(nèi)容。第三， 負(fù)責(zé)應(yīng)用程序交互的設(shè)計(jì)人員、 UI界面的設(shè)計(jì)人員要根據(jù)前期規(guī)劃做好移動(dòng)網(wǎng)站交互、 網(wǎng)站界面視覺效果圖的設(shè)計(jì)工作。而負(fù)責(zé)前端開發(fā)的技術(shù)人員， 則要參照設(shè)計(jì)人員上傳的產(chǎn)品原型以及整個(gè)網(wǎng)站界面的視覺效果圖， 編寫HTML5、 CSS3代碼， 從而對(duì)網(wǎng)站界面進(jìn)行重新的設(shè)計(jì)與調(diào)整， 實(shí)現(xiàn)網(wǎng)站頁面的跳轉(zhuǎn)邏輯。通過運(yùn)用JavaScript、 JQuery等技術(shù)， 技術(shù)人員可對(duì)移動(dòng)商務(wù)網(wǎng)站的登錄及運(yùn)行界面的交互動(dòng)畫進(jìn)行優(yōu)化， 增強(qiáng)移動(dòng)商務(wù)網(wǎng)站的交互功能， 給用戶帶來不一樣的使用體驗(yàn)。在開發(fā)移動(dòng)商務(wù)網(wǎng)站界面的過程中， 要提高對(duì)移動(dòng)商務(wù)網(wǎng)站中引導(dǎo)界面交互動(dòng)畫形象的關(guān)注度， 從而在無形中向用戶傳遞消費(fèi)意向。在采用前端技術(shù)實(shí)現(xiàn)用戶注冊(cè)界面時(shí)， 要采用CSS3對(duì)界面的外觀進(jìn)行有效控制， 使其更加貼近用戶的操作習(xí)慣。借助JavaScript、 jQueryMobile等前端技術(shù)， 可提升注冊(cè)界面交互操作的靈活性與便捷性。例如， 在填寫用戶名、 電話號(hào)、 證件號(hào)等賬號(hào)時(shí)， 要具備及時(shí)報(bào)錯(cuò)的功能。而在運(yùn)動(dòng)商務(wù)網(wǎng)站的首頁以及產(chǎn)品詳情界面， 則可以通過利用jQueryMobile前端框架技術(shù)實(shí)現(xiàn)熱門產(chǎn)品圖的交互滾動(dòng)播放特效。

六、 結(jié)語

綜上所述， 通過對(duì)當(dāng)下移動(dòng)電商進(jìn)行深入的分析與探究可以看出， 傳統(tǒng)的電子商務(wù)不具備移動(dòng)化的特性， 移動(dòng)網(wǎng)絡(luò)應(yīng)不斷提升自身的安全性與穩(wěn)定性， 確保用戶在使用移動(dòng)終端進(jìn)行線上購物時(shí)可以實(shí)時(shí)交易， 從而滿足用戶的移動(dòng)交互需求以及線上消費(fèi)系統(tǒng)的開發(fā)要求。移動(dòng)前端開發(fā)要兼容不同操作系統(tǒng)及瀏覽器， 堅(jiān)持統(tǒng)一、 開放的應(yīng)用軟件技術(shù)標(biāo)準(zhǔn)， 在進(jìn)行移動(dòng)前端開發(fā)的過程中， 可以采用HTML5、 CSS3、 JavaScript技術(shù)， 也可以使用當(dāng)下較為流行的jQueryMobile、 Vue.js等前端框架技術(shù)， 這樣才能全方位地提升移動(dòng)電子商務(wù)網(wǎng)站的品質(zhì)， 在前端設(shè)計(jì)上滿足用戶的使用需求。

參考文獻(xiàn)：

[1]姜波.探析移動(dòng)電子商務(wù)網(wǎng)站建設(shè)的前端開發(fā)技術(shù)應(yīng)用[J].電腦編程技巧與維護(hù)，2020（12）：69-70+88.

[2]周西柳.前端技術(shù)在企業(yè)網(wǎng)站建設(shè)開發(fā)中的應(yīng)用探討[J].計(jì)算機(jī)產(chǎn)品與流通，2018（10）：31.

[3]李淑娣.淺談PHP在電子商務(wù)網(wǎng)站建設(shè)中的研究與應(yīng)用[J].科學(xué)咨詢，2019（4）：71.

[4]姜立.動(dòng)態(tài)網(wǎng)頁前端開發(fā)技術(shù)以及優(yōu)化策略研究[J].數(shù)字技術(shù)與應(yīng)用，2018（3）：188+190.

[5]鄭久虎.移動(dòng)WEB開發(fā)技術(shù)在商務(wù)網(wǎng)站建設(shè)中應(yīng)用淺析[J].科技視界，2014（1）：90+96.

[6]高晴晴.企業(yè)網(wǎng)站建設(shè)中前端技術(shù)的應(yīng)用[J].廣東經(jīng)濟(jì)，2020（2）：72-73.