jQuery 插件對Web 應(yīng)用的影響研究與討論

鄧佳源

摘要：在網(wǎng)絡(luò)迅速發(fā)展的今天，關(guān)于Web應(yīng)用的研究不斷深化。從客觀的角度來分析，Web應(yīng)用迅速擴大的今天，插件所產(chǎn)生的影響是絕對性的，且在很多方面都產(chǎn)生了較大的積極作用。另一方面，隨著插件的泛濫，很多的Web應(yīng)用都受到了較大的限制，不僅失去了廣泛的用戶群體，同時在很多方面都遭到了用戶的抵制，造成了Web應(yīng)用的矛盾局面。為此，針對Web應(yīng)用的特點和需求，有效應(yīng)用了jQuery插件，實現(xiàn)了Web應(yīng)用的新進(jìn)步，凈化了插件的應(yīng)用程度，為用戶帶來了更多的體驗。今后，應(yīng)針對jQuery插件的應(yīng)用開展深入的研究，健全Web應(yīng)用。

關(guān)鍵詞：插件；網(wǎng)頁；影響；討論

中圖分類號：TP37 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2016）03-0065-03

在以往的Web應(yīng)用過程中，用戶可根據(jù)自身的需求來選擇。但在目前的選擇過程中，卻不得不考慮到插件對Web應(yīng)用所產(chǎn)生的不利影響?，F(xiàn)階段的網(wǎng)絡(luò)需求突出，市場表現(xiàn)為供不應(yīng)求的情況，插件的數(shù)量和范圍獲得了極大的拓展。但是，由于部分插件屬于惡意類型，不僅會針對Web應(yīng)用產(chǎn)生不利的影響，還會對用戶的體驗構(gòu)成負(fù)面作用。因此，需要在多方面完成插件的有效篩選，合理選擇性能突出的插件，將其應(yīng)用到Web當(dāng)中，為用戶提供更多的服務(wù)。在此，本文主要就jQuery插件對Web應(yīng)用產(chǎn)生的影響展開討論。

1 jQuery插件

在網(wǎng)頁的瀏覽和相關(guān)應(yīng)用當(dāng)中，插件是一項必不可少的內(nèi)容，且在很多方面都表現(xiàn)出了較大的影響。從視頻播放到在線音樂下載，從圖片瀏覽到文字信息的查詢，任何一項Web應(yīng)用都離不開插件的幫助。在目前的插件類型當(dāng)中，jQuery插件是比較常見的一類，在具體的應(yīng)用中表現(xiàn)出了較大的積極作用。從jQuery本身來分析，其官方的插件是jQuery UI，開發(fā)者在應(yīng)用的過程中，可以針對jQuery的函數(shù)庫進(jìn)行廣泛的擴展，并且按照自身的需求，從多方面針對UI組件進(jìn)行開發(fā)和使用。在現(xiàn)階段的網(wǎng)絡(luò)統(tǒng)計當(dāng)中，存在數(shù)以萬計的jQuery插件，并且基本上覆蓋了所有的網(wǎng)絡(luò)需求。比較常見的需求包括數(shù)據(jù)表格、動態(tài)列表、拖拽等等。jQuery插件在使用的過程中，其本身的文檔說明是比較健全的，在各種應(yīng)用方面也表現(xiàn)為詳細(xì)的特點。另一方面，針對jQuery插件的深入研究后，發(fā)現(xiàn)其存在較多的成熟插件可以進(jìn)行選擇，例如ComponentOne Studio for ASP NET Wijmo。

在目前的網(wǎng)絡(luò)發(fā)展中，jQuery插件在網(wǎng)站建設(shè)的過程中，其使用率表現(xiàn)為逐步增加的趨勢。因此，要想更好的提高Web應(yīng)用的效果和體驗，就必須與時代的步伐進(jìn)行跟進(jìn)，開發(fā)出較多的新插件、新的代碼片段，從多方面來鞏固用戶的體驗。

2 jQuery插件對Web應(yīng)用的影響

