JavaScript 週刊

Vue 3.2 發佈^[1]——單文件組件的一些新特性，顯着的性能改進，現在可以輕鬆定義原生自定義元素defineCustomElement（在Vue 組件作爲自定義元素^[2]瞭解更多信息- 這對許多人來說可能是一件大事）。
“JavaScript 需要更多的迭代輔助函數”^[3] ——許多語言都有大量的迭代函數或方法，但是 JavaScript 的許多選項來得較晚，並且只限於特定的數據類型（例如 ES6 中的 Array 的新方法），Axel 認爲我們需要在比較各種方法時走得更遠。
開始使用 JavaScript 和 InfluxDB 2.0^[4] — 使用 InfluxDB 時間序列平臺監控 JavaScript 應用程序性能並創建漂亮的基於 Web 的可視化的操作指南。

V8 版本 v9.3^[5] — 最近的 V8 版本相當依賴於新功能，因此它與 9.3 一起使用，它主要獲得更快的編譯，Object.hasOwn（的別名Object.prototype.hasOwnProperty.call），以及將錯誤“原因”附加到Error實例的能力。它在 Chrome 93（在未來幾周內發佈）之前處於測試階段，並且很快也會出現在 Node.js 中。
Next.js 11.1 發佈^[6]——流行的 React 框架向前邁進了幾步，提供了實驗性 ES 模塊支持、與swc^[7]的新集成以最終取代 JS 工具（Babel 和 Terser）、更快的數據映射和源映射等等。

快聞

TypeScript 4.4^[8]的第一個候選版本^[9]已經發布，支持聲明可以鍵入任意符號、static類中的塊、性能改進等的類型。
Code House^[10]聲稱是開發人員備忘單的“世界上最大的倉庫”。
Firefox 91^[11]默認添加^[12]了對Visual Viewport API的支持，並添加^[13]了對Intl.DateTimeFormat.
開發人員一直在分享他們購買的最奇怪的域名^[14]——我們都有一些域名骨架，對吧？
使用 JavaScript ▶️ 用你的頭腦駕駛無人機。^[15]
看看Visual Studio 2022 Preview 3 中^[16]新的 JavaScript 和 TypeScript開發體驗^[17]（不，不是 VS Code！）

發佈

Node.js 16.6.2、14.17.5 和 12.22.5^[18]
Solid 1.1.0^[19] – 一個值得研究的聲明式 UI 庫。
ws 8.1.0^[20] – Node WebSocket 客戶端和服務器庫。
octokit.js 1.4.0^[21] – 適用於 Node、瀏覽器和Deno 的^[22]GitHub SDK。
React Date Picker 4.2^[23] - 簡單的日期選擇器組件（演示^[24]）。
Ember.js 3.28.0^[25] – 長期存在的框架。
react-markdown 7.0^[26] - React 的 Markdown 組件。
奧瑞莉亞 2 阿爾法 16^[27]

📖 文章、意見和教程

如何使用 React 和 D3 v7 構建力有向圖^[28]—從無^[29]移動到“完整的花裏胡哨”的逐步構建，並帶有代碼沙箱可供使用。
使 Web Worker 可選^[30]- 一種通用方法，可在不嚴格需要時創建額外的 Web Worker。
提高文本輸入的響應能力^[31]——requestIdleCallback避免在每次字符更改時立即運行代碼。
爲任何前端構建 React 組件^[32]——React 可能沒有被廣泛使用，所以我們決定創建可以在任何前端設置和任何 UI 中工作的自定義組件。

- 通過構建項目學習 MongoDB^[33] — 這是一個直播，所以節奏很慢，但它也很全面和真實，很好地瞭解了真正的開發人員如何使用 Node、Next.js 和 MongoDB 託管的Atlas服務來構建應用程序。

JavaScript 回調和^[34] PROMISE 的快速複習^[35]
關於即將棄用的 JavaScript 對話框的精選詞^[36]
在 Vue 中渲染以提高性能^[37]
一個老黑客關於繼續工作的祕訣^[38]

🛠 代碼和工具

介紹 MIDIVal：在瀏覽器中與 MIDI 交互的最簡單方法^[39]— 儘管 MIDI 協議已有 40 年的歷史，但 MIDI 協議仍然被音樂家大量使用，並且對音樂家來說非常有價值。MIDIVal 是更高級別的抽象，用於從 JavaScript 處理 MIDI。入門教程。^[40]
Deno 1.13 發佈^[41]——“不是 Node 的服務器端運行時”（但來自同一個初始創建者！）已經發布了大量小的增強功能，包括其原生 HTTP 服務器 API 變得穩定，語言服務器改進，更多 TLS 自定義選項，並集成 V8 9.3。
具有原生 GraphQL 和 JavaScript 支持的數據 API^[42] — 使用 API 創建文檔數據庫，該 API 可爲您處理擴展、分片和其他操作密集型任務。
JSZip：創建、讀取和編輯 .zip 存檔文件^[43]— 是的，它甚至適用於所有主要瀏覽器（參見演示）。GitHub 存儲庫^[44]。
styled-jsx 4.0：對 JSX 的完全 CSS 支持，沒有妥協^[45]——對 JSX 的^[46]完全、範圍和組件友好的 CSS 支持（在服務器或客戶端上呈現）。
HyperFormula：用 TypeScript 編寫的類似 Excel 的計算引擎^[47]— 提供了一種將電子表格樣式計算添加到您的 web 應用程序的方法。請注意它是 GPLv3 許可（或商業）。
http-server：一個簡單的 Zero-Conf 命令行 HTTP 服務器^[48]——比其他簡單的命令行 HTTP 服務器更可配置（如果你願意）。
預訂演示。發貨快。高枕無憂。LaunchDarkly^[49]
Hora: Efficient Approximate Nearest Neighbor Search Algorithms——^[50]這不是一個 JavaScript 項目，而是一個 Rust 項目。但是，它針對 WebAssembly，因此可以從 JavaScript 中使用，如主頁上的演示中所示。^[51]
FormVueLate：Vue 模式驅動的表單生成^[52]

