其中一个失掉改良的是在或者的状况下从Maps和Sets转移到WeakMaps和WeakSets。

那是什么，为什么这么关键？

假设你在Maps或Sets中存储物品，你会对这些物品做一个援用。这象征着，只需Map或Set被经常使用，这个物品就不会被渣滓搜集器从内存中监禁。

通常这是无心义的。但有时刻不是。特意是当你写一些代码，只是深化到数据的反常上班流中。例如，经过在系统中流动的数据中减少诊断数据。

当你须要时，你宿愿数据被监禁，你不宿愿保管保管数据的权益。

这就是WeakMaps和WeakSets开局施展作用的中央，Vue如今在外部更多地经常使用这些来防止内存走漏并提高全体性能。

对的允许

我以为contenteditable可以是true或false。但显然，有第三个值"plaintext-only"。

通常，当你将参数设置为true时，你也可以编辑格局，粘贴富文本。经常使用plaintext-only值则不行。

如今的变动是，Vue不会为规范中定义的非法值抛出Typescript失误。

提前加载图像

再次，这只是对HTML个性的类型允许。它在3.3.5中被减少，并使你能够将img的加载参数设置为lazy。

这样，图像不会立刻加载，而是当你的阅读器选择你很快就能看到它时加载。

这是一个规范的HTML个性，曾经存在了一段期间，但这个修复是一个很好的提示，用它来提高运行程序的性能。

此版本中还有其余的失误修复和性能改良。

Vue3.2.40的新配置

Vue的最新版本，受欢迎的Web框架于2022年9月28日颁布，为开发者提供了修复的失误，为3.3版本做预备。

失误地禁用按钮

上方的代码说明了按钮不应该被禁用，由于false在属性中实践上是一个字符串，而不是一个布尔值。在Vue的最新版本中，它经过审核属性的类型来修复。

V-on不会抛出失误

上方的代码和相似的最近抛出了失误，而它们本应该反常上班，它也被修复了。

事情被正确地触发

上述代码并没有造成onBlur被调用，而它应该被调用。灵活和静态v-on的兼并造成这个bug隐没。

修复了一个内存走漏

在上述状况下，在dev场景中内存没有被正确清算。它是由于优化的vnodes不正确地保管了DOM节点惹起的。如今也修复了。

这些是最幽默的修复，在其余一些与SSR无关的疑问也被修复了，团队正在鼎力上班。

Vue3.2.41-45的3个最幽默的失误修复

Vue团队上个月并没有劳动。刚刚引见了Vue3.2.40，如今曾经有了五个新的小版本。上方将带你了解最关键的失误修复。

Vue对奇异的单文件组件(SFC)抛出失误

import{parse}from'@vue/compiler-sfc';

constresult=parse(`importafrom'vue'`);console.log(result.errors);//[]

剥离HTML注释不会造成空白被移除

通常，HTML关于空白是宽容的。除非它不是，并且规划终止。可怜的是，这种状况出现了，其中一个HTML注释（如下所示）被剥离，而没有被交流为空格。这出当初字符串插值左近。如今曾经修复了。

<template><div><h1>Message:</h1>{{msg}}</div></template>

可以在中经常使用内联注释

以前，在内联CSS中减少注释会造成上方的CSS规定中止上班。如今，你可以不受疑问地经常使用注释。

Vue.js3.3：低劣的DX和10倍速度的构建

Vue推出了3.3成为了头条资讯。我们都知道，Vue实践上是构建web运行程序的一种十分极速和高效的形式。它能变得更好吗？

看起来可以。新版本放宽了props和emits类型的规定，使Typescript开发者快乐。如今，定义emits也更容易，不须要样板文件。为props提供自动值如今也很便捷。

新的defineModel使得定义双向绑定更容易。

经常使用defineSlots，我们可以为slots定义类型，这是一个有用的工具，可以很好地记载代码，并且易于经常使用。

经常使用defineSlots，我们可以为slots定义类型，这是一个有用的工具，可以很好地记载代码，并且易于经常使用。

我们还可以享用通用组件。

Vue再次显示它关心DX，并且能够极速并间接地构建运行程序，而不须要很多线束。

它也关心性能。如今从rollup构建中分别类型审核，ESBuildrolloup依赖都组合到依据颁布说明的10倍更快的构建期间。

Jest被Vitest交流，象征着如今编写和口头测试将更容易，更快。

更改类型生成器也有助于更精细地提高性能。

总的来说，这是一个很好的版本，触及到每团体都应该关心的两个关键疑问：简化经常使用和提高性能。

