隨著技術(shù)的不斷進(jìn)步，前端領(lǐng)域每月都有新的變化和挑戰(zhàn)。2024年2月，我們見證了幾項(xiàng)重大的技術(shù)更新，從Deno的性能提升到Turborepo的重大改進(jìn)，再到j(luò)Query 4.0.0 Beta的發(fā)布，這些變化不僅標(biāo)志著前端開發(fā)向著更現(xiàn)代化、更高效的方向邁進(jìn)，也給前端開發(fā)者帶來了新的思考和機(jī)遇。本期將帶你一起探索這些新動態(tài)，看看它們?nèi)绾斡绊懳覀兊拈_發(fā)實(shí)踐。

LLRT：亞馬遜基于QuickJS的新JavaScript運(yùn)行時

https://github.com/awslabs/llrt

在JavaScript的世界里，性能和資源效率是開發(fā)者們永慟追求的目標(biāo)。亞馬遜最新推出的LLRT（低延遲運(yùn)行時）無疑為這一追求注入了新的活力。LLRT是一個基于QuickJS的JavaScript運(yùn)行時，它在Rust中構(gòu)建，旨在為服務(wù)器端代碼提供快速啟動和高效的內(nèi)存使用。接下來，我們將深入探討LLRT的特性，看看它如何為現(xiàn)代服務(wù)器端JavaScript應(yīng)用帶來變革。

采用QuickJS引擎，兼容性與高效并存

LLRT使用QuickJS作為其JavaScript引擎，這一選擇本身就頗具意義。QuickJS是一個輕量級的JavaScript引擎，支持ECMAScript 2020標(biāo)準(zhǔn)，能夠滿足大多數(shù)現(xiàn)代JavaScript開發(fā)的需求。雖然LLRT并不追求支持所有Node.js API，但它已經(jīng)支持了許多，足以應(yīng)對大部分服務(wù)器端開發(fā)場景。

專注于快速啟動與內(nèi)存效率

LLRT最大的賣點(diǎn)之一就是它對快速啟動和內(nèi)存使用的優(yōu)化。由于QuickJS沒有即時編譯器（JIT），這意味著長時間運(yùn)行的代碼可能會較慢。然而，這一設(shè)計(jì)選擇帶來了兩大好處：

• 簡化系統(tǒng)復(fù)雜度：即時編譯器是一個高度復(fù)雜的技術(shù)組件，它會顯著增加運(yùn)行時的整體大小，并引入更多的系統(tǒng)復(fù)雜性。
• 資源效率更高：沒有JIT的開銷，LLRT能夠節(jié)省CPU和內(nèi)存資源，這些資源可以更有效地分配給代碼執(zhí)行任務(wù)，從而減少應(yīng)用程序的啟動時間。

為什么LLRT值得關(guān)注？

在云計(jì)算和微服務(wù)架構(gòu)日益盛行的今天，啟動速度和資源效率對于服務(wù)器端應(yīng)用尤為關(guān)鍵。LLRT的設(shè)計(jì)理念恰好與這一需求相吻合，它不僅為開發(fā)者提供了一個輕量級的運(yùn)行時選項(xiàng)，還通過優(yōu)化資源使用，有助于降低云服務(wù)的成本。

此外，LLRT的出現(xiàn)也反映了Rust語言在系統(tǒng)編程領(lǐng)域日益增長的影響力。通過在Rust中實(shí)現(xiàn)，LLRT能夠充分利用Rust的性能優(yōu)勢和安全特性，為JavaScript運(yùn)行時帶來了新的可能性。

LLRT代表了JavaScript服務(wù)器端運(yùn)行時的一個新方向，它通過結(jié)合QuickJS的輕量級特性和Rust的高效能力，為開發(fā)高性能、資源友好的服務(wù)器端應(yīng)用提供了新的工具。隨著技術(shù)的不斷發(fā)展，LLRT可能會成為越來越多開發(fā)者的選擇。無論是對于追求極致性能的技術(shù)極客，還是希望降低云計(jì)算成本的企業(yè)，LLRT都值得一試。

jQuery 4.0.0 Beta：邁向現(xiàn)代化的一小步

在JavaScript的世界里，jQuery曾是無處不在的存在，它簡化了HTML文檔遍歷和操作、事件處理以及Ajax等Web開發(fā)的常見任務(wù)。即便在當(dāng)今許多開發(fā)者轉(zhuǎn)向使用現(xiàn)代前端框架的情況下，jQuery仍在許多項(xiàng)目和平臺中占有一席之地，如WordPress。最近，jQuery 4.0.0 Beta的發(fā)布標(biāo)志著這個經(jīng)典庫向現(xiàn)代化邁出了一小步。

