技術週報·Web 互操作性 JavaScript 執行時社群小組成立

語言: CN / TW / HK

編輯推薦

Web 互操作性 JavaScript 執行時社群小組成立

Cloudflare 與 Vercel、Shopify 以及 Node.jsDeno 的個人核心貢獻者合作,宣佈成立一個新的社群小組,專注於在基於 JavaScript 的非 Web 瀏覽器開發環境中實現標準化 Web API 的互操作性實現。小組剛成立,正在積極尋求與 W3C、WHATWG 和整個 JavaScript 社群的合作,以確保網路功能的可用性、工作的一致性並滿足所有在堆疊中工作的網路開發者的要求。

What's New In DevTools (Chrome 102)

Chrome 102 釋出新特性:

  • New Performance insights panel
  • New Shortcuts to emulate light and dark themes
  • Console Updates: Handle script execution errors in the console
  • etc.

動態

Google 最新的效能優化方案,LCP 提升30\%!

優化網頁的效能,一直是前端工程師最熱衷的工作之一,文章介紹了 Google 提出的一種新的效能優化方案:私有預取代理。

新一代前端構建工具彙總

社群裡有許多其他優秀的構建工具,它們或許不如 Webpack 那樣“包治百病”,但都有一些獨特的優勢,如果在一些特定的場景你覺得使用 Webpack 太臃腫了,那你或許可以考慮下面的一些工具:Parcel、Rollup、SnowPack、esbuild、SWC、Vite 等。

Vue 效能指標逐漸開始反超 React 了!

文章對《Google Chrome User Experience Report》做了一次詳細解讀,比較有趣的是使用 Vue 構建的網站效能似乎已經超過 React。

深度閱讀

用了 TS 條件型別,同事直呼 YYDS!

阿寶哥出品!閱讀本文,相信你能進一步瞭解條件型別和分散式條件型別的作用了,也知道 TS 內部一些工具型別是如何實現的。

為什麼 NodeJS 是構建微服務的最佳選擇?

在構建微服務時,有很多頂級程式語言可供選擇。NodeJS 就是其中之一。那麼,為什麼 NodeJS 是最佳選擇呢?

  • 單執行緒 \& 非同步: NodeJS 使用事件迴圈來執行程式碼,允許非同步程式碼被執行,從而使伺服器能夠使用非阻塞機制來響應。
  • 事件驅動: NodeJS 使用事件驅動架構,該架構建立在軟體開發的常見模式上,被稱為釋出 - 訂閱或觀察者模式,能夠構建強大的應用,尤其是實時應用。
  • 快速和高度的可擴充套件性: 執行環境建立在最強大的 JavaScript 引擎之一 V8 JavaScript Engine 之上,因此程式碼執行速度快,使得伺服器能夠同時處理多達 10000 個併發請求。
  • 易於開發: 建立多個微服務會導致重複的程式碼。Node.js 的微服務框架很容易建立,因為它抽象了大部分的底層系統。所以用這種程式語言建立一個微服務可以像寫幾行程式碼一樣簡單。

外文精選

How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks

In this article, I will analyze the performance cost associated with various frameworks, based on field data collected by the Google Chrome User Experience Report, or CrUX for short. I think this information is both interesting and useful, in particular given the wide variety of framework and platform choices currently available to front-end and fullstack developers.

10 REASONS MVC FRAMEWORKS AREN'T DINOSAURS BUT SHARKS

I think there is a serious shark in web sea: the monolithic MVC framework. Rails (Ruby), Django (Python), Laravel (PHP) and many others. They've been here for a long time, and even they're kind of boring, they still do the job very well. Of course, they're not the right solution for every use case. Like any piece of tech, there are always trade-offs to consider.

實踐應用

效能優化——圖片壓縮、載入和格式選擇

文章梳理了一系列常見的 Web 影象優化方案,如壓縮圖片、選擇正確格式、 CDN 加速、懶載入等,適合複習。

JS中Object的keys是無序的嗎

  1. 在 ES6 之前 Object 的鍵值對是無序的;
  2. 在 ES6 之後 Object 的鍵值對按照自然數、非自然數和 Symbol 進行排序,自然數是按照大小升序進行排序,其他兩種都是按照插入的時間順序進行排序。

ES12 中 8 個很棒的新 JavaScript 語言特性