基于JQuery框架的web移動(dòng)端快速開發(fā)技術(shù)研究與應(yīng)用

1、    基于jquery框架的web移動(dòng)端快速開發(fā)技術(shù)研究與應(yīng)用    摘 要：互聯(lián)網(wǎng)技術(shù)不斷發(fā)展，web已經(jīng)進(jìn)入新時(shí)代，移動(dòng)端快速開發(fā)技術(shù)是web應(yīng)用的基礎(chǔ)，因此面臨著更高的要求。隨著基礎(chǔ)設(shè)施及計(jì)算機(jī)軟硬件的提升，網(wǎng)民人數(shù)的快速膨脹，上網(wǎng)訴求爆炸式增長(zhǎng)，進(jìn)入新時(shí)代的互聯(lián)網(wǎng)，不論在技術(shù)還是思維上都發(fā)生了重大變革。這一階段，對(duì)用戶的關(guān)注度提升到前所未有的高度，在滿足人們對(duì)信息多樣性和及時(shí)性要求的同時(shí)，良好的用戶體驗(yàn)同樣重要。本文從jquery框架以及web移動(dòng)端應(yīng)用著手分析，研究了基于jquery框架的web移動(dòng)端快速開發(fā)技術(shù)，以及該技術(shù)的應(yīng)用。關(guān)鍵詞：j

2、query框架;web移動(dòng)端;快速開發(fā)技術(shù)在互聯(lián)網(wǎng)應(yīng)用的過(guò)程中，分為客戶端與服務(wù)端，其中客戶端需要向互聯(lián)網(wǎng)用戶展示相關(guān)功能以及網(wǎng)頁(yè)服務(wù)等，滿足互聯(lián)網(wǎng)用戶的基本需求，而服務(wù)端則需要web移動(dòng)端技術(shù)進(jìn)行相關(guān)的操作，確?；ヂ?lián)網(wǎng)的正常應(yīng)用。在傳統(tǒng)的web模式中，當(dāng)互聯(lián)網(wǎng)應(yīng)用人數(shù)增加、搜索數(shù)量增加等情況下，服務(wù)器加載的任務(wù)負(fù)擔(dān)就會(huì)增加，從而出現(xiàn)加載過(guò)慢或者加載失敗的問(wèn)題。為了改善這一問(wèn)題，本文針對(duì)web移動(dòng)端快速開發(fā)技術(shù)展開研究。一、jquery框架概述jquery框架是由john resig在2006年創(chuàng)建的javascript框架1。將其命名為jquery框架，意在強(qiáng)調(diào)其“查找”或“查詢”網(wǎng)頁(yè)元素，

3、并通過(guò)javascript操作這些元素的核心用途，jquery借鑒了html和csss結(jié)構(gòu)中的很多優(yōu)點(diǎn)，采用了一致性和對(duì)稱性的設(shè)計(jì)原則2。jquery憑借簡(jiǎn)潔的語(yǔ)法和跨平臺(tái)的兼容性，極大簡(jiǎn)化了腳本開發(fā)人員遍歷html文檔、操作、處理事件、執(zhí)行動(dòng)畫和開發(fā)的操作。短短幾年間，jquery作為一個(gè)真正開源的項(xiàng)目，已經(jīng)擁有了一個(gè)足以傲視群雄的、由頂尖javascript開發(fā)人員組成的核心團(tuán)隊(duì)，以及一個(gè)數(shù)千萬(wàn)開發(fā)人員組成的活躍社區(qū)，并被因特網(wǎng)上一些最有名的站點(diǎn)廣泛采用3。二、web移動(dòng)端應(yīng)用用戶在應(yīng)用互聯(lián)網(wǎng)的過(guò)程中，其看到的是服務(wù)器顯示端所顯示的內(nèi)容，其操作需要后臺(tái)進(jìn)行處理。比如說(shuō)用戶通過(guò)互聯(lián)網(wǎng)點(diǎn)擊一個(gè)