告別IE 10

jQuery 4.0.0 Beta的一個顯著變化是放棄了對IE 10的支持。這一決定反映了Web開發(fā)社區(qū)對現(xiàn)代瀏覽器特性的擁抱，以及逐步淘汰舊版瀏覽器以促進(jìn)Web技術(shù)發(fā)展的趨勢。通過放棄對舊版IE的支持，jQuery能夠減少代碼復(fù)雜性，提高性能，同時使得庫更加精簡。

移除廢棄的API

隨著Web技術(shù)的發(fā)展，一些早期的jQuery方法和功能已經(jīng)變得過時。jQuery 4.0.0 Beta采取了大刀闊斧的措施，移除了許多這樣的廢棄API，這對于保持庫的現(xiàn)代性和高效性至關(guān)重要。對于開發(fā)者來說，這意味著需要更新舊代碼，以適應(yīng)新版本的jQuery，但這也是向前邁出的必要步驟。

轉(zhuǎn)向現(xiàn)代JavaScript

最值得注意的是，jQuery 4.0.0 Beta向現(xiàn)代JavaScript邁進(jìn)了一小步。其中最顯著的變化是遷移到了ESM（ECMAScript模塊）。這是一個重大進(jìn)步，因?yàn)镋SM是現(xiàn)代JavaScript應(yīng)用的標(biāo)準(zhǔn)，支持模塊化的代碼組織和更高效的加載方式。這一轉(zhuǎn)變不僅有助于開發(fā)者在使用jQuery時更好地利用現(xiàn)代JavaScript特性，也使得jQuery能夠更容易地與現(xiàn)代構(gòu)建工具和模塊加載器集成。

雖然許多項(xiàng)目和開發(fā)者可能已經(jīng)轉(zhuǎn)向使用React、Vue或Angular等現(xiàn)代前端框架，jQuery的這次更新仍然具有重要意義。它不僅表明了jQuery團(tuán)隊(duì)致力于保持這個庫的相關(guān)性和現(xiàn)代化，也提供了對于仍在使用jQuery的項(xiàng)目一個向前看的路徑。jQuery 4.0.0 Beta的發(fā)布，是對這個經(jīng)典庫歷史的尊重，同時也是對未來的一個承諾。

Vite 5.1新特性解讀：開啟前端開發(fā)新篇章

Vite作為現(xiàn)代前端開發(fā)環(huán)境的佼佼者，其最新版本5.1的發(fā)布無疑是一場前端界的盛事。Vite 5.1不僅繼續(xù)優(yōu)化了開發(fā)體驗(yàn)，還引入了諸多創(chuàng)新功能，特別是在服務(wù)器端渲染（SSR）方面的全新升級，無疑將為開發(fā)者帶來更為流暢和高效的開發(fā)流程。今天，我們就來聊聊Vite 5.1的幾大亮點(diǎn)，看看它如何激發(fā)前端開發(fā)的新活力。

新增Vite運(yùn)行時API：SSR的革新之舉

Vite 5.1最受矚目的莫過于其全新的運(yùn)行時API，這是對Vite當(dāng)前服務(wù)器端渲染基礎(chǔ)設(shè)施的一大升級。新的運(yùn)行時API帶來了以下幾點(diǎn)好處：

• 支持SSR過程中的熱模塊替換（HMR）。這意味著在服務(wù)器端渲染的過程中，開發(fā)者可以實(shí)時更新模塊，極大提高了開發(fā)效率。
• 與服務(wù)器解耦。新API不再依賴于任何特定的服務(wù)器，這使得無論客戶端數(shù)量多少，每個客戶端都擁有自己的模塊緩存。你可以通過多種方式（如消息通道、fetch調(diào)用、直接函數(shù)調(diào)用、websocket）與其通信。
• 跨環(huán)境兼容性強(qiáng)。新的運(yùn)行時API不依賴任何特定環(huán)境（如Node.js、Bun、Deno）內(nèi)置的APIs，使得它能夠在任何環(huán)境下運(yùn)行。
• 易于與其他工具集成。如果你使用的工具有自己的代碼運(yùn)行機(jī)制，Vite允許你提供一個運(yùn)行器，以使用eval代替new AsyncFunction，從而實(shí)現(xiàn)更靈活的集成。

樣式和資源處理的優(yōu)化

Vite 5.1對CSS和資源處理也進(jìn)行了顯著優(yōu)化：

