首頁 > 常見問題 > 主體

jquery有哪些優缺點

尊渡假赌尊渡假赌尊渡假赌
發布: 2023-05-25 10:45:41
原創
2865 人瀏覽過

jQuery的優缺點為:1、優點,實現腳本與頁面分離,程式碼靈活清晰,最少的程式碼做更多的事,性能高,受到業內廣泛支持,擁有眾多插件且形成生態系統,入門簡單節省學習時間,使JavaScript程式設計更加有趣;2、缺點,無法向後相容且插件相容差,影響已完成的程式碼,需要手動修改插件或發生多個插件之間的衝突,版本發布策略差,大型框架中核心程式碼對動畫和特效的支援也相對較差。

jquery有哪些優缺點

本教學作業系統:Windows10系統、jQuery3.6.0版本、Dell G3電腦。

jQuery的優缺點

一、jQuery的優點:

1、jQuery實作腳本與頁面的分離

在HTML程式碼中,我們也經常看到類似這樣的程式碼:

<form id="myform" onsubmit=return validate();" >
登入後複製

即使validate()函數可以被放置在一個外部檔案中,實際上我們依然是把頁面與邏輯和事件混雜在一起。 jQuery讓你可以將這兩個部分分開。借助於jQuery,頁面程式碼將如下所示:

<form id="myform">
登入後複製

接下來,一個單獨的JS檔案將包含以下事件提交程式碼:

$("myform").submit(function() {  ...your code here  )}
登入後複製

這樣我們可以實現靈活性非常強的清晰頁面代碼。 jQuery讓JavaScript程式碼從HTML頁面程式碼中分離出來,就像數年前CSS讓樣式程式碼與頁面程式碼分開離開一樣。

2、最少的程式碼做最多的事情

最少的程式碼做最多的事情,這是jQuery的口號,而且名副其實。使用它的高階selector,開發者只需編寫幾行程式碼就能實現令人驚奇的效果。開發者無需過於擔憂瀏覽器差異,它除了還完全支援Ajax,而且擁有許多提高開發者程式設計效率的其它抽象概念。 jQuery把JavaScript帶到了更高的層次。以下是一個非常簡單的範例:

$("p.neat").addClass("ohmy").show("slow");
登入後複製

透過以上簡短的程式碼,開發者可以遍歷「neat」類別中所有的

元素,然後向其增加「ohmy」類,同時以動畫效果緩緩顯示每一個段落。開發者無需檢查客戶端瀏覽器類型,無需編寫循環程式碼,無需編寫複雜的動畫函數,僅透過一行程式碼就能實現上述效果。

3、效能

在大型JavaScript框架中,jQuery對效能的理解最好。儘管不同版本擁有眾多新功能,其最精簡版本只有18KB大小,這個數字已經很難再減少。 jQuery的每一個版本都有重大效能提升。本篇文章講的是jQuery未經過任何優化的原始速度。如果將其與新一代具有更快JavaScript引擎的瀏覽器(如火狐3和谷歌Chrome)配合使用,開發者在創建富體驗Web應用時將擁有全新速度優勢。

4、它是一個「標準」

之所以使用引號,是以為jQuery並非一個官方標準。但是業界對jQuery的支援已經非常廣泛。谷歌不但自己使用它,還提供給用戶使用。另外戴爾、新聞聚合網站Digg、WordPress、Mozilla和許多其它廠商也在使用它。微軟甚至將它整合到Visual Studio。如此多的重量級廠商支持該框架,用戶大可以對其未來放心,大膽的對其投入時間。

5、外掛程式

基於jQuery開發的外掛目前已經有大約數千個。開發者可使用外掛程式來進行表單確認、圖表種類、欄位提示、動畫、進度條等任務。 jQuery社群已經成長為一個生態系統。這一點進一步證明了上一條理由,它是一個安全的選擇。而且,jQuery正在主動與「競爭對手」合作,例如Prototype。它們似乎在推進JavaScript的整體發展,而不僅僅是在圖謀一己之私。

6、節省開發者學習時間

當然想要真正學習jQuery,開發者還是需要投入一點時間,尤其是如果你要寫大量程式碼或自主插件的話,更是如此。但是,開發者可以採取「各個擊破」的方式,而且jQuery提供了大量範例程式碼,入門是一件非常容易的事情。我建議開發者在自己寫某類程式碼前,先看一下是否有類似插件,然後看一下實際的插件程式碼,了解一下其運作原理。簡而言之,學習jQuery不需要開發者投入太多,就能夠迅速開始開發工作,然後逐漸提高技巧。

7、讓JavaScript程式設計變得有趣

我發現使用jQuery是一件充滿樂趣的事情。它簡潔而強大,開發者能夠迅速得到自己想要的結果。它解決了許多JavaScript問題和難題。我過去曾討厭JavaScript編程,但現在我非常喜歡它。透過一些基礎性的改進,開發者可以真正去思考開發下一代Web應用,不再因為語言或工具的差勁而煩惱。我相信它的“最少的程式碼做最多的事情”口號。 

二、jQuery的缺點:

  1. 不能向後相容。每一個新版本不能相容於早期的版本。舉例來說,有些新版本不再支援某些selector,新版jQuery卻沒有保留對它們的支持,而只是簡單的將其移除。這可能會影響到開發者已經編寫好的程式碼或外掛程式。

  2. 外掛相容性。與上一點類似,新版jQuery推出後,如果開發者想升級的話,要看插件作者是否支援。通常情況下,在最新版jQuery版本下,現有外掛程式可能無法正常使用。開發者使用的插件越多,這種情況發生的幾率也越高。我有一次為了升級到jQuery 1.3,只好自己修改了一個第三方外掛。

  3. 在同一頁上使用多個外掛程式時,很容易碰到衝突現象,尤其是這些外掛依賴相同事件或selector時最為明顯。這雖然不是jQuery本身的問題,但卻確實是一個難於調試和解決的問題。

  4. jQuery的穩定性。它沒有讓我的瀏覽器崩潰,我這兒指的是其版本發布策略。 jQuery 1.3版發布後僅過數天,就發布了一個漏洞修正版1.3.1。他們還移除了對某些功能的支持,可能會影響許多程式碼的正常運作。我希望類似修改不要再出現。

  5. 在大型框架中,jQuery核心程式碼庫對動畫和特效的支援相對較差。但是實際上這不是一個問題。目前在這方面有一個單獨的jQuery UI專案和眾多插件來彌補此點。

#

以上是jquery有哪些優缺點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板