4、鏈接，此時(shí)就相當(dāng)于用戶向服務(wù)器終端發(fā)出一條指令，服務(wù)器會(huì)對(duì)該指令進(jìn)行處理，當(dāng)服務(wù)器處理結(jié)束后，用戶的顯示端就會(huì)顯示出相應(yīng)的結(jié)果。在傳統(tǒng)的web移動(dòng)端，指令的處理需要多種復(fù)雜的程序，因此用戶在瀏覽器中瀏覽時(shí)，容易出現(xiàn)等待時(shí)間過(guò)長(zhǎng)的問(wèn)題，甚至當(dāng)用戶點(diǎn)擊鏈接時(shí)，會(huì)導(dǎo)致頁(yè)面的全部數(shù)據(jù)重新加載，始終無(wú)法顯示出用戶點(diǎn)擊的頁(yè)面信息，影響用戶的互聯(lián)網(wǎng)應(yīng)用體驗(yàn)4。而web移動(dòng)端快速開發(fā)技術(shù)改變了傳統(tǒng)的web應(yīng)用模式，ajax技術(shù)的真正被認(rèn)可是因?yàn)榘褌鹘y(tǒng)的web應(yīng)用的交互模式改變?yōu)榱水惒教峤唬⒂秒[藏的框架完成，沒有用到服務(wù)器。該技術(shù)能夠通過(guò)xml對(duì)數(shù)據(jù)進(jìn)行異步讀取，然后采用xstl以及xml進(jìn)行數(shù)據(jù)交換處理，最

5、后通過(guò)dom顯示頁(yè)面信息，降低了處理器的負(fù)擔(dān)，提高了互聯(lián)網(wǎng)加載速度，為互聯(lián)網(wǎng)用戶帶來(lái)了更好的用戶體驗(yàn)。但是，ajax并不是萬(wàn)能的，它只有在服務(wù)器確定交換后，引擎才可以向服務(wù)器提出異步請(qǐng)求，否則就會(huì)使以往的數(shù)據(jù)冗余，影響瀏覽器的兼容性。三、基于jquery框架的web移動(dòng)端快速開發(fā)技術(shù)從jquery框架本身來(lái)看，其在互聯(lián)網(wǎng)應(yīng)用中，具有高效率的選擇符機(jī)制，可修改的外觀頁(yè)面、動(dòng)態(tài)創(chuàng)建效果、全面支持ajax、簡(jiǎn)化了javascript任務(wù)開發(fā)等。jquery框架具有以下特點(diǎn)：第一，簡(jiǎn)潔性。與以往的框架相比較，jquery框架能夠兼容dom、css、xpath等，在應(yīng)用的過(guò)程中，可以自定義選擇方式，適用

6、于各種技術(shù)、應(yīng)用的開發(fā)需求。從技術(shù)人員層面來(lái)看，一般web移動(dòng)端快速開發(fā)技術(shù)人員都能夠熟練應(yīng)用css，因此該框架的學(xué)習(xí)比較容易。jquery框架的代碼也簡(jiǎn)潔易懂，以往需要輸入多行代碼的功能，在jquery框架中只需較少的代碼就能夠完成，因此具有簡(jiǎn)潔性，能夠有效提高開發(fā)效率5。第二，架構(gòu)性，jquery框架能夠?qū)⒔Y(jié)構(gòu)與行為分離，jquery框架可以基于前端的設(shè)計(jì)，實(shí)現(xiàn)程序的架構(gòu)之美。比如在介紹dom時(shí)，通過(guò)html代碼對(duì)頁(yè)面的結(jié)構(gòu)進(jìn)行定義，元素的行為可以在腳本文件中進(jìn)行定義，在操作時(shí)，通過(guò)簡(jiǎn)單的ready函數(shù)就能夠?qū)崿F(xiàn)架構(gòu)分離。第三，擴(kuò)展性，jquery框架是一套完整的javascript解決方

7、案?；趈query的核心庫(kù)，可以搭建自己的javascript應(yīng)用框架或者開發(fā)插件，并且jquery提供了完備的api，使開發(fā)者可以輕松構(gòu)建自己的個(gè)性化模塊6。由于jquery反應(yīng)迅速與簡(jiǎn)潔的優(yōu)勢(shì)與特點(diǎn)，所以其在用戶中深受追捧?；趈query框架的web移動(dòng)端快速開發(fā)技術(shù)能夠直接將數(shù)據(jù)與內(nèi)容進(jìn)行分離處理，交互任務(wù)完成效果良好，與其他javascript相比較，有時(shí)比較明顯的優(yōu)勢(shì)。比如在工作中需要在網(wǎng)站上制作移動(dòng)web的app，那么當(dāng)前技術(shù)中，常見的有sencha touch和jquery mobile，相對(duì)而言，jquery mobile操作更加簡(jiǎn)單、開發(fā)效率也比較高，但是由于沒有具體的模

