JavaScript 周刊 - Vue3.2、V8的v9.3、Next.js11.1、TypeScript4.4 發(fā)布 ...

JavaScript 周刊

• Vue 3.2 發(fā)布^[1]——單文件組件的一些新特性，顯著的性能改進(jìn)，現(xiàn)在可以輕松定義原生自定義元素defineCustomElement（在Vue 組件作為自定義元素^[2]了解更多信息- 這對(duì)許多人來說可能是一件大事）。

• “JavaScript 需要更多的迭代輔助函數(shù)”^[3] ——許多語言都有大量的迭代函數(shù)或方法，但是 JavaScript 的許多選項(xiàng)來得較晚，并且只限于特定的數(shù)據(jù)類型（例如 ES6 中的 Array 的新方法），Axel 認(rèn)為我們需要在比較各種方法時(shí)走得更遠(yuǎn)。

• 開始使用 JavaScript 和 InfluxDB 2.0^[4] — 使用 InfluxDB 時(shí)間序列平臺(tái)監(jiān)控 JavaScript 應(yīng)用程序性能并創(chuàng)建漂亮的基于 Web 的可視化的操作指南。

• V8 版本 v9.3^[5] — 最近的 V8 版本相當(dāng)依賴于新功能，因此它與 9.3 一起使用，它主要獲得更快的編譯，Object.hasOwn（ 的別名Object.prototype.hasOwnProperty.call），以及將錯(cuò)誤“原因”附加到Error實(shí)例的能力。它在 Chrome 93（在未來幾周內(nèi)發(fā)布）之前處于測(cè)試階段，并且很快也會(huì)出現(xiàn)在 Node.js 中。

• Next.js 11.1 發(fā)布^[6]——流行的 React 框架向前邁進(jìn)了幾步，提供了實(shí)驗(yàn)性 ES 模塊支持、與swc^[7]的新集成以最終取代 JS 工具（Babel 和 Terser）、更快的數(shù)據(jù)映射和源映射等等。

快聞

• TypeScript 4.4^[8]的第一個(gè)候選版本^[9]已經(jīng)發(fā)布，支持聲明可以鍵入任意符號(hào)、static類中的塊、性能改進(jìn)等的類型。

• Code House^[10]聲稱是開發(fā)人員備忘單的“世界上最大的倉庫”。

• Firefox 91^[11]默認(rèn)添加^[12]了對(duì)Visual Viewport API的支持，并添加^[13]了對(duì)Intl.DateTimeFormat.

• 開發(fā)人員一直在分享他們購買的最奇怪的域名^[14]——我們都有一些域名骨架，對(duì)吧？

• 使用 JavaScript ?? 用你的頭腦駕駛無人機(jī)。^[15]

• 看看Visual Studio 2022 Preview 3 中^[16]新的 JavaScript 和 TypeScript開發(fā)體驗(yàn)^[17]（不，不是 VS Code?。?/p>

發(fā)布

• Node.js 16.6.2、14.17.5 和 12.22.5^[18]

• Solid 1.1.0^[19] – 一個(gè)值得研究的聲明式 UI 庫。

• ws 8.1.0^[20] – Node WebSocket 客戶端和服務(wù)器庫。

• octokit.js 1.4.0^[21] – 適用于 Node、瀏覽器和Deno 的^[22]GitHub SDK。

• React Date Picker 4.2^[23] - 簡(jiǎn)單的日期選擇器組件（演示^[24]）。

• Ember.js 3.28.0^[25] – 長(zhǎng)期存在的框架。

• react-markdown 7.0^[26] - React 的 Markdown 組件。

• 奧瑞莉亞 2 阿爾法 16^[27]

?? 文章、意見和教程

• 如何使用 React 和 D3 v7 構(gòu)建力有向圖^[28]—從無^[29]移動(dòng)到“完整的花里胡哨”的逐步構(gòu)建，并帶有代碼沙箱可供使用。

• 使 Web Worker 可選^[30]- 一種通用方法，可在不嚴(yán)格需要時(shí)創(chuàng)建額外的 Web Worker。

• 提高文本輸入的響應(yīng)能力^[31]——requestIdleCallback避免在每次字符更改時(shí)立即運(yùn)行代碼。

