vue3优化

news/2024/7/10 2:08:04 标签: vue

响应式

 vue2采用object.defineProperty()进行数据劫持,vue3基本数据类型采用object.defineProperty(),类型,数组采用proxy()进行数据劫持,利用reflect对源数据进行操作,优点如下:
 1.可以监听动态添加对象的属性
 2.可以监听删除的属性
 3.可以监听数组的索引以及数组的length属性

性能优化

1.diff算法优化。增加了patch flag,标记静态元素(-1)和动态文本元素,标记静态元素的在diff中不会参与比较
2.静态提升。标记静态元素的会被静态提升,放置在render 函数外,并且会在项目启动后只会创建一次,在渲染时直接复用

Fragment

Vue3中不在要求模版的根节点必须是只能有一个节点。根节点和和render函数返回的可以是纯文字、数组、单个节点,如果是数组,会自动转化为 Fragments,减少了不必要的dom元素

TreeShaking

因为ES6模块是静态引用的,所以我们可以在编译时正确的判断到底加载了哪些代码。对代码全局做一个分析,找到那些没用被用到的模块、函数、变量,并把这些去掉。

Composition Api

reactive
ref
computed
readonly
watchEffect
watch
Lifecycle Hooks

TypeScript


http://www.niftyadmin.cn/n/5182708.html

相关文章

竞赛选题 深度学习的视频多目标跟踪实现

文章目录 1 前言2 先上成果3 多目标跟踪的两种方法3.1 方法13.2 方法2 4 Tracking By Detecting的跟踪过程4.1 存在的问题4.2 基于轨迹预测的跟踪方式 5 训练代码6 最后 1 前言 🔥 优质竞赛项目系列,今天要分享的是 基于深度学习的视频多目标跟踪实现 …

VS2022配置wxWidgets 3.0.5

Downloads - wxWidgets下载Windows ZIP 解压进入E:\SoftWare\wxWidgets-3.0.5\build\msw,用VS2022打开wx_vc12.sln,选择生成——批生成,最终生成一些文件 打开VS2022,新建属性表,在属性表里设置: c——常规…

开源免费的Windows应用程序强力卸载工具Bulk Crap UninstallerV5.7的简单使用

经常遇到Windows平台上安装的一些应用,因为应用自带的安装卸载程序有问题、应用的卸载程序损坏、应用卸载需要密码等原因,导致应用无法卸载、卸载不完整等。本介绍了开源的Windows应用程序强力卸载工具Bulk Crap UninstallerV5.7和安装使用的简单说明。 …

阿里云C++二面面经

1.智能指针 1、shared_ptr 原理:shared_ptr是基于引用计数的智能指针,用于管理动态分配的对象。无论 std::shared_ptr 存储在堆区还是栈区,它所指向的内存块始终存储在堆区。这是因为 std::shared_ptr 是用于管理动态分配的内存的智能指针,它需要存储在堆区,以便进行引用…

一本了解生成式人工智能

上周,发了一篇关于大语言模型图数据库技术相结合的文章,引起了很多朋友的兴趣。当然了,这项技术本身就让俺们很兴奋,比如我就是从事图研发的,当然会非常关注它在图领域的应用与相互促就啦。 纵观人类文明历史&#xff…

存储服务器和普通服务器有哪些区别

存储服务器和普通服务器有哪些区别 典型的服务器会被配置来执行多种功能,如它可以作为文件服务器、打印服务器、应用数据库服务器、Web服务器,甚至可以是集以上多种功能于一身。这样,它就必须有快速的处理器芯片、比较多的RAM以及足够的内部…

区域入侵AI算法如何应用在工地场景,保卫工地施工安全?

在工地、厂区等施工场所,安全保障是必不可少的,特别是在人工智能技术日益成熟的今天,如何利用旭帆科技AI智能视频中的区域入侵算法助力智慧工地、保障工地安全呢? 1、建筑物周界安全 TSINGSEE青犀区域入侵算法可以用于监控建筑物…

立仪科技光谱共焦在半导体领域的应用

半导体技术在近年来以极快的速度发展,对质量和精密度的要求也不断提升。在这样的背景下,用于材料与设备研究的先进检测技术如光谱共焦成像将自然地找到一席之地。下面我们将详细探讨一下光谱共焦在半导体领域中的应用。 光谱共焦技术,通过在细…