当前位置： 首页 > news >正文

Vue3学习记录第三天

news 文章来源：https://blog.csdn.net/xiaozhengN/article/details/139574098 2024/11/8 21:30:25

Vue3学习记录第三天

  • 背景
  • 说明
  • 学习记录
    • Vue3中shallowReactive()和shallowRef()
    • Vue3中toRaw()和markRaw()
    • 前端...语法
    • Vue3中readonly()和shallowReadonly()函数
    • 前端的防抖

背景

之前把Vue2的基础学了, 这个课程的后面有简单介绍Vue3的部分. 学习知识容易忘, 这里仅简答做一个记录. 内容都很空洞.

说明

课程是B站找的, 尚硅谷的课程, 收藏量还挺高.

学习记录

这里主要以截图为主, 都是学习过程中的一些灵感. 可能很基础, 或很零散, 不过问题不大, 自己记录而已啦

Vue3中shallowReactive()和shallowRef()

shallow 就是浅的意思
在这里插入图片描述

Vue3中toRaw()和markRaw()

转成普通的对象, 不是响应式
在这里插入图片描述

前端…语法

老师把这个叫"拆解"
在这里插入图片描述

Vue3中readonly()和shallowReadonly()函数

不希望数据被修改, 就是readonly
在这里插入图片描述

前端的防抖

算是一个不太陌生的名词吧, 防抖!
在这里插入图片描述

相关文章：

Vue3学习记录第三天

Vue3学习记录第三天 背景说明学习记录Vue3中shallowReactive()和shallowRef()Vue3中toRaw()和markRaw()前端...语法Vue3中readonly()和shallowReadonly()函数前端的防抖 背景 之前把Vue2的基础学了, 这个课程的后面有简单介绍Vue3的部分. 学习知识容易忘, 这里仅简答做一个记录…...

编程日记 2024/6/10 19:06:53

数仓建模中的一些问题

​​​在数仓建设的过程中，由于未能完全按照规范操作， 从而导致数据仓库建设比较混乱，常见有以下问题： 数仓常见问题 ● 数仓分层不清晰：数仓的分层没有明确的逻辑，难以管理和维护。 ● 数据域划分不明确…...

编程日记 2024/6/10 19:04:51

spring整合kafka

原文链接&#xff1a;spring整合kafka_spring集成kafka-CSDN博客 1、导入依赖 <dependency><groupId>org.springframework.kafka</groupId><artifactId>spring-kafka</artifactId><version>2.5.10.RELEASE</version> </depende…...

编程日记 2024/6/10 19:02:49

【web前端】CSS样式

