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

Vue3学习记录第三天

news 2026/5/11 18:42:04

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

基于树莓派与ChatGPT打造私有智能音箱：从硬件选型到AI集成全攻略

1. 项目概述&#xff1a;打造一个会思考的智能音箱 如果你和我一样&#xff0c;对智能家居充满热情&#xff0c;但又对市面上那些“大厂”智能音箱的隐私策略和有限的对话能力感到不满&#xff0c;那么这个项目可能就是为你量身定做的。今天要聊的&#xff0c;是一个完全由自己…...

编程新知 2026/5/11 17:39:44

跨平台桌面待办工具My-TODOs：本地存储的极简任务管理终极指南

跨平台桌面待办工具My-TODOs&#xff1a;本地存储的极简任务管理终极指南 【免费下载链接】My-TODOs A cross-platform desktop To-Do list. 跨平台桌面待办小工具 项目地址: https://gitcode.com/gh_mirrors/my/My-TODOs 你是否厌倦了云端任务管理工具的复杂界面和隐私…...

编程新知 2026/5/11 17:37:44

Windows Cleaner终极指南：彻底告别C盘爆红的免费系统优化神器

Windows Cleaner终极指南&#xff1a;彻底告别C盘爆红的免费系统优化神器 【免费下载链接】WindowsCleaner Windows Cleaner——专治C盘爆红及各种不服&#xff01; 项目地址: https://gitcode.com/gh_mirrors/wi/WindowsCleaner Windows Cleaner是一款专为Windows系统设…...

编程新知 2026/5/11 15:57:49

Simulink仿真报错‘积分器发散’？别慌，试试把ode45换成ode3并固定步长

Simulink仿真中积分器发散问题的深度解析与实战解决方案 当你在Simulink中进行控制系统仿真时&#xff0c;突然弹出一条令人不安的错误信息——"Derivative not finite"或"singularity"&#xff0c;这往往意味着你的仿真遇到了积分器发散问题。这种报错不…...

编程新知 2026/5/11 14:46:01

别再手动调参了！用Python+OpenCV玩转NCC立体匹配，手把手教你生成高质量视差图

PythonOpenCV实战&#xff1a;NCC立体匹配参数调优全指南 立体匹配是计算机视觉中获取深度信息的关键技术&#xff0c;而NCC&#xff08;归一化互相关&#xff09;作为经典的灰度匹配算法&#xff0c;在实际项目中既简单又实用。但很多开发者在使用时往往陷入手动调参的困境—…...

编程新知 2026/5/11 14:37:47

Uvicorn搭配FastAPI实战：5分钟从安装到部署一个高性能API接口

Uvicorn搭配FastAPI实战&#xff1a;5分钟从安装到部署一个高性能API接口 在Python生态中构建高性能API从未如此简单。当开发者需要快速搭建一个既能处理高并发请求又具备优雅代码结构的服务时&#xff0c;FastAPI与Uvicorn的组合正成为越来越多技术团队的首选方案。这套组合拳…...

编程新知 2026/5/11 14:02:01

CANN/GE动态输入Python构图示例

样例使用指导 【免费下载链接】ge GE&#xff08;Graph Engine&#xff09;是面向昇腾的图编译器和执行器&#xff0c;提供了计算图优化、多流并行、内存复用和模型下沉等技术手段&#xff0c;加速模型执行效率&#xff0c;减少模型内存占用。 GE 提供对 PyTorch、TensorFlow 前…...

编程新知 2026/5/11 12:56:18

PostgreSQL数据清洗实战：用string_agg合并地址字段，我这样整理混乱的客户信息

PostgreSQL数据清洗实战&#xff1a;用string_agg合并地址字段&#xff0c;我这样整理混乱的客户信息 客户信息表中的地址字段分散是个常见痛点。想象一下&#xff1a;同一客户的"省"、"市"、"详细地址"分散在不同行&#xff0c;导出Excel时地址…...

编程新知 2026/5/11 12:52:11

终极指南：3分钟掌握Typora插件，让写作效率提升300%

终极指南&#xff1a;3分钟掌握Typora插件&#xff0c;让写作效率提升300% 【免费下载链接】typora_plugin Typora plugin. Feature enhancement tool | Typora 插件&#xff0c;功能增强工具 项目地址: https://gitcode.com/gh_mirrors/ty/typora_plugin Typora是一款广…...

编程新知 2026/5/11 11:07:03

嵌入式音频处理框架arduino-audio-tools：从I2S流到网络电台的实战指南

1. 项目概述&#xff1a;一个为嵌入式音频处理而生的瑞士军刀 如果你在玩ESP32、ESP8266或者任何一块Arduino兼容的开发板&#xff0c;并且想在上面搞点音频相关的项目——比如做个网络电台、一个语音助手&#xff0c;或者一个简单的音频效果器——那你大概率绕不开音频数据的采…...

编程新知 2026/5/11 8:57:38