Web應(yīng)用在發(fā)展的過程中，經(jīng)歷了很多的階段，到目前為止，Web應(yīng)用已經(jīng)是用戶的必要網(wǎng)絡(luò)體驗，不必過度的依賴客戶端，也不必過度的依賴某些資源網(wǎng)站，而是可以通過大面積的搜索來滿足自己的需求和享受某些體驗。但所有的Web應(yīng)用，都必須建立在插件的基礎(chǔ)上來完成，包括網(wǎng)絡(luò)視頻、網(wǎng)絡(luò)購物等等，每一項服務(wù)內(nèi)容，都具有自身獨特的插件，否則是不能完成相關(guān)操作的。jQuery插件是眾多插件當(dāng)中的佼佼者，其針對Web應(yīng)用產(chǎn)生的影響較大，有必要進(jìn)行深入的研究。

2.1 Ajax的影響

在jQuery插件當(dāng)中，Ajax是一個比較重要的組成部分，在很多方面都表現(xiàn)出了較強的推動作用。在Web應(yīng)用當(dāng)中，Ajax隸屬于一種新的Web數(shù)據(jù)交互方法，并不是Web開發(fā)技術(shù)。從客觀的角度來分析，Ajax在應(yīng)用的過程中，其針對客戶端和服務(wù)器端之間的信息傳輸，具有良好的作用，即便是僅僅傳輸少量的信息，也可以在多方面完成用戶的更多體驗，給予用戶較多的支持與幫助。在技術(shù)方面，Ajax在應(yīng)用的過程中，集成了多項技術(shù)，促使其能夠滿足較多的需求。包括使用了基于標(biāo)準(zhǔn)HTML和CSS的表示技術(shù)；使用DOM進(jìn)行動態(tài)交互、進(jìn)行動態(tài)顯示的技術(shù)；使用XML和XSLT進(jìn)行數(shù)據(jù)交換技術(shù)、數(shù)據(jù)處理技術(shù)；使用XMLHttpRequset進(jìn)行異步數(shù)據(jù)檢索的技術(shù)；使用JavaScript將以上技術(shù)，從多方面進(jìn)行有效的融合，以此來滿足服務(wù)器端的處理邏輯，為用戶帶來了較多的幫助。