8、塊化，因此后期維護(hù)問(wèn)題難以解決，所以如果是大型網(wǎng)站的項(xiàng)目，并且技術(shù)支持能力較高，采用sencha touch比較適宜，但是如果是簡(jiǎn)單的娛樂一下，使用jquery mobile就更加方便，從互聯(lián)網(wǎng)用戶層面來(lái)看，jquery mobile的受眾會(huì)更多。jquery 在開發(fā)過(guò)程中盡可能地兼容了各種主流瀏覽器，雖然無(wú)法做到百分之百，但是基本已經(jīng)算是比較完美的框架結(jié)構(gòu)了。但是其兼容程度主要針對(duì)的是主流瀏覽器，對(duì)于小型或者雜亂的瀏覽器，其也難以做到全部兼容。但是總的來(lái)說(shuō)，與其他的框架程序?qū)Ρ榷?，以jquery為框架，做web的移動(dòng)端更加合適與方便。四、基于jquery框架的web移動(dòng)端快速開發(fā)技術(shù)應(yīng)用（

9、一）異步請(qǐng)求在前文研究中提到基于jquery框架的web移動(dòng)端快速開發(fā)技術(shù)的重點(diǎn)是ajax異步請(qǐng)求，其也是web移動(dòng)端開發(fā)的主要任務(wù)。在web移動(dòng)端開發(fā)設(shè)計(jì)的過(guò)程中，主要包括前臺(tái)邏輯設(shè)計(jì)、業(yè)務(wù)邏輯以及數(shù)據(jù)管理設(shè)計(jì)，通過(guò)動(dòng)態(tài)生成的業(yè)務(wù)表單以及功能按鈕，在操作的不同層次中，各項(xiàng)功能均是獨(dú)立存在的。在互聯(lián)網(wǎng)頁(yè)面顯示端的設(shè)計(jì)中，有web的xhtml和css，除此之外，還有bootstrap的布局，把層疊樣式和響應(yīng)相融合，使jquery成為底層對(duì)象，完成與dom的交互和密封工作。在這樣的結(jié)構(gòu)下，jquery框架就能夠?qū)崿F(xiàn)顯示端的動(dòng)態(tài)展示，web移動(dòng)端也能夠開始工作，與此同時(shí)，還具有數(shù)據(jù)的儲(chǔ)存功能，讓數(shù)據(jù)

10、庫(kù)設(shè)計(jì)使用了最底層的sql，業(yè)務(wù)邏輯使用了python7。在異步請(qǐng)求程序運(yùn)行的過(guò)程中，json和xml成為了主要數(shù)據(jù)的交換模式，在應(yīng)用時(shí)，能夠兼容xml對(duì)數(shù)據(jù)進(jìn)行自定義的處理與分析，并且通過(guò)擴(kuò)展，將分析的數(shù)據(jù)標(biāo)記為語(yǔ)言化表達(dá)方式，使服務(wù)器與客戶端之間能夠形成一條交流的渠道，輔助web工作的運(yùn)行。本文在研究的過(guò)程中發(fā)現(xiàn)，ajax在運(yùn)行的過(guò)程中，存在安全以及效率兩個(gè)方面的問(wèn)題，這些問(wèn)題會(huì)直接影響web移動(dòng)端的生產(chǎn)與開發(fā)，在設(shè)計(jì)的過(guò)程中，采用json來(lái)替代傳統(tǒng)的xml，這樣會(huì)產(chǎn)生新的數(shù)據(jù)格式，可以有效避免一些問(wèn)題的發(fā)生。json屬于輕量的數(shù)據(jù)格式交換平臺(tái)，在運(yùn)行時(shí)，無(wú)論采用什么樣的框架，json都能

11、夠快速對(duì)其進(jìn)行解析，形成完整的數(shù)據(jù)格式，并且與數(shù)據(jù)進(jìn)行轉(zhuǎn)換，在程序中，也屬于獨(dú)立存在的一個(gè)程序，便于操作與管理。在互聯(lián)網(wǎng)用戶中，有一部分用戶習(xí)慣使用ajax加載數(shù)據(jù)，就會(huì)出現(xiàn)數(shù)據(jù)來(lái)自同一個(gè)域名或者無(wú)法加載的問(wèn)題，這主要是由于服務(wù)器無(wú)法跨區(qū)域訪問(wèn)，可以取消跨區(qū)域訪問(wèn)的安全限制，這樣服務(wù)器就能夠成為代理服務(wù)器，進(jìn)行跨區(qū)域的訪問(wèn)?；趈query框架的web移動(dòng)端快速開發(fā)技術(shù)能夠有效提高互聯(lián)網(wǎng)服務(wù)器的加載速度，改善傳統(tǒng)web服務(wù)器中的缺陷，為互聯(lián)網(wǎng)用戶帶來(lái)便捷的服務(wù)。（二）jquery mobile基于jquery框架的web移動(dòng)端快速開發(fā)技術(shù)在應(yīng)用的過(guò)程中，使用的是jquery mobile框架。