• 為任何前端構(gòu)建 React 組件^[32]——React 可能沒有被廣泛使用，所以我們決定創(chuàng)建可以在任何前端設(shè)置和任何 UI 中工作的自定義組件。

- 通過構(gòu)建項(xiàng)目學(xué)習(xí) MongoDB^[33] — 這是一個(gè)直播，所以節(jié)奏很慢，但它也很全面和真實(shí)，很好地了解了真正的開發(fā)人員如何使用 Node、Next.js 和 MongoDB 托管的Atlas服務(wù)來構(gòu)建應(yīng)用程序。

• JavaScript 回調(diào)和^[34] PROMISE 的快速復(fù)習(xí)^[35]

• 關(guān)于即將棄用的 JavaScript 對(duì)話框的精選詞^[36]

• 在 Vue 中渲染以提高性能^[37]

• 一個(gè)老黑客關(guān)于繼續(xù)工作的秘訣^[38]

?? 代碼和工具

• 介紹 MIDIVal：在瀏覽器中與 MIDI 交互的最簡(jiǎn)單方法^[39]— 盡管 MIDI 協(xié)議已有 40 年的歷史，但 MIDI 協(xié)議仍然被音樂家大量使用，并且對(duì)音樂家來說非常有價(jià)值。MIDIVal 是更高級(jí)別的抽象，用于從 JavaScript 處理 MIDI。入門教程。^[40]

• Deno 1.13 發(fā)布^[41]——“不是 Node 的服務(wù)器端運(yùn)行時(shí)”（但來自同一個(gè)初始創(chuàng)建者?。┮呀?jīng)發(fā)布了大量小的增強(qiáng)功能，包括其原生 HTTP 服務(wù)器 API 變得穩(wěn)定，語言服務(wù)器改進(jìn)，更多 TLS 自定義選項(xiàng)，并集成 V8 9.3。

• 具有原生 GraphQL 和 JavaScript 支持的數(shù)據(jù) API^[42] — 使用 API 創(chuàng)建文檔數(shù)據(jù)庫，該 API 可為您處理擴(kuò)展、分片和其他操作密集型任務(wù)。

• JSZip：創(chuàng)建、讀取和編輯 .zip 存檔文件^[43]— 是的，它甚至適用于所有主要瀏覽器（參見演示）。GitHub 存儲(chǔ)庫^[44]。

• styled-jsx 4.0：對(duì) JSX 的完全 CSS 支持，沒有妥協(xié)^[45]——對(duì) JSX 的^[46]完全、范圍和組件友好的 CSS 支持（在服務(wù)器或客戶端上呈現(xiàn)）。

• HyperFormula：用 TypeScript 編寫的類似 Excel 的計(jì)算引擎^[47]— 提供了一種將電子表格樣式計(jì)算添加到您的 web 應(yīng)用程序的方法。請(qǐng)注意它是 GPLv3 許可（或商業(yè)）。

• http-server：一個(gè)簡(jiǎn)單的 Zero-Conf 命令行 HTTP 服務(wù)器^[48]——比其他簡(jiǎn)單的命令行 HTTP 服務(wù)器更可配置（如果你愿意）。

• 預(yù)訂演示。發(fā)貨快。高枕無憂。LaunchDarkly^[49]

• Hora: Efficient Approximate Nearest Neighbor Search Algorithms——^[50]這不是一個(gè) JavaScript 項(xiàng)目，而是一個(gè) Rust 項(xiàng)目。但是，它針對(duì) WebAssembly，因此可以從 JavaScript 中使用，如主頁上的演示中所示。^[51]

• FormVueLate：Vue 模式驅(qū)動(dòng)的表單生成^[52]

往期精文

• TypeScript 中提升幸福感的 10 個(gè)高級(jí)技巧

• 推薦 7 個(gè) Vue2、Vue3 源碼解密分析的重磅開源項(xiàng)目

歡迎關(guān)注公眾號(hào)：“全棧修煉”，回復(fù) “電子書” 即可以獲得下面 1000 本技術(shù)精華書籍哦，貓哥 wx：CB834301747 。

通過閱讀本篇文章，如果有收獲的話，可以點(diǎn)個(gè)贊和在看，這將會(huì)成為我持續(xù)分享的動(dòng)力，感謝～

參考資料