由此可見，jQuery插件當(dāng)中的Ajax應(yīng)用，產(chǎn)生了以下影響：第一，多項技術(shù)的集中使用，為Web應(yīng)用帶來了更多的良好體驗，滿足了不同用戶群體的需求；第二，使用的過程中，可進(jìn)行適當(dāng)?shù)恼{(diào)節(jié)，不會拘泥于固定的形式和方法，未來的優(yōu)化空間較大；第三，Ajax的兼容性較好，能夠在很多方面實現(xiàn)與其他技術(shù)的有效結(jié)合，促使Web應(yīng)用表現(xiàn)出健全的特點，告別以往的繁雜問題。

2.2 jQuery框架的影響

Web應(yīng)用在長久的發(fā)展中，其所帶來的經(jīng)濟效益和社會效益，都是非常理想的，并且在很多方面表現(xiàn)為突出的特點。在jQuery插件當(dāng)中，jQuery框架也是比較重要的組成部分，且產(chǎn)生的影響比較積極，各方面均創(chuàng)造出了較大的價值。就jQuery框架本身來分析，其隸屬于Ajax的輕量級框架，在兼容性方面突出，能偶兼容CSS3以及各種瀏覽器，使用范圍比較廣泛。在Web應(yīng)用當(dāng)中，有效使用jQuery插件以后，利用其框架的作用，可為用戶提供較多的便利。

第一，在Web應(yīng)用當(dāng)中，可以比較方便的編寫代碼，尤其是網(wǎng)頁加載完畢后的自動執(zhí)行代碼。這對用戶的日常使用而言，表現(xiàn)出了較大的積極作用，不僅提高了Web應(yīng)用的服務(wù)速度，同時在流暢度方面，也獲得了較大的進(jìn)步。第二，簡化了選擇器的使用方式、簡化了選擇器的事件定義方式，能夠直接為用戶帶來更好的體驗，減少了過往的操作繁瑣為難題。第三，通過有效的應(yīng)用jQuery框架，還可以實現(xiàn)對DOM的有效操作，總體上所表現(xiàn)出的積極意義較為重要。第四，jQuery框架的使用，針對Ajax的操作，提供了較大的基礎(chǔ)支持，促使整體的Web應(yīng)用表現(xiàn)為良性循環(huán)的狀態(tài)。例如，利用$.ajax（prop）能夠有效的發(fā)送遠(yuǎn)程數(shù)據(jù)，針對Ajax的請求予以充分的滿足。同時，可以利用很多的簡單方式發(fā)送請求，主要是包括$.get（）、$.post（）等等。

2.3 JSON數(shù)據(jù)格式

Web應(yīng)用在深入的研究過程中，表現(xiàn)為不斷深化的特點，具體涉及到的各項影響因素均在增多。因此，僅僅針對上述的兩項內(nèi)容進(jìn)行研究和應(yīng)用，并不能充分地發(fā)揮出jQuery插件的具體優(yōu)勢。在jQuery插件的組成當(dāng)中，JSON數(shù)據(jù)格式的重要性是不言而喻的。從JSON數(shù)據(jù)格式本身來分析，其主要是一種利用JavaScript對象符號格式化文本的簡單方法。該數(shù)據(jù)格式在使用的過程中，可更加方便用戶在Web上進(jìn)行閱讀，針對機器的解析和生成，產(chǎn)生了較大的積極作用。為此，將JSON數(shù)據(jù)格式應(yīng)用到Web以后，主要是被作為一種輕量級的數(shù)據(jù)交換格式來使用。例如，在對象的處理中，主要是作為一種無序特點的“名稱/值”對集合。一個對象主要是以“{”來開始，以“}”來結(jié)束。在每一個名稱的后面，都會增加“：”來處理，而針對名稱/值分隔處理來講，利用“，”來完成，操作相對簡單。

3 關(guān)于jQuery插件對Web應(yīng)用的分析——購物車

jQuery插件在目前的研究中，的確為Web應(yīng)用產(chǎn)生了很大的積極意義，并且在很多方面都表現(xiàn)出了極大的優(yōu)勢。但考慮到現(xiàn)階段的用戶需求，還是應(yīng)該根據(jù)不同的區(qū)域應(yīng)用，將jQuery插件的優(yōu)勢，針對不同的用戶使用進(jìn)行表現(xiàn)。例如，在購物車的模式設(shè)計與實現(xiàn)當(dāng)中，應(yīng)從多方面來有效的設(shè)計，一方面將jQuery插件有效的安插，另一方面不要影響到用戶的使用體驗，以此來提高Web應(yīng)用的水平。

3.1 購物車模式的設(shè)計與實現(xiàn)——基于Ajax的Web系統(tǒng)響應(yīng)過程

Web應(yīng)用當(dāng)中，購物車是最常見的一類應(yīng)用，在很多方面都表現(xiàn)出了較高的服務(wù)特點。以往的購物車在使用當(dāng)中，每添加一件物品，都需要進(jìn)行刷新處理，未能滿足用戶的需求。對此，在設(shè)計的過程中，將Ajax的異步作用有效發(fā)揮，在發(fā)送Http的請求過程中，告別了瀏覽器掛著等候服務(wù)器響應(yīng)的問題。在實際的操作當(dāng)中，促使瀏覽器對用戶與界面的實際交互，直接進(jìn)行響應(yīng)。同時，在服務(wù)器響應(yīng)到達(dá)的時候，進(jìn)行有效的處理。實際的設(shè)定方面，可以在XMLHttpRequest上面，有效的注冊一個回調(diào)的函數(shù)，之后采取異步地分派的處理方法，控制就會返回瀏覽器當(dāng)中，服務(wù)器響應(yīng)到達(dá)的時候，將直接調(diào)用回調(diào)的函數(shù)。

3.2 服務(wù)器請求處理

購物車的jQuery插件應(yīng)用，是Web應(yīng)用的代表部分，在很多方面都表現(xiàn)出了較大的進(jìn)步。服務(wù)器的請求處理，應(yīng)選擇合理的方法來完成?？紤]到購物車的實際使用，選擇應(yīng)用Servlet進(jìn)行處理，針對XMLHttpRequest進(jìn)行有效的處理。在具體的方法上，與處理普通的瀏覽器HTTP的請求表現(xiàn)為一致的特點。服務(wù)器端的處理當(dāng)中，購物車Cart可以作為一個Java的對象，設(shè)計人員使用JSON.simple程序包的JSONObject和JSONArray，能夠比較方面的生成JSON的對象和、數(shù)組，從而完成系列的操作。

4 jQuery插件的注意事項

