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

vue利用深拷贝解决修改不能取消的问题

news 2026/5/22 11:58:51

vue利用深拷贝解决修改不能取消的问题

在对某数据进行修改时考虑还需要进行“确认”、“取消”操作，那么在取消时就需要返回保留的数据内容，那么如何将原有数据保留一份则是关键性问题。

  • 显然修改值不能直接进行原值的赋值操作，因为这样无法取消回退
  • 如果采用浅拷贝，那么浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存，那么数据还是会出现问题
  • 需要采用深拷贝的形式进行数据的复制
    • JSON.parse(JSON.stringify(obj))实现深拷贝其实会存在很多的问题
      • 如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式，而不是时间对象
      • 如果obj里有RegExp、Error对象，则序列化的结果将只得到空对象
      • 如果obj里有函数，undefined，则序列化的结果会把函数或 undefined丢失
      • 如果obj里有NaN、Infinity和-Infinity，则序列化的结果会变成null
      • JSON.stringify()只能序列化对象的可枚举的自有属性，例如 如果obj中的对象是有构造函数生成的， 则使用JSON.parse(JSON.stringify(obj))深拷贝后，会丢弃对象的constructor
      • 如果对象中存在循环引用的情况也无法正确实现深拷贝
    • 使用lodash的cloneDeep进行数据的深拷贝

相关文章：

vue利用深拷贝解决修改不能取消的问题

vue利用深拷贝解决修改不能取消的问题 在对某数据进行修改时考虑还需要进行“确认”、“取消”操作，那么在取消时就需要返回保留的数据内容，那么如何将原有数据保留一份则是关键性问题。 显然修改值不能直接进行原值的赋值操作，因为这样无法取…...

编程日记 2023/12/26 17:38:56

MATLAB - 使用 YOLO 和基于 PCA 的目标检测，对 UR5e 的半结构化智能垃圾箱拣选进行 Gazebo 仿真

系列文章目录 前言 本示例展示了在 Gazebo 中使用 Universal Robots UR5e cobot 模拟智能垃圾桶拣选的详细工作流程。本示例提供的 MATLAB 项目包括初始化、数据生成、感知、运动规划和积分器模块（项目文件夹），可创建完整的垃圾桶拣选工作流…...

编程日记 2023/12/26 17:36:54

个性化定制的知识付费小程序，为用户提供个性化的知识服务，知识付费saas租户平台

明理信息科技知识付费saas租户平台 在当今数字化时代，知识付费已经成为一种趋势，越来越多的人愿意为有价值的知识付费。然而，公共知识付费平台虽然内容丰富，但难以满足个人或企业个性化的需求和品牌打造。同时，开发和…...

编程日记 2023/12/26 17:35:53

基于flask和echarts的新冠疫情实时监控系统源码+数据库，后端基于python的flask框架，前端主要是echarts

介绍 基于flask和echarts的新冠疫情实时监控系统 软件架构 后端基于python的flask框架，前端主要是echarts 安装教程 下载到本地，在python相应环境下运行app.py,flask项目部署请自行完成 使用说明 flaskProject文件夹中 app.py是flask项目主运行文…...

编程日记 2023/12/26 17:33:52

总结js中遍历对象属性的方法

方法介绍 1、 forin循环：遍历对象自身的和原型链上的可枚举属性。 2、Object.getOwnPropertySymbols()方法：返回一个数组，包含对象自身的所有Symbol类型的属性。 3、 Object.getOwnPropertyNames()方法：返回一个数组&#xff0…...

编程日记 2023/12/26 17:31:50

编写fastapi接口服务

FastAPI是一个基于 Python 的后端框架，该框架鼓励使用 Pydantic 和 OpenAPI (以前称为 Swagger) 进行文档编制，使用 Docker 进行快速开发和部署以及基于 Starlette 框架进行的简单测试。 step1：安装必要库 pip install fastapi uvicorn st…...

编程日记 2023/12/26 17:29:48

RasaGPT对话系统的工作原理

RasaGPT 结合了 Rasa 和 Langchain 这 2 个开源项目，当超出 Rasa 现有意图(out_of_scope)的时候，就会执行 ActionGPTFallback，本质上就是利用 Langchain 做了一个 RAG，调用 LLM API。RasaGPT 涉及的技术栈比较多而复杂&#xff0c…...

编程日记 2023/12/26 17:25:45

C++设计模式 #7 工厂方法（Factory Method）

“对象创建”模式 通过“对象创建”模式绕开new，来避免对象创建（new）过程中所导致的紧耦合（依赖具体类），从而支持创建的稳定。它是接口抽象之后的第一步工作。 动机 在软件系统中，经常面临着创…...

编程日记 2023/12/26 17:24:44

信息网络协议基础-接入网技术

文章目录 概述***基于ATM架构虚电路PVC和SVC信元格式为什么信元格式由AAL决定?网络架构传统电信网络:点对点链路PPP协议协议内容消息过程多协议封装功能电话网接入Internet(DSL 数字用户线路)主要接入技术ADSL关键技术DMTDSLAM体系结构PPPOE帧格式过程特点局域网定义参考模型L…...