Vue团队每次颁布都显示出它是一个消费名目标有价值的框架。它补偿了笨重、极速、但配置弱小和强类型库之间的差距。

仰仗像真正的智能导入和极速设置这样的弱小工具生态系统，它是现代web运行程序的绝佳选用。

2023年前端技术盘点与2024年技术展望

2023年，前端技术领域迎来了重大变革，AI驱动的大模型引领行业前行。 JavaScript、CSS及TypeScript的革新，使得编程体验与效率显著提升。 TypeScript作为首选，尽管遭遇了反对声音，但其5.0版本优化了编译速度，GitHub上的热度持续上升。 新版TypeScript 5.2引入的using关键字简化了资源管理，然而，一些团队如Deno因性能问题选择回归JavaScript，关注点在于减少编译时间和运行时复杂性。 TypeScript的编译优化体现在5.0版本中，启动时间缩短了89%，Material UI和Playwright等框架的构建时间也有所下降。 然而，减少编译体积和元编程带来的负担，使得一些开发者选择转向JavaScript。 JavaScript的新特性如ES2023的WeakMap支持和非破坏性数组方法，与CSS的嵌套语法和父选择器共同促进了开发效率。 在CSS领域，2023年的一大亮点是原生嵌套写法和父选择器，它们提升了代码的可读性和渲染效率。 React、Vue、Angular和Svelte等框架各自发展，同时Qwik和Bun等新兴框架崭露头角。 React 2023年聚焦于RSC与的整合，迈向元框架模式，Vue 3.3的VaporMode则旨在降低运行时开销。 Vue的VaporMode是基于的非虚拟DOM编译模式，旨在提高性能，利用响应式系统。 Vue3的未来发展计划包括四个阶段，从运行时核心到无缝集成，关注点在于性能优化和灵活使用。 Angular 17发布时，强化了性能，特别是延迟视图和构建速度。 htmx以增量更新的方式崛起，尤其适合初学者，但其SSR优化的局限性不容忽视。 Qwik利用Resumability技术，通过服务端序列化实现直出可用，虽然可能增加服务器压力，但其增长势头强劲。 Rust在前端开发中的影响力逐渐显现，的Turbopack和字节跳动的工具展示了其在基建领域的潜力。 Spack、Vite重构和Rust性能工具如Oxlint和Bun，预示着性能和效率的新篇章。 Chrome的隐私政策调整，如Cookie限制和Manifest V3，将影响前端生态。 低代码热潮中，TinyEngine开源，网易和华为的开源引擎带来新机遇。 大模型与低代码结合，如LessCode和大模型辅助的文档问答，正在改变开发方式。 然而，大模型如Colipot的局限性仍需解决，但TypeChat和CodeReview的结合展现了大模型的强大潜力。 跨端技术方面，鸿蒙OS NEXT革新开发环境，提供统一生态和多端部署选项。 WebAssembly（WASM）的普及，使得更多语言和场景受益，AI编解码与传统技术并行发展。 2024年，前端开发者将面临技术选择和适应性挑战。 展望2024年，大模型将继续赋能前端，TypeScript将保持主流，服务端渲染将优化用户体验，Rust的崛起将改变前端基础设施，鸿蒙的加入将开启全新的跨端技术篇章。 前端开发者，准备迎接这些变革与机遇吧！

Map 和 WeakMap 的差异

Map和WeakMap的差异啊，差了个单词呗。（好了，本文完）

稍等，别打人，别打脸

好了，我们来正儿八经的分析一波。

Map 的API有： (1) () (2) () (3) () (4) () (5) () (6) () (7) () (8) () (9)() (10)[@@iterator]() WeakMap 的API有： （1） () （2）() （3） () （4） () 可以看出 weakMapapi少了 clear， entries，forEach，keys，values,以及获取iterator对象的方法 ，另外 weakMap 还没有 size 属性，无法获取内部存了多少个映射。

Map 可以用JS的任意类型 作为键。WeakMap 的话只能是对象 。

当把a, b都设置成null之后，GC会回收weakMap中的b对象对应的键值对（这里的意思是键和值都回收），也就是 { y: 13} 这个对象会被回收， 14 这个常量也会被清除。但是不会回收Map中a对象对应的键值对，也就是 {x: 12} 这个对象并不会回收。

WeakMap 中值被回收，是因为键被回收了

Map的使用，用在值需要频繁的删改的场景（map有优化），以及键只能是对象的场景比较优。如果只是简单的记录值而且键不会是对象的情况，用普通对象就OK了。