AVt天堂网 手机版,亚洲va久久久噜噜噜久久4399,天天综合亚洲色在线精品,亚洲一级Av无码毛片久久精品

當前位置:首頁 > 科技  > 軟件

Vue 3.3.6 發布,得益于WeakMap,它更快了

來源: 責編: 時間:2023-10-26 17:11:32 249觀看
導讀WeakMaps其中一個得到改進的是在可能的情況下從 Maps 和 Sets 轉移到WeakMaps 和WeakSets。那是什么,為什么這么重要?如果你在 Maps或 Sets 中存儲東西,你會對這些東西做一個引用。這意味著,只要Map或Set被使用,這個東西就

4T028資訊網——每日最新資訊28at.com

WeakMaps

其中一個得到改進的是在可能的情況下從 Maps 和 Sets 轉移到WeakMaps 和WeakSets。4T028資訊網——每日最新資訊28at.com

那是什么,為什么這么重要?4T028資訊網——每日最新資訊28at.com

如果你在 Maps或 Sets 中存儲東西,你會對這些東西做一個引用。這意味著,只要Map或Set被使用,這個東西就不會被垃圾收集器從內存中釋放。4T028資訊網——每日最新資訊28at.com

通常這是有意義的。但有時候不是。特別是當你寫一些代碼,只是深入到數據的正常工作流中。例如,通過在系統中流動的數據中添加診斷數據。4T028資訊網——每日最新資訊28at.com

當你需要時,你希望數據被釋放,你不希望保留保留數據的權利。4T028資訊網——每日最新資訊28at.com

這就是 WeakMaps 和 WeakSets 開始發揮作用的地方,Vue現在在內部更多地使用這些來防止內存泄漏并提高整體性能。4T028資訊網——每日最新資訊28at.com

對 contenteditable="plaintext-only" 的支持

我認為 contenteditable可以是true或false。但顯然,有第三個值 "plaintext-only"。4T028資訊網——每日最新資訊28at.com

通常,當你將參數設置為true時,你也可以編輯格式,粘貼富文本。使用plaintext-only值則不行。4T028資訊網——每日最新資訊28at.com

現在的變化是,Vue不會為HTML規范中定義的合法值拋出 Typescript 錯誤。4T028資訊網——每日最新資訊28at.com

延遲加載圖像

再次,這只是對HTML特性的類型支持。它在3.3.5中被添加,并使你能夠將img的加載參數設置為lazy。4T028資訊網——每日最新資訊28at.com

這樣,圖像不會立即加載,而是當你的瀏覽器決定你很快就能看到它時加載。4T028資訊網——每日最新資訊28at.com

這是一個標準的HTML特性,已經存在了一段時間,但這個修復是一個很好的提醒,用它來提高應用程序的性能。4T028資訊網——每日最新資訊28at.com

此版本中還有其他的錯誤修復和性能改進。4T028資訊網——每日最新資訊28at.com

Vue 3.2.40的新功能

Vue的最新版本,受歡迎的Web框架于2022年9月28日發布,為開發者提供了修復的錯誤,為3.3版本做準備。4T028資訊網——每日最新資訊28at.com

錯誤地禁用按鈕

4T028資訊網——每日最新資訊28at.com

上面的代碼說明了按鈕不應該被禁用,因為“false”在屬性中實際上是一個字符串,而不是一個布爾值。在Vue的最新版本中,它通過檢查屬性的類型來修復。4T028資訊網——每日最新資訊28at.com

V-on不會拋出錯誤

4T028資訊網——每日最新資訊28at.com

上面的代碼和類似的最近拋出了錯誤,而它們本應該正常工作,它也被修復了。4T028資訊網——每日最新資訊28at.com

事件被正確地觸發

4T028資訊網——每日最新資訊28at.com

上述代碼并沒有導致 onBlur被調用,而它應該被調用。動態和靜態v-on的合并導致這個bug消失。4T028資訊網——每日最新資訊28at.com

修復了一個內存泄漏

4T028資訊網——每日最新資訊28at.com

在上述情況下,在dev場景中內存沒有被正確清理。它是由于提升的 vnodes不正確地保留了DOM節點引起的。現在也修復了。4T028資訊網——每日最新資訊28at.com

這些是最有趣的修復,在其他一些與SSR有關的問題也被修復了,團隊正在大力工作。4T028資訊網——每日最新資訊28at.com