编程日记 2023/12/26 17:21:40

springboot 自动装配原理

在理解springboot自动装配之前需要了解spring的Configuration原理和Conditional两个注解原理。可以看下以前写的这两篇文章 spring 源码阅读之Configuration解析 spring使用Conditional进行条件装配 spring的SPI机制之使用SpringFactoriesLoader加载服务实现 SpringBootApp…...

编程日记 2023/12/26 17:19:39

前端---表格标签

1. 表格的结构 表格是由行和列组成&#xff0c;好比一个excel文件 2. 表格标签 <table>标签&#xff1a;表示一个表格 <tr>标签&#xff1a;表示表格中的一行 <td>标签&#xff1a;表示表格中的列<th>标签&#xff1a;表示表格中的表头 示例代码: &l…...

编程日记 2023/12/26 17:18:37

【软件工程】可执行文件和数据分离

一、概述 可执行文件和数据分离是一种软件设计策略&#xff0c;旨在将程序代码和程序使用的数据分离存储。这种方法通常用于提高软件的模块化程度和灵活性&#xff0c;以及方便软件的管理和维护。 在可执行文件和数据分离中&#xff0c;程序代码通常以可执行文件的形式存储&a…...

编程日记 2023/12/26 17:15:35

Linux dirs命令

Linux dirs命令用于显示目录记录。 显示目录堆叠中的记录。 语法 dirs [/-n -l]参数&#xff1a; n 显示从左边算起第n笔的目录。-n 显示从右边算起第n笔的目录。-l 显示目录完整的记录。 实例 列出"/home/cc/Ruijie"里所有内容的详细信息。可用如下命令。 dir…...

编程日记 2023/12/26 17:07:26

有什么好用的C/C++源代码混淆工具？

​ 有什么好用的C/C源代码混淆工具&#xff1f; 开始使用ipaguard 前言 iOS加固保护是直接针对ios ipa二进制文件的保护技术&#xff0c;可以对iOS APP中的可执行文件进行深度混淆、加密。使用任何工具都无法逆向、破解还原源文件。对APP进行完整性保护&#xff0c;防止应用…...

编程日记 2023/12/26 17:06:26

iOS设备信息详解

文章目录 ID 体系iOS设备信息详解IDFA介绍特点IDFA新政前世今生获取方式 IDFV介绍获取方式 UUID介绍特点获取方式 UDID介绍获取方式 OpenUDID介绍 Bundle ID介绍分类其他 IP地址介绍获取方式 MAC地址介绍获取方式正常获取MAC地址获取对应Wi-Fi的MAC地址 系统版本获取方式 设备型…...

编程日记 2023/12/26 17:03:23

如何使用支付宝沙箱环境支付并公网调用sdk创建支付单服务

文章目录 1.测试环境2.本地配置2. 内网穿透2.1 下载安装cpolar内网穿透2.2 创建隧道3. 测试公网访问4. 配置固定二级子域名4.1 保留一个二级子域名4.2 配置二级子域名5. 使用固定二级子域名进行访问 1.测试环境 MavenSpring bootJdk 1.8 2.本地配置 获取支付宝支付Java SDK,…...

编程日记 2023/12/26 16:58:18

[EFI]Dell Latitude-7400电脑 Hackintosh 黑苹果efi引导文件

硬件型号驱动情况主板 Dell Latitude-7400 处理器Intel Core i7-8665U已驱动内存16GB DDR4 RAM已驱动硬盘Toshiba KIOXIA 512GB SSD已驱动显卡Intel UHD 620 Graphics已驱动声卡Realtek ALC256已驱动有线网卡 无 无无线网卡蓝牙Intel Wireless-AC 9560已驱动 支持系统版本 maco…...

编程日记 2023/12/26 16:56:15

用芯片SIC8833可开发电子秤方案

SIC8833作为一款高性能的电子秤方案芯片&#xff0c;这款芯片是一个带24bitADC的8位RISC MCU&#xff0c;内置8k16位OTP程序存储器。具体24位双向I/O口的特性&#xff0c;广泛应用于电子衡器和精密测量及控制系统&#xff0c;能满足用户的不同需求和应用场景。 以下是电子秤方案…...

编程日记 2023/12/26 16:55:14

【Qt-QFile-QDir】