jQuery插件在目前的研究和使用中，表現(xiàn)為較大的積極特點。但從整體的情況來看，任何一種插件都不可能滿足所有的需求，其具有特定的服務(wù)方向，在很多方面都具有限制性，不可隨意的應(yīng)用。jQuery插件即便是插件中的佼佼者，依然要在使用過程中，針對注意事項引起關(guān)注，并且有效的遵守，否則很難得到理想的Web應(yīng)用效果。

4.1 jQuery插件類別

從插件本身來分析，jQuery插件在應(yīng)用的過程中，可以劃分為一種兼容性比較突出的框架，其針對絕大多數(shù)的瀏覽器都可以有效的支持。但是，jQuery插件在開發(fā)過程中，針對jQuery類文件，屬于一種二次開發(fā)，因此在種類方面，主要是劃分為兩個類別。第一種是類級別插件的開發(fā)，其能夠針對jQuery類本身，添加有效的方法。例如，jQuery插件的全局函數(shù)，就是有效的命名空間的函數(shù)。第二種是對象級別的插件開發(fā)，也就是針對jQuery的具體對象，添加不同的方法，實現(xiàn)Web應(yīng)用水平的提升，滿足用戶的客觀需求和主觀體驗。所以，在使用jQuery插件的過程中，需根據(jù)插件的類別進(jìn)行深入研究，避免造成Web應(yīng)用的下降。

4.2 jQuery插件的適當(dāng)應(yīng)用

目前，jQuery插件在使用的過程中，為程序員提供了較多的幫助，尤其是在工作量方面，出現(xiàn)了明顯的降低，減少了程序員的勞動強度。但是，任何一個Web應(yīng)用當(dāng)中，插件的應(yīng)用數(shù)量都是有限的，不可能無限的加入插件，這將導(dǎo)致Web應(yīng)用的崩潰。為此，在Web應(yīng)用的設(shè)計過程中，jQuery插件的加載數(shù)量需得到有效的控制，避免造成頁面請求速度的下降，避免造成軟件使用體驗的下降。引用jQuery插件時，需具有針對性的使用，才能針對Web應(yīng)用產(chǎn)生改善的目的。值得注意的是，很多Web應(yīng)用都具有特殊的要求，單純憑借jQuery插件一類，并不能實現(xiàn)較大的提升，而是多種插件共同作用，才能為用戶帶來最佳的體驗，促使用戶能夠長久的保留Web應(yīng)用，這樣才可以帶來持續(xù)的效益。

5 總結(jié)

本文對jQuery插件對Web應(yīng)用的影響展開討論，從目前的情況來看，jQuery插件的應(yīng)用，促使Web應(yīng)用進(jìn)入到了一個新的時期，各方面的表現(xiàn)均是比較積極的。隨著時間的推移，很多用戶都對Web應(yīng)用持有肯定的態(tài)度，在服務(wù)的體驗上表現(xiàn)為水平的上升。今后，應(yīng)針對Web應(yīng)用的種類、服務(wù)效果展開深入的研究，配合優(yōu)化jQuery插件，減少插件加載數(shù)量的同時，提高jQuery插件的使用效果，以此來實現(xiàn)價值的更大提升。

參考文獻(xiàn)：

[1] 陳印，馬紅春，夏先進(jìn).基于jQuery腳本庫技術(shù)的插件開發(fā)方法研究[J].四川職業(yè)技術(shù)學(xué)院學(xué)報，2011（6）：104-106.

[2] 曾滿江，李勇文，劉娟，等. 提升用戶體驗的移動圖書館網(wǎng)站優(yōu)化研究——以四川移動手機圖書館項目為例[J].現(xiàn)代圖書情報技術(shù)，2012（1）：85-91.

[3] 林亞明.基于ZK的MVVM與MVP設(shè)計模式應(yīng)用研究[J].重慶文理學(xué)院學(xué)報：自然科學(xué)版，2012（6）：72-74+78.

[4] 蔣昊晟.基于Google API共享同城生活信息的Web GIS開發(fā)[J].常州工學(xué)院學(xué)報，2010（1）：39-44+57.

[5] 尹婷，趙思佳.基于jQuery框架的AJAX網(wǎng)站設(shè)計模式的研究[J].湖南環(huán)境生物職業(yè)技術(shù)學(xué)院學(xué)報，2010（3）：1-4.