• 增強(qiáng)了對.css?url的支持，build.assetsInlineLimit現(xiàn)在支持回調(diào)函數(shù)，為開發(fā)者提供了更大的靈活性。
• 循環(huán)導(dǎo)入中的HMR改進(jìn)，使得循環(huán)依賴的模塊熱替換更加穩(wěn)定。

更多實(shí)用特性

• 支持ssr.external: true，允許外部化所有SSR包，這對于減少包體積、優(yōu)化性能有著直接的好處。
• 預(yù)覽服務(wù)器新增close方法，方便開發(fā)者在需要時關(guān)閉預(yù)覽服務(wù)器。
• 性能各方面的提升，Vite團(tuán)隊(duì)持續(xù)優(yōu)化了框架的性能，使得開發(fā)和構(gòu)建過程更加高效。

Vite 5.1的發(fā)布標(biāo)志著前端開發(fā)進(jìn)入了一個新的時代，無論是開發(fā)體驗(yàn)、性能優(yōu)化，還是跨平臺兼容性，Vite都在不斷推動前端技術(shù)的邊界。對于熱衷于技術(shù)和創(chuàng)新的你來說，了解并掌握Vite 5.1的新特性，無疑將為你的項(xiàng)目開發(fā)添翼加速。

Node.js社區(qū)關(guān)于默認(rèn)啟用Corepack的熱議

近日，Node.js社區(qū)掀起了一場關(guān)于是否應(yīng)該默認(rèn)啟用Corepack的激烈討論。這場討論始于2023年11月的一個提案，引發(fā)了關(guān)于未來是否通過Corepack提供npm的疑問。部分社區(qū)貢獻(xiàn)者認(rèn)為，Corepack的整合最終目標(biāo)是將Node.js的發(fā)布和npm的發(fā)布解耦。

什么是Corepack？

Corepack是Node.js的一個實(shí)驗(yàn)性工具，旨在作為包管理器的前置代理，支持yarn、pnpm以及npm。如果在項(xiàng)目目錄內(nèi)執(zhí)行某個包管理器的install命令時啟用了Corepack，它將如何工作？

• 如果本地項(xiàng)目配置了你正在使用的包管理器，Corepack會靜默下載并緩存最新兼容版本。
• 如果本地項(xiàng)目配置了不同的包管理器，Corepack會提示你使用正確的包管理器重新運(yùn)行命令，從而避免破壞安裝成果。
• 如果本地項(xiàng)目沒有配置任何包管理器，Corepack會假設(shè)你知道自己在做什么，并使用已被標(biāo)記為“已知良好發(fā)布”的包管理器版本。

討論焦點(diǎn)

默認(rèn)啟用Corepack的提議引發(fā)的討論不僅僅是技術(shù)層面的，更觸及到Node.js社區(qū)的治理和未來方向。一方面，通過默認(rèn)啟用Corepack，Node.js希望提供一個更加統(tǒng)一和靈活的包管理體驗(yàn)，讓開發(fā)者能夠更加自由地選擇適合自己的包管理工具。另一方面，這一變動潛在地指向了將npm作為Node.js的一個可選而非必備組件的未來，這引起了一部分人的擔(dān)憂和反對。

對社區(qū)的影響

這場討論對Node.js社區(qū)有著深遠(yuǎn)的影響。首先，它反映了社區(qū)對于如何平衡創(chuàng)新與穩(wěn)定、自由與規(guī)范之間的持續(xù)探索。其次，如果最終決定默認(rèn)啟用Corepack并逐步解耦npm，這將是Node.js生態(tài)中一個重要的轉(zhuǎn)折點(diǎn)，可能會改變開發(fā)者日常使用和理解Node.js的方式。

Turborepo 1.12更新亮點(diǎn)

Turborepo是一個高效的JavaScript/TypeScript代碼庫構(gòu)建工具，專為大型和復(fù)雜的前端項(xiàng)目設(shè)計(jì)。它通過提供一種優(yōu)化的方式來管理多個包或應(yīng)用的依賴關(guān)系和構(gòu)建過程，從而極大地提高了開發(fā)效率和構(gòu)建速度。在最新的1.12版本中，Turborepo帶來了一系列值得關(guān)注的更新和改進(jìn)。

任務(wù)日志顏色

在新版本中，Turborepo引入了原始shell日志顏色的默認(rèn)使用，使得任務(wù)日志更加生動易讀。這一改進(jìn)讓開發(fā)者能夠更快地識別關(guān)鍵信息，提升了日志查看的用戶體驗(yàn)。

錯誤信息大幅改進(jìn)