Vue 3.2.41-45 的3個最有趣的錯誤修復

Vue團隊上個月并沒有休息。剛剛介紹了Vue 3.2.40,現在已經有了五個新的小版本。下面將帶你了解最重要的錯誤修復。4T028資訊網——每日最新資訊28at.com

Vue對奇怪的單文件組件(SFC)拋出錯誤

傳遞給單文件組件解析器的代碼沒有 <template>,也沒有<script>。這是有效的HTML代碼,但很有可能傳遞這樣的代碼表示傳遞了錯誤的變量。現在,如果組件不包含<template>或<script>標簽,解析器將拋出錯誤。4T028資訊網——每日最新資訊28at.com

import { parse } from '@vue/compiler-sfc';
const result = parse(`import a from 'vue'`);console.log(result.errors); // []

剝離HTML注釋不會導致空白被移除

通常,HTML 對于空白是寬容的。除非它不是,并且布局中斷。不幸的是,這種情況發生了,其中一個HTML注釋(如下所示)被剝離,而沒有被替換為空格。這發生在字符串插值附近。現在已經修復了。4T028資訊網——每日最新資訊28at.com

<template>    <div class="foo">        <h1>Message:</h1>        <!-- A comment explaining the interpolation below -->        {{ msg }}    </div></template>

可以在CSS中使用內聯注釋

以前,在內聯CSS中添加注釋會導致下面的CSS規則停止工作。現在,你可以不受問題地使用注釋。4T028資訊網——每日最新資訊28at.com

<div    style="      /* something */      width: 300px;      height: 300px;      background-color: pink;    "  ></div>

Vue.js 3.3:優秀的DX和10倍速度的構建

Vue 推出了 3.3 成為了頭條新聞。我們都知道,Vue實際上是構建web應用程序的一種非常快速和高效的方式。它能變得更好嗎?4T028資訊網——每日最新資訊28at.com

4T028資訊網——每日最新資訊28at.com

看起來可以。新版本放寬了 props 和 emits 類型的規則,使Typescript開發者高興。現在,定義 emits 也更容易,不需要樣板文件。為props提供默認值現在也很簡單。4T028資訊網——每日最新資訊28at.com

4T028資訊網——每日最新資訊28at.com

新的 defineModel 使得定義雙向綁定更容易。4T028資訊網——每日最新資訊28at.com

使用 defineSlots,我們可以為 slots 定義類型,這是一個有用的工具,可以很好地記錄代碼,并且易于使用。4T028資訊網——每日最新資訊28at.com

4T028資訊網——每日最新資訊28at.com

使用 defineSlots,我們可以為slots定義類型,這是一個有用的工具,可以很好地記錄代碼,并且易于使用。4T028資訊網——每日最新資訊28at.com

我們還可以享受通用組件。4T028資訊網——每日最新資訊28at.com

Vue再次顯示它關心DX,并且能夠快速并直接地構建應用程序,而不需要很多線束。4T028資訊網——每日最新資訊28at.com

它也關心性能。現在從 rollup構建中分離類型檢查,ESBuild rolloup依賴都組合到根據發布說明的10倍更快的構建時間。4T028資訊網——每日最新資訊28at.com

Jest被Vitest替換,意味著現在編寫和執行測試將更容易,更快。4T028資訊網——每日最新資訊28at.com

更改類型生成器也有助于更精細地提高性能。4T028資訊網——每日最新資訊28at.com

總的來說,這是一個很好的版本,涉及到每個人都應該關心的兩個主要問題:簡化使用和提高性能。4T028資訊網——每日最新資訊28at.com

Vue團隊每次發布都顯示出它是一個生產項目的有價值的框架。它彌補了輕巧、快速、但功能強大和強類型庫之間的差距。4T028資訊網——每日最新資訊28at.com

憑借像真正的自動導入和快速設置這樣的強大工具生態系統,它是現代web應用程序的絕佳選擇。4T028資訊網——每日最新資訊28at.com

4T028資訊網——每日最新資訊28at.com

本文鏈接:http://www.tebozhan.com/showinfo-26-15213-0.htmlVue 3.3.6 發布,得益于WeakMap,它更快了

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 實戰!使用阿里 Arthas 工具分析 CPU 飆高

下一篇: Python集合魔法:解鎖數據去重技巧

標簽:
  • 熱門焦點
Top