12、jquery mobile框架的研發(fā)與設(shè)計(jì)主要針對(duì)平板電腦以及手機(jī)端的用戶，在常規(guī)的平臺(tái)中，已經(jīng)形成了核心數(shù)據(jù)庫(kù)，并且形成了一套完整的運(yùn)行模式，既能夠滿足電腦端用戶的需求，也能夠滿足手機(jī)端用戶的需求。當(dāng)前互聯(lián)網(wǎng)用戶常見的應(yīng)用系統(tǒng)有apple ios、android、windows phone、blackberry、palm webos、firefox mobile、meego、samsung bada、opera mobile 等，jquery mobile框架在為這些系統(tǒng)服務(wù)的過(guò)程中，都能夠達(dá)到較高的標(biāo)準(zhǔn)。從基于jquery框架的web移動(dòng)端快速開發(fā)技術(shù)方面分析，jquery mobile框

13、架能夠在最大程度上支持各個(gè)主流系統(tǒng)，并且兼容性較高，技術(shù)人員在試驗(yàn)時(shí)，也能夠保障web移動(dòng)端能夠在各個(gè)瀏覽器中運(yùn)行，這也為web移動(dòng)端技術(shù)的開發(fā)提供便捷條件。此外，jquery mobile框架的模式已經(jīng)比較完善，在應(yīng)用的時(shí)候可以直接進(jìn)行套用，對(duì)于技術(shù)人員的工作而言，也十分方便。當(dāng)前web移動(dòng)頁(yè)面的結(jié)構(gòu)會(huì)自動(dòng)調(diào)整為最大優(yōu)化，也能夠兼容頁(yè)面的嵌入操作，能夠滿足創(chuàng)建移動(dòng)web頁(yè)面模式的需求。該模式在創(chuàng)建多媒體圖像時(shí)，不需要采取特殊的配置，普通知識(shí)鏈接就能夠滿足用戶需求?？偠灾?，隨著互聯(lián)網(wǎng)的迅速發(fā)展，web應(yīng)用是距離用戶最近的部分，因此web移動(dòng)端快速開發(fā)技術(shù)在社會(huì)中也廣受關(guān)注，web移動(dòng)端快速開

14、發(fā)技術(shù)的開發(fā)與應(yīng)用，能夠?yàn)榛ヂ?lián)網(wǎng)前端系統(tǒng)的設(shè)計(jì)提供技術(shù)等支持。jquery在javascript框架具有較多的優(yōu)勢(shì)，目前在web移動(dòng)端快速開發(fā)技術(shù)中已經(jīng)得到了廣泛的應(yīng)用。通過(guò)本文的研究能夠看出，基于jquery框架的web移動(dòng)端快速開發(fā)技術(shù)仍然存在一些問(wèn)題，由于基于jquery 框架的web移動(dòng)端快速開發(fā)技術(shù)管理工作關(guān)系到整個(gè)網(wǎng)絡(luò)的質(zhì)量和相關(guān)企業(yè)的經(jīng)濟(jì)利益，所以在未來(lái)的發(fā)展過(guò)程中，還需不斷完善與提高基于 jquery 框架的web移動(dòng)端快速開發(fā)技術(shù)。參考文獻(xiàn)1 王丹寧，周輝.基于jquery mobile框架的地震移動(dòng)門戶網(wǎng)站開發(fā)j.電子技術(shù)與軟件工程，2014（21）：38-39.2 萬(wàn)菲，

15、 代毅.基于html5+jquerymobile的校園移動(dòng)web快速開發(fā)的實(shí)踐：以珠海廣播電視大學(xué)為例j.教育信息技術(shù)，2016（5）：25-27.3 辛剛.基于jquery框架的web應(yīng)用研究與開發(fā)j.電子世界，2014（11）：11.4 楊旭士.基于jquery框架的web查詢視圖設(shè)計(jì)與實(shí)現(xiàn)j.計(jì)算機(jī)與現(xiàn)代化， 2010（8）：132-133.5 何光旭， 康春華.基于jquery框架的醫(yī)院his系統(tǒng)頁(yè)面前端特效設(shè)計(jì)j.電子設(shè)計(jì)工程，2015（24）：40-42.6 劉福祥，蔣蓓蓓.使用jquery mobile框架的移動(dòng)閱讀解決方案：以金陵圖書館掌上閱讀為例j.圖書館學(xué)研究，2014（20）：49-53.7 肖智，楊文軍.基于jquery mob