CSS应用方式 在标签 <h2 style"color: aquamarine">hello world!</h2> 在head标签中写style标签 <head><meta charset"UTF-8"><title>Title</title><style>.c1{height: 100px;}.c2{height: 200px;color: aqua;…...

编程日记 2024/6/10 19:00:47

【ARM Cache 与 MMU 系列文章 7.7 – ARMv8/v9 MMU Table 表分配原理及其代码实现 1】

请阅读【ARM Cache 及 MMU/MPU 系列文章专栏导读】 及【嵌入式开发学习必备专栏】 文章目录 MMU Table 表分配原理及其代码实现虚拟地址空间 Region的配置系统物理地址位宽获取汇编代码实现MMU Table 表分配原理及其代码实现 假设当前系统中需要映射多个region，其中第一个要映…...

编程日记 2024/6/10 18:59:47

AIGC之MetaHuman：HeyGen(基于AI驱动的视频生成平台+数字人)的简介、安装和使用方法、案例应用之详细攻略

AIGC之MetaHuman&#xff1a;HeyGen(基于AI驱动的视频生成平台数字人)的简介、安装和使用方法、案例应用之详细攻略 目录 HeyGen的简介 1、HeyGen是一款AI视频生成平台&#xff0c;它提供以下关键功能&#xff1a; HeyGen的安装和使用方法 1、使用方法 01创建或选择一个头…...

编程日记 2024/6/10 18:58:45

6.7-6.10作业

1. /*1.使用switch实现银行系统&#xff0c;默认用户为A&#xff0c;密码为1234&#xff0c;余额2000 如果登录失败&#xff0c;则直接结束 如果登录成功&#xff0c;则显示银行页面 1.查询余额 2.取钱 3.存钱 如果是1&#xff0c;则打印余额 如果是2&#xff0c;则输入取钱金…...

编程日记 2024/6/10 18:57:45

【Redis】Redis经典问题：缓存穿透、缓存击穿、缓存雪崩

目录 缓存的处理流程缓存穿透解释产生原因解决方案1.针对不存在的数据也进行缓存2.设置合适的缓存过期时间3. 对缓存访问进行限流和降级4. 接口层增加校验5. 布隆过滤器原理优点缺点关于扩容其他使用场景SpringBoot 整合 布隆过滤器 缓存击穿产生原因解决方案1.设置热点数据永不…...

编程日记 2024/6/10 18:56:43

从GPU到ASIC，博通和Marvell成赢家

ASIC市场上&#xff0c;博通预计今年AI收入将达到110亿美元以上&#xff0c;主要来自与Google和Meta的合作&#xff1b;Marvell预计2028年AI收入将达到70亿至80亿美元&#xff0c;主要来自与Amazon和Google的合作。 随着芯片设计和系统复杂性的增加&#xff0c;科技大厂将更多地…...

编程日记 2024/6/10 18:55:43

【java问答小知识6】一些Java基础的知识，用于想学习Java的小伙伴们建立一些简单的认知以及已经有经验的小伙伴的复习知识点

请解释Java中的双亲委派模型是什么&#xff1f; 回答&#xff1a;双亲委派模型是Java类加载机制的核心原则&#xff0c;它确保所有类加载器在尝试加载一个类之前&#xff0c;都会委托给它的父类加载器。 Java中的类路径&#xff08;Classpath&#xff09;是什么&#xff1f; 回…...

编程日记 2024/6/10 18:54:41

数学建模笔记

数学建模 定义角度 数学模型是针对参照某种事物系统的特征或数量依存关系&#xff0c;采用数学语言&#xff0c;概括地或近似地表述出的一种数学结构&#xff0c;这种数学结构是借助于数学符号刻画出来的某种系统的纯关系结构。从广义理解&#xff0c;数学模型包括数学中的各…...

编程日记 2024/6/10 18:53:41

shell编程（三）—— 控制语句

程序的运行除了顺序运行外&#xff0c;还可以通过控制语句来改变执行顺序。本文介绍bash的控制语句用法。 一、条件语句 Bash 中的条件语句让我们可以决定一个操作是否被执行。结果取决于一个包在[[ ]]里的表达式。 bash中的检测命令由[[]]包起来&#xff0c;用于检测一个条…...

编程日记 2024/6/10 18:52:40

反射学习记

Java 中的反射是什么意思&#xff1f;有哪些应用场景&#xff1f; 每个类都有⼀个 Class 对象&#xff0c;包含了与类有关的信息。当编译⼀个新类时&#xff0c;会产生一个同名的 .class 文件&#xff0c;该⽂件 内容保存着 Class 对象。类加载相当于 Class 对象的加载&a…...

编程日记 2024/6/10 18:51:39

使用Python操作Redis

大家好&#xff0c;在当今的互联网时代&#xff0c;随着数据量和用户量的爆发式增长&#xff0c;对于数据存储和处理的需求也日益增加。Redis作为一种高性能的键值存储数据库&#xff0c;以其快速的读写速度、丰富的数据结构支持和灵活的应用场景而备受青睐。本文将介绍Redis数…...

编程日记 2024/6/10 18:50:37

Vue-CountUp-V2 数字滚动动画库

安装&#xff1a; $ npm install --save countup.js vue-countup-v2示例如下&#xff1a; <template><div class"iCountUp"><ICountUp:delay"delay":endVal"endVal":options"options"ready"onReady"/>&…...

编程日记 2024/6/10 18:49:36

C语言详解（文件操作）1

Hi~&#xff01;这里是奋斗的小羊&#xff0c;很荣幸您能阅读我的文章&#xff0c;诚请评论指点&#xff0c;欢迎欢迎 ~~ &#x1f4a5;&#x1f4a5;个人主页&#xff1a;奋斗的小羊 &#x1f4a5;&#x1f4a5;所属专栏&#xff1a;C语言 &#x1f680;本系列文章为个人学习…...

编程日记 2024/6/10 18:48:35

Python Requests库详解

大家好&#xff0c;在现代网络开发中&#xff0c;与Web服务器进行通信是一项至关重要的任务。Python作为一种多才多艺的编程语言&#xff0c;提供了各种工具和库来简化这一过程。其中&#xff0c;Requests库作为Python中最受欢迎的HTTP库之一&#xff0c;为开发人员提供了简单而…...

编程日记 2024/6/10 18:47:34

Kafka 详解：全面解析分布式流处理平台

Kafka 详解&#xff1a;全面解析分布式流处理平台 Apache Kafka 是一个分布式流处理平台&#xff0c;主要用于构建实时数据管道和流式应用。它具有高吞吐量、低延迟、高可用性和高可靠性的特点&#xff0c;广泛应用于日志收集、数据流处理、消息系统、实时分析等场景。 &…...

编程日记 2024/6/10 18:46:33

RabbitMQ系列-rabbitmq无法重新加入集群，启动失败的问题

当前存在3个节点&#xff1a;rabbitmq5672、rabbitmq5673、rabbitmq5674 当rabbitmq5673节点掉线之后&#xff0c;重启失败 重启的时候5672节点报错如下&#xff1a; 解决方案 在集群中取消失败节点 rabbitmqctl forget_cluster_node rabbitrabbitmq5673删除失败节点5673的…...

编程日记 2024/6/10 18:45:31

postgresql之翻页优化

列表和翻页是所有应用系统里面必不可少的需求&#xff0c;但是当深度翻页的时候&#xff0c;越深越慢。下面是几种常用方式 准备工作 CREATE UNLOGGED TABLE data (id bigint GENERATED ALWAYS AS IDENTITY,value double precision NOT NULL,created timestamp with time zon…...

编程日记 2024/6/10 18:44:30

小白学Linux | 日志排查

一、windows日志分析 在【运行】对话框中输入【eventvwr】命令&#xff0c;打开【事件查看器】窗 口&#xff0c;查看相关的日志 管理员权限进入PowerShell 使用Get-EventLog Security -InstanceId 4625命令&#xff0c;可获取安全性日志下事 件 ID 为 4625&#xff08;失败登…...

编程日记 2024/6/10 18:43:26

Spring6

一 概述 1.1、Spring是什么&#xff1f; Spring 是一款主流的 Java EE 轻量级开源框架 &#xff0c;Spring 由“Spring 之父”Rod Johnson 提出并创立&#xff0c;其目的是用于简化 Java 企业级应用的开发难度和开发周期。Spring的用途不仅限于服务器端的开发。从简单性、可测…...

编程日记 2024/6/10 18:42:25

数字孪生概念、数字孪生技术架构、数字孪生应用场景，深度长文学习

一、数字孪生起源与发展 1.1 数字孪生产生背景 数字孪生的概念最初由Grieves教授于2003年在美国密歇根大学的产品全生命周期管理课程上提出&#xff0c;并被定义为三维模型&#xff0c;包括实体产品、虚拟产品以及二者间的连接&#xff0c;如下图所示&#xff1a; 2011年&…...

编程日记 2024/6/10 18:41:24

云服务对比：阿里云国际站和阿里云国内站有什么区别

阿里云国际站&#xff08;Alibaba Cloud International&#xff09;和阿里云国内站&#xff08;Alibaba Cloud China&#xff09;在许多方面存在明显区别&#xff0c;这些区别主要体现在服务范围、合规性、定价和支付方式、语言和客服支持、以及备案要求等方面。 首先&#xf…...

编程日记 2024/6/10 18:40:23

如何在npm上发布自己的包

如何在npm上发布自己的包 npm创建自己的包 一、一个简单的创建 1、创建npm账号 官网&#xff1a;https://www.npmjs.com/创建账号入口&#xff1a;https://www.npmjs.com/signup 注意&#xff1a;需要进入邮箱验证 2、创建目录及初始化 $ mkdir ufrontend-test $ cd ufron…...

编程日记 2024/6/10 18:38:21

SQL Chat：从SQL到SPEAKL的数据库操作新纪元

引言 SQL Chat是一款创新的、对话式的SQL客户端工具。 它采用自然语言处理技术&#xff0c;让你能够像与人交流一样&#xff0c;通过日常对话的形式对数据库执行查询、修改、创建及删除操作 极大地简化了数据库管理流程&#xff0c;提升了数据交互的直观性和效率。 在这个框…...

编程日记 2024/6/10 18:35:19

jmeter性能优化之mysql配置

一、连接数据库和grafana 准备&#xff1a;连接好数据库和启动grafana并导入mysql模板 大批量注册、登录、下单等&#xff0c;还有过节像618&#xff0c;双11和数据库交互非常庞大&#xff0c;都会存在数据库的某一张表里面&#xff0c;当用户在登录或者查询某一个界面时&…...

编程日记 2024/6/10 18:34:18

VueRouter3学习笔记

文章目录 1&#xff0c;入门案例2&#xff0c;一些细节高亮效果非当前路由会被销毁 3&#xff0c;嵌套路由4&#xff0c; 传递查询参数5&#xff0c;命名路由6&#xff0c;传递路径参数7&#xff0c;路径参数转props8&#xff0c;查询参数转props9&#xff0c;replace模式10&am…...

编程日记 2024/6/10 18:33:16

「前端+鸿蒙」鸿蒙应用开发-TS函数

在 TypeScript 中&#xff0c;函数是一等公民&#xff0c;这意味着函数可以作为参数传递、作为其他函数的返回值&#xff0c;甚至可以赋值给变量。TypeScript 为 JavaScript 的函数增加了类型系统&#xff0c;使得函数的参数和返回值都具有明确的类型。 TS快速入门-函数 基本函…...

编程日记 2024/6/10 18:31:13

python后端结合uniapp与uview组件tabs，实现自定义导航按钮与小标签颜色控制

实现效果&#xff08;红框内&#xff09;&#xff1a; 后端api如下&#xff1a; task_api.route(/user/task/states_list, methods[POST, GET]) visitor_token_required def task_states(user):name_list [待接单, 设计中, 交付中, 已完成, 全部]data []color [#F04864, …...

编程日记 2024/6/10 18:28:11

苗木 网站模板/个人引流推广怎么做

最近小二哥要在PHP上执行shell命令&#xff0c;例如&#xff1a; <?php exec(/sbin/service sshd restart); ?> 然后发现没有执行权限。 通过二进制包装器(binary wrapper)来实现 1&#xff09;新建一个希望以root权限运行的sh脚本 # cat > php_shell.sh <<CO…...

编程日记 2024/11/8 20:42:53

网站运维公司/网店推广的方式

前端工程师打交道最多的就是浏览器&#xff0c;不管做什么都离不开浏览器&#xff0c;其中HTTP协议往往会被我们忽略&#xff0c;但其实资源缓存、CDN加载、页面性能优化等等都离不开对HTTP协议的了解。 HTTP也叫作超文本传输协议&#xff0c;全称&#xff1a;Hyper Transfer …...

编程日记 2024/11/8 18:37:37

wordpress手机apo/刚刚刚刚刚刚好痛

/*** 验证测试类*/public class ValidationTest {// 验证器对象private Validator validator;// 待验证对象private UserInfo userInfo;// 验证结果集合private Set> set;// 验证结果集合private Set> otherSet;/*** 初始化操作*/Beforepublic void init() {// 初始化验证…...

编程日记 2024/11/8 18:08:42

建设b2c商城网站定/百度自助建站官网

第七章 开发向导 7.1 和ITK 的关系 大部分的elastix代码是基于ITK的。使用ITK意味着可以测试基类&#xff08;图片类&#xff0c;存储分配&#xff09;。自然ITK支持的图片格式elastix也支持。C源码可以在多种操作系统上使用多种编译器&#xff08;最新版本VS2010&#xff0…...

编程日记 2024/11/8 17:39:32

网上书店网站建设毕业设计/百度推广信息流有用吗

SAP Cloud for Customer的Sales工作中心里有Sales Quote和Sales Order两个视图&#xff0c;一个用于销售报价单&#xff0c;另一个用于销售订单。 流程上是先有报价单 &#xff0c;报价单是一份OFFER&#xff0c;并不具备法律效力&#xff0c;只有在生成销售订单后&#xff0c;…...

编程日记 2024/11/8 17:27:05

wordpress 大图主题/网站制作app

Rational Jazz Team Serve这个IBM的项目管理工具貌似很强大。但是从2.0升级到3.0后配置方式有所不同&#xff0c;总结一下&#xff1a; 1、离线安装版本需要自己下载IBM Installation Manager。 2、Linux需要设置BROWSER导出变量。 3、由于java安装的问题&#xff0c;需要修改i…...

编程日记 2024/11/8 15:19:29