Turborepo 1.12對錯誤信息進(jìn)行了全面的改進(jìn)，特別是對于配置錯誤的提示。改進(jìn)后的錯誤信息更加直觀和易于理解，幫助開發(fā)者快速定位和解決配置問題，減少了調(diào)試的時間和復(fù)雜度。

輸入法的改進(jìn)

此版本還改善了輸入法的便捷性，允許用戶在使用Turborepo的默認(rèn)設(shè)置的同時，根據(jù)自己的需求進(jìn)行自定義輸入。這一改進(jìn)提高了Turborepo的靈活性和可用性，使其能夠更好地適應(yīng)不同項(xiàng)目的特定需求。

遙測功能

Turborepo 1.12引入了遙測功能，目的是幫助開發(fā)團(tuán)隊(duì)了解用戶最關(guān)心的特性和使用情況，從而更有針對性地優(yōu)化產(chǎn)品。通過收集匿名的使用數(shù)據(jù)，Turborepo團(tuán)隊(duì)能夠更加聚焦于對用戶最重要的功能和改進(jìn)。

Rust遷移和二進(jìn)制文件壓縮

值得一提的是，Turborepo在這次更新中完成了對Rust的遷移工作，包括移除了--go-fallback標(biāo)志，并且相比于1.11版本，turbo二進(jìn)制文件的大小減小了58%。這一改進(jìn)不僅提升了Turborepo的性能，也使得其安裝和運(yùn)行更加高效。

這些改進(jìn)使Turborepo成為了前端開發(fā)者和團(tuán)隊(duì)更加強(qiáng)大、更加易用的工具，有助于他們更高效地管理和構(gòu)建大型前端項(xiàng)目。

Deno在2024年：全速前進(jìn)，兼容性與性能并進(jìn)

Deno，作為一個現(xiàn)代的JavaScript和TypeScript運(yùn)行時，自2018年首次亮相以來，一直在不斷發(fā)展和完善。進(jìn)入2023年，Deno的發(fā)展更是加速，特別是在Node/npm的兼容性和性能提升方面，同時繼續(xù)朝著極大簡化Web開發(fā)的目標(biāo)前進(jìn)。

Node/npm兼容性

對于許多開發(fā)者來說，Node.js和其包管理工具npm已成為日常開發(fā)工作的一部分。Deno在2023年的發(fā)展重點(diǎn)之一就是提高與Node/npm的兼容性，這意味著開發(fā)者可以更輕松地遷移現(xiàn)有的Node.js項(xiàng)目至Deno，或者在Deno項(xiàng)目中使用npm上的包。這一點(diǎn)對于促進(jìn)Deno在開發(fā)社區(qū)的接受度和使用率有著重要意義。

性能提升

性能一直是Deno關(guān)注的重點(diǎn)。2023年，Deno團(tuán)隊(duì)在運(yùn)行時性能方面做了大量工作，旨在提供更快的啟動時間和更高效的資源管理。這些性能優(yōu)化不僅使得Deno成為一個更加強(qiáng)大的工具，對于需要處理大量并發(fā)請求的Web應(yīng)用和API來說，這些改進(jìn)尤其關(guān)鍵。

簡化Web開發(fā)

Deno的另一個核心目標(biāo)是簡化Web開發(fā)流程。通過提供一套統(tǒng)一的工具集，包括但不限于內(nèi)置的測試工具、格式化工具以及對于前端和后端開發(fā)的一站式解決方案，Deno旨在減少開發(fā)者在項(xiàng)目搭建和維護(hù)上的負(fù)擔(dān)。2023年，Deno在這一領(lǐng)域的努力繼續(xù)深化，通過引入新的庫和工具，以及優(yōu)化現(xiàn)有功能，進(jìn)一步提升開發(fā)者的效率。

展望未來

隨著Deno在兼容性、性能以及開發(fā)體驗(yàn)上的持續(xù)進(jìn)步，它正逐步成為一個越來越有吸引力的現(xiàn)代JavaScript/TypeScript運(yùn)行時選擇。對于那些尋求一個安全、高效且易于上手的Web開發(fā)平臺的開發(fā)者來說，Deno在2023年的進(jìn)展值得關(guān)注。

結(jié)束

隨著我們深入探討了2月份前端技術(shù)的重要更新，顯而易見的是，無論是在性能優(yōu)化、工具升級還是兼容性改進(jìn)方面，這些變化都在推動前端開發(fā)的邊界向前延伸。對于前端開發(fā)者來說，緊跟技術(shù)潮流、不斷學(xué)習(xí)和適應(yīng)新工具和技術(shù)，是我們不變的追求。希望本期內(nèi)容能給你帶來啟發(fā)和幫助，讓我們一起期待前端技術(shù)的更多可能性。