jQuery已“死”?為清除技術(shù)債,我們刪掉了前端所有jQuery依賴
近期,英國公共部門信息網(wǎng)站 GOV.UK 前端開發(fā)主管 Matt Hobbs 宣布該公司刪除了 jQuery 作為所有前端應(yīng)用程序的依賴項(xiàng),這意味著“在所有 13 個 FE 應(yīng)用程序中,JS 大小減少了 32 KB(31% ~49% 之間)”。

一些關(guān)鍵指標(biāo)得到優(yōu)化
Matt 也在推特上分享了幾組數(shù)據(jù),說明了在刪除 jQuery 后一些關(guān)鍵指標(biāo)得到了優(yōu)化。
- 移除頁面標(biāo)簽限制并查看所有頁面 RUM 數(shù)據(jù), 75% 用戶的頁面都有類似的下降:

- 在 75% 的頁面中僅檢查 Android 用戶,可以看到 JS 長任務(wù)改進(jìn)了 7%:

- 50% 用戶的移動設(shè)備上的 JS Long Tasks 有 10% 的改進(jìn):

- 而對于 95% 用戶,阻塞時間則減少了 10% :

“這些用戶會遇到嚴(yán)重不利的網(wǎng)絡(luò)和設(shè)備條件,每一次性能提升對他們來說尤其重要。”Matt 說道。
根據(jù) Matt 說法,刪除 jQuery 的本意是清理技術(shù)債。“它最初是為了支持瀏覽器而存在的,但隨著時間的推移,情況發(fā)生了變化,所以 bits 可以被刪除。我想在這之后會重新評估,看看還有什么是不再需要的。” Matt 表示。
“大多數(shù)事情都不再需要 jQuery 了”
jQuery 是一套跨瀏覽器的 JavaScript 庫,可以簡化 HTML 與 JavaScript 之間的操作。截至 2021 年,有將近 84% 的移動頁面使用 jQuery。jQuery 是最受歡迎的 JavaScript 庫之一,它的一些操作已經(jīng)反映在標(biāo)準(zhǔn) Web API 中。
JQuery 創(chuàng)建于 2006 年,主要是為了幫助開發(fā)者處理當(dāng)時瀏覽器的不足。當(dāng)時谷歌瀏覽器還未流行,人們飽受 Internet Explorer 之苦。而 JQuery 開發(fā)者可以使用 CSS 選擇器和函數(shù)可以輕松地遍歷和操作 DOM,
此外,JQuery 還提供了一些開箱即用的函數(shù)來做動畫 DOM 元素,而無需弄亂 CSS。在沒有 jQuery 之前發(fā)出 AJAX 請求很麻煩,但使用 JQuery 只需幾行代碼即可完成。JQuery 提供了一個可以在大多數(shù)瀏覽器上工作的 API,這在當(dāng)時使用 JavaScript 是很難實(shí)現(xiàn)的。
但在過去的幾年里,JavaScript 已經(jīng)成熟了很多,它支持很多新的 API,其社區(qū)也構(gòu)建了很多庫來填補(bǔ) jQuery 可能留下的任何空白。
現(xiàn)在,開發(fā)者幾乎可以在原生 JavaScript 中做任何 jQuery 可以做的事情。例如,可以使用帶有 querySelector 和 querySelectorAll 的 CSS 選擇器語法來選擇元素,使用 classList API 在元素上添加、刪除和切換類,使用 addEventListener 將事件處理程序附加到 DOM 元素和窗口等等。
同時隨著 Angular、Vue 和 React 等框架的出現(xiàn)和流行,一直未有特別創(chuàng)新的 jQuery 更顯“老態(tài)”。“對我來說,他們 (jQuery ) 就像是那個隨著時代變遷沒有更新知識的老灰胡子。”有網(wǎng)友直言。
“現(xiàn)在,大多數(shù)事情都不再需要 jQuery 了。”有網(wǎng)友評論道,“我個人發(fā)現(xiàn)普通的 JS API 和 fetch 甚至比 jQuery 的東西更干凈。人們?nèi)匀怀鲇诹?xí)慣使用 jQuery,是因?yàn)閿[脫它需要做很多工作。”
jQuery 已“死”?
近幾年,業(yè)內(nèi)對于“jQuery 是否已死”的討論一直沒停過。實(shí)際上,一些大型、資金充足的網(wǎng)站已經(jīng)“用腳投票”,正在逐漸擺脫對 jQuery 的依賴。
2018 年,GitHub 宣布從 jQuery。“早期,jQuery 對我們意義重大。”GitHub 前端工程團(tuán)隊(duì)在方式發(fā)布的文章里表示。“在 GitHub 的早期階段,jQuery 讓小型的開發(fā)團(tuán)隊(duì)能夠快速進(jìn)行原型設(shè)計(jì)并開發(fā)出新功能,而無需專門針對每個 Web 瀏覽器調(diào)整代碼。”
但隨著 GitHub 成長為一家擁有數(shù)百名工程師的公司,jQuery 帶來的價(jià)值已經(jīng)隨著時間的推移而下降。比如技術(shù)債會隨著依賴項(xiàng)的增多而增長,給企業(yè)帶來很大的維護(hù)成本。因此,GitHub 最終決定刪除 jQuery。不過,GitHub 沒有選擇另外的庫或框架,而是使用標(biāo)準(zhǔn)的瀏覽器 API 來實(shí)現(xiàn)。
不只 GitHub,Bootstrap 最新版本也將刪除 jQuery。
盡管被認(rèn)為已經(jīng)過時,但 jQuery 仍然是占主導(dǎo)地位的 JavaScript 庫。今天的開發(fā)人員可能沒有意識到在使用 jQuery,因?yàn)樗磺度朐诹嗽S多大型開源項(xiàng)目里面,其中最著名的就是 WordPress。
“大多數(shù)網(wǎng)站都不需要復(fù)雜的開發(fā)框架,它們大多是具有一些動態(tài)行為的靜態(tài)網(wǎng)站,這種網(wǎng)站通常用 WordPress 編寫。jQuery 在這個場景下仍然很流行,因?yàn)樗群唵斡钟行В藗冇X得沒必要停止使用它。”jQuery 開發(fā)者 Micha Gobiowski-Owczarek 在接受外媒采訪時說道。
Micha Gobiowski-Owczarek 也明確表示,為了不與瀏覽器沖突,jQuery 不會修改原生原型,而是用 jQuery 包裝器對象包裝 DOM 節(jié)點(diǎn),每個操作都會創(chuàng)建一個新的包裝器對象。大多數(shù)情況下,這并不重要,但對于具有大量 DOM 操作的、非常復(fù)雜的應(yīng)用程序來說,可能會成為一個問題。
未來的很長一段時間里,jQuery 還繼續(xù)會是 WordPress 的一部分,因?yàn)樗茈y在不破壞向后兼容性的情況下將它刪除。但一些改變已經(jīng)發(fā)生,如 WordPress 創(chuàng)建的 Gutenberg 編輯器不依賴于 jQuery。
隨著時間的推移, WordPress 肯定會逐步更新技術(shù),這是一個漸進(jìn)的過程,jQuery 的最終去留也很難說。但不可否認(rèn)的是,jQuery 為前端帶來了重大的影響。




























