基于JQuery框架的web移動端快速開發(fā)技術研究與應用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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