Qt编程指南 ■ Stream■ QTextStream■ QDataStream ■ QDial■ QDir■ QFile■■ ■ Stream ■ QTextStream /* 获取文件的路径 */ QString fileName QFileDialog::getOpenFileName(this);/* 指向文件 */ file.setFileName(fileName);/* 判断文件是否存在 */ if (!file.exi…...

编程日记 2023/12/26 16:54:13

设计模式之-单列设计模式，5种单例设计模式使用场景以及它们的优缺点

系列文章目录 设计模式之-6大设计原则简单易懂的理解以及它们的适用场景和代码示列 设计模式之-单列设计模式&#xff0c;5种单例设计模式使用场景以及它们的优缺点 设计模式之-3种常见的工厂模式简单工厂模式、工厂方法模式和抽象工厂模式&#xff0c;每一种模式的概念、使用…...

编程日记 2023/12/26 16:51:11

2026最新版｜程序员/小白大模型转行全攻略（零基础入门+路径规划+避坑指南，收藏必看）

2026年&#xff0c;AI大模型依旧是互联网技术圈的绝对核心风口&#xff0c;行业技术迭代速度持续加快&#xff0c;传统开发赛道内卷加剧、薪资封顶、岗位缩减等问题愈发凸显。无数基层程序员陷入职业瓶颈&#xff0c;零基础新手也苦于传统技术入门难、竞争大。 反观大模型赛道&…...

编程新知 2026/5/22 11:57:02

别再复制粘贴了！Element Plus 表格组件与SpringBoot后端数据联调实战

别再复制粘贴了&#xff01;Element Plus 表格组件与SpringBoot后端数据联调实战 在前后端分离的开发模式中&#xff0c;前端表格组件与后端数据的动态联调是每个开发者必须掌握的技能。Element Plus作为Vue3生态中最受欢迎的UI组件库之一&#xff0c;其表格组件(el-table)的灵…...

编程新知 2026/5/22 11:16:16

AI 工具规模化滥用下钓鱼攻击演化机理与闭环防御研究

【摘要】Cisco Talos 2026 年第一季度事件响应报告显示&#xff0c;生成式 AI 工具被大规模用于网络钓鱼产业化制造&#xff0c;钓鱼攻击重新成为威胁系统安全的首要挑战。随着机构漏洞修复能力提升&#xff0c;攻击重心从技术漏洞利用转向以人为核心的社会工程攻击&#xff0c…...

编程新知 2026/5/22 10:40:30

CANN/asc-devkit向量乘法指令asc_mull

asc_mull 【免费下载链接】asc-devkit 本项目是CANN 推出的昇腾AI处理器专用的算子程序开发语言&#xff0c;原生支持C和C标准规范&#xff0c;主要由类库和语言扩展层构成&#xff0c;提供多层级API&#xff0c;满足多维场景算子开发诉求。 项目地址: https://gitcode.com/c…...

编程新知 2026/5/22 10:02:42

数据可视化库对比：选择最适合你的工具

数据可视化库对比&#xff1a;选择最适合你的工具 前言 大家好&#xff0c;我是前端老炮儿。今天咱们来聊聊数据可视化库的选择&#xff01; 在前端开发中&#xff0c;数据可视化是一个非常重要的领域。市面上有很多优秀的可视化库&#xff0c;比如ECharts、D3.js、Chart.js、T…...

编程新知 2026/5/22 9:52:14

3步掌握抖音批量下载：终极免费无水印下载器完整指南

3步掌握抖音批量下载&#xff1a;终极免费无水印下载器完整指南 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback support…...

编程新知 2026/5/22 9:16:18

《流畅的Python》读书笔记07(补充03): 对象引用、可变性和垃圾回收 - 深复制循环引用内存安全机制解析

Python的copy.deepcopy()函数在处理循环引用时&#xff0c;通过内部的备忘录&#xff08;memo&#xff09;字典机制来打破无限递归&#xff0c;确保复制过程能够正确终止。这个memo字典本身的设计就考虑了内存管理的安全性&#xff0c;在正常情况下不会导致内存泄漏。其核心机制…...

编程新知 2026/5/22 9:00:32

AI气象模型统一基准：可复现、多源真值、时空一致的评测标尺

1. 这不是又一个“天气数据集”&#xff0c;而是一把标尺&#xff1a;为什么AI气象建模急需统一基准“AI Weather Models”这个词组最近两年在气象学会议、AI顶会和工业界技术白皮书里出现的频率&#xff0c;已经快赶上“大模型”本身了。但我和团队在去年参与三个不同机构的AI…...

编程新知 2026/5/22 8:36:20

2026最新测评：4款海外降英文文本AIGC工具实测

我用GPT写了一篇英文技术报告&#xff0c;然后分别扔进4个降AI工具。结果出乎意料。如果你经常用ChatGPT、Claude或Gemini写英文内容——无论是论文摘要、技术文档、公司报告还是博客文章——你一定遇到过这个尴尬&#xff1a;明明内容是自己构思、自己修改的&#xff0c;但Tur…...

编程新知 2026/5/22 6:54:14

SQL出现filesort 一定慢吗

前言&#xff1a;filesort 出现在当无法使用索引排序时&#xff0c;MySQL 必须自己计算排序顺序&#xff0c;这个过程称为 filesort。EXPLAIN 的 Extra 字段会出现 Using filesort。常见触发场景&#xff1a;排序列不在索引中&#xff0c;或顺序/方向与索引不一致ORDER BY 包含…...

编程新知 2026/5/22 6:18:58