往期精文

歡迎關注公衆號：“全棧修煉”，回覆 “電子書” 即可以獲得下面 1000 本技術精華書籍哦，貓哥 wx：CB834301747 。

通過閱讀本篇文章，如果有收穫的話，可以點個贊和在看，這將會成爲我持續分享的動力，感謝～

參考資料

[1]

博客.vuejs.org: https://javascriptweekly.com/link/112510/web

[2]

Vue 組件作爲自定義元素: https://javascriptweekly.com/link/112511/web

[3]

2ality.com: https://javascriptweekly.com/link/112512/web

[4]

www.influxdata.com: https://javascriptweekly.com/link/112483/web

[5]

v8.dev: https://javascriptweekly.com/link/112497/web

[6]

nextjs.org: https://javascriptweekly.com/link/112513/web

[7]

swc: https://javascriptweekly.com/link/112514/web

[8]

TypeScript 4.4: https://javascriptweekly.com/link/112515/web

[9]

第一個候選版本: https://javascriptweekly.com/link/112515/web

[10]

Code House: https://javascriptweekly.com/link/112516/web

[11]

Firefox 91: https://javascriptweekly.com/link/112517/web

[12]

添加: https://javascriptweekly.com/link/112517/web

[13]

並添加: https://javascriptweekly.com/link/112517/web

[14]

他們購買的最奇怪的域名: https://javascriptweekly.com/link/112484/web

[15]

▶️ 用你的頭腦駕駛無人機。: https://javascriptweekly.com/link/112518/web

[16]

Visual Studio 2022 Preview 3 中: https://javascriptweekly.com/link/112519/web

[17]

開發體驗: https://javascriptweekly.com/link/112519/web

[18]

Node.js 16.6.2、14.17.5 和 12.22.5: https://javascriptweekly.com/link/112520/web

[19]

Solid 1.1.0: https://javascriptweekly.com/link/112485/web

[20]

ws 8.1.0: https://javascriptweekly.com/link/112486/web

[21]

octokit.js 1.4.0: https://javascriptweekly.com/link/112487/web

[22]

Deno 的: https://javascriptweekly.com/link/112487/web

[23]

React Date Picker 4.2: https://javascriptweekly.com/link/112488/web

[24]

演示: https://javascriptweekly.com/link/112489/web

[25]

Ember.js 3.28.0: https://javascriptweekly.com/link/112490/web

[26]

react-markdown 7.0: https://javascriptweekly.com/link/112521/web

[27]

奧瑞莉亞 2 阿爾法 16: https://javascriptweekly.com/link/112522/web

[28]

reactfordataviz.com: https://javascriptweekly.com/link/112499/web

[29]

reactfordataviz.com: https://javascriptweekly.com/link/112499/web

[30]

itnext.io: https://javascriptweekly.com/link/112523/web

[31]

nolanlawson.com: https://javascriptweekly.com/link/112524/web

[32]

www.courier.com: https://javascriptweekly.com/link/112494/web

[33]

www.youtube.com: https://javascriptweekly.com/link/112500/web

[34]

JavaScript 回調和: https://javascriptweekly.com/link/112502/web

[35]

快速複習: https://javascriptweekly.com/link/112502/web

[36]

關於即將棄用的 JavaScript 對話框的精選詞: https://javascriptweekly.com/link/112525/web

[37]

在 Vue 中渲染以提高性能: https://javascriptweekly.com/link/112526/web

[38]

一個老黑客關於繼續工作的祕訣: https://javascriptweekly.com/link/112501/web

[39]

kulak.medium.com: https://javascriptweekly.com/link/112527/web

[40]

入門教程。: https://javascriptweekly.com/link/112528/web

[41]

deno.com: https://javascriptweekly.com/link/112498/web

[42]

動物羣: https://javascriptweekly.com/link/112495/web

[43]

stuk.github.io: https://javascriptweekly.com/link/112504/web

[44]

GitHub 存儲庫: https://javascriptweekly.com/link/112505/web

[45]

github.com: https://javascriptweekly.com/link/112506/web

[46]

github.com: https://javascriptweekly.com/link/112506/web

[47]

github.com: https://javascriptweekly.com/link/112507/web

[48]

github.com: https://javascriptweekly.com/link/112508/web

[49]

learn.launchdarkly.com: https://javascriptweekly.com/link/112496/web

[50]

github.com: https://javascriptweekly.com/link/112529/web

[51]

主頁上的演示中所示。: https://javascriptweekly.com/link/112530/web

[52]

FormVueLate：Vue 模式驅動的表單生成: https://javascriptweekly.com/link/112509/web

本文分享自微信公衆號 - 全棧修煉（QuanZhanXiuLian）。
如有侵權，請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”，歡迎正在閱讀的你也加入，一起分享。

JavaScript 週刊 - Vue3.2、V8的v9.3、Next.js11.1、TypeScript4.4 發佈 ...