vue3学习

vue3学习

时间：2024-07-25 22:55:41浏览次数：13

标签：运算 DOM 性能 JavaScript innerHTML 学习虚拟 vue3

虚拟DOM选择的原因

虚拟DOM和innerHTML的性能区别

涉及到DOM运算远比JavaScript层面上的计算性能差，就是说dom运算所花费的时间会比JavaScript运算的时间长
对于创建新页面的时候，两种运算性能差不多。
对于更新页面的时候，纯JavaScript运算中，虚拟DOM是创建新的JavaScript对象加diff运算，innerHTML是渲染HTML字符串。在DOM运算中，虚拟DOM只需要有必要的DOM更新，而innerHTML则需要先销毁所有旧DOM在新建所有新DOM。
虚拟dom在JavaScript层面比innerHTML多加了一个diff运算，由于他也是JavaScript层面的运算，所以不会产生数量级的差异。相对于innerHTML需要把所有的DOM更新，虚拟DOM只需要更新必要元素。

innerHTML和虚拟DOM和原生JavaScript

innerHTML：心智负担中等，性能差
虚拟DOM：心智负担小，可维护性强，性能不错
原生JavaScript：心智负担大，可维护性差，性能高

标签：运算,DOM,性能,JavaScript,innerHTML,学习,虚拟,vue3
From： https://blog.csdn.net/qq_44871484/article/details/140695885

go语言学习文档精简版
Go语言是一门开源的编程语言，目的在于降低构建简单、可靠、高效软件的门槛。Go平衡了底层系统语言的能力，以及在现代语言中所见到的高级特性。你好，Gopackagemain//程序组织成包import"fmt"//fmt包用于格式化输出数据//主函数入口funcmain(){//输出语句......
创建vue 2的时候出bug我看不懂，求大佬们帮帮忙，还在学习阶段
VueCLIv5.0.8?Pleasepickapreset:Default([Vue2]babel,eslint)VueCLIv5.0.8✨ CreatingprojectinF:\aaa\eee\aaa.......
drf学习总览，http请求不同编码格式,请求体什么样子，新的Request对象和Response，序列化类
Ⅰdrf学习总览概述#1请求和响应request：请求对象：请求方式，请求携带的数据，request.GET,request.POST,requset.body,request.META:请求头中得四件套:操作响应体HTTPResponse('sdfs')#若是要携带请求头和响应状态码应该是returnHTTPResponse('sdfs',sta......
BSGS 学习笔记
BSGS拔山盖世、北上广深……实际上叫大步小步，用于解决高次同余方程，形如：\[a^x\equivb\pmodp\]求\(x\)。设\(x=i\timest-j\)，有：\[a^{i\timest-j}\equivb\pmodp\]\[a^{i\timest}\equivb\timesa^j\pmodp\]预处理每个\(j\)，枚举\(i\)处理，\(t\)取\(\sqrtn\)最......
7月24日JavaSE学习笔记
序列化版本控制序列化：将内存对象转换成序列（流）的过程反序列化：将对象序列读入程序，转换成对象的方式；反序列化的对象是一个新的对象。serialVersionUID是一个类的序列化版本号privatestaticfinallongserialVersionUID=1L;//版本号如果序列化版本号没有定义，JDK会自动......
7月25日JavaSE学习笔记
线程的生命周期中，等待是主动的，阻塞是被动的锁对象创建锁对象，锁对象同一时间只允许一个线程进入//创建锁对象Locklock=newReentrantLock(true);//创建可重入锁可重入锁：在嵌套代码块中，锁对象一样就可以直接进入执行公平锁：保证线程获取锁的顺序与线程请求锁的顺序......
嵌入式学习第三天：转义字符、算术运算、类型转换．．．
目录转义字符运算符优先级和结合性+加法运算符 -减法运算符*乘法运算符/除法运算符%求余运算符/的注意要点： %的注意要点：－－自减运算符＋＋自增运算符＆取地址运算符，逗号运算符＝赋值运算符不同类型的数据间混合赋值总结高精度——＞低精度长类型——＞短......
Django学习（一）
Django起源：项目创建：项目执行（测试开发阶段）：项目结束：结构：db.sqlite3:数据库，一般不用，会替换成我们自己的数据库manage.py 项目同名目录： settings.py settings中的配置详解：注意：添加自定义配置时名称必须大写 django处理url的过程视图函数 ......
前段学习笔记
<form>表单一般包含按钮<input>标签使用:登录，注册，搜索typetest文本，password密码，rodio单选，checkbox多选，file文件上传表格<table用来展示数据>table代表盒子，tr是行，th是表头单元格，td是内容单元格table无边框，加border属性添加边框。th有加粗和居中的效果普通在td里面......
深度学习与图像识别学习笔记day1
文件不可以与现有的包重名哦1、Theano（旧）一个python库，可用于定义、优化与计算数学表达式，特别是多维数组（numpy.ndarray），可以理解为一个数学表达式的编译器：用符号式语言定义程序员所需的结果，并可以高效的运行与GPU与CPU上。2、Tensorflow（新）基于计算图实现自动微分系统，tensorflow......

相关文章

赞助商

阅读排行