mvvm模式
mvvm是Model-View-ViewModel的缩写，是前端的一种架构模式
M - Model，模型 对应data数据
V - View，视图 对应用户界面，DOM元素
VM - ViewModel，视图模型 对应vue实例对象，是连接model和view的桥梁
mvvm的核心是利用视图模型实现模型和视图之间的双向绑定，在mvvm模式下，Model和View是不能直接通信的，ViewModel是实现双向绑定的桥梁
一旦data模型发生变化，ViewModel会监听到data的变化，从而自动更新视图
一旦用户操作视图，ViewModel同样会监听到视图的变化，从而更新数据
ViewModel通过双向绑定把Moel和View连接了起来，他们之间的同步是自动的，不需要人为干涉
所以只需要关注业务逻辑即可，不需要操作DOM，也不需要关心数据状态，它由mvvm完成了统一管理。
参考：
【春招面试题Vue篇】如何理解MVVM的？_哔哩哔哩_bilibili
MVVM双向绑定_纯（激进版）的博客-CSDN博客
mvvm 是什么_木头没有瓜的博客-CSDN博客
面试官问MVVM的理解——要这样回答_哔哩哔哩_bilibili
react是mvvm框架吗？ - 知乎
相关文章：
mvvm模式
mvvm是Model-View-ViewModel的缩写，是前端的一种架构模式 M - Model，模型 对应data数据 V - View，视图 对应用户界面，DOM元素 VM - ViewModel，视图模型 对应vue实例对象，是连接model和view的桥梁 …...
Spring/SpringBoot常用注解总结
为什么要写这篇文章？ 最近看到网上有一篇关于 SpringBoot 常用注解的文章被转载的比较多，我看了文章内容之后属实觉得质量有点低，并且有点会误导没有太多实际使用经验的人（这些人又占据了大多数）。所以，自…...
2023 年第八届数维杯大学生数学建模挑战赛 B 题 节能列车运行控制优化策略
在城市交通电气化进程快速推进的同时，与之相应的能耗增长和负面效应也 在迅速增加。城市轨道交通中的快速增长的能耗给城轨交通的可持续性发展带来 负担。2018 年，北京、上海、广州地铁负荷占全市总负荷的 1.5%-2.5%,成为了 城市电网的最大单体负荷[1]。…...
【Swift】 NSButton的用法和示例
NSButton是macOS开发中常用的控件，用于创建按钮。它有许多用法和需要注意的事项，下面介绍其中的一些。 1. 创建按钮：使用init(frame:)或init(title:action:)初始化按钮 let button NSButton(frame: NSRect(x: 0, y: 0, width: 100, height…...
2023什么蓝牙耳机好？经销商盘点新手必入蓝牙耳机品牌
蓝牙耳机是除手机外我们使用频率最高的数码产品，我做蓝牙耳机经销商五年来，对各个品牌都有深入了解。近期看到很多新手们咨询什么蓝牙耳机好，我给大家盘点一下新手必看的五大蓝牙耳机品牌。 1.JEET Air 2蓝牙耳机 推荐理由：专为舒…...
MySQL基础（二十）MySQL的数据目录
1. MySQL8的主要目录结构 find / -name mysql1.1 数据库文件的存放路径 show variables like datadir; # /var/lib/mysql/1.2 相关命令目录 相关命令目录：/usr/bin 和/usr/sbin。 1.3 配置文件目录 配置文件目录：/usr/share/mysql-8.0（命…...
低代码行业未来如何？大家都真的看好低代码开发吗？
低代码行业未来如何？大家都真的看好低代码开发吗？ 是否一定需要开发人员？低代码和无代码平台会取代传统编程吗？低代码/无代码真的是未来吗？ 无疑是需要且重要的。今天就来解答为什么低/零代码工具越来越受欢迎…...
mac m2芯片 安装 brew 和cocoapods
Homebrew的安装 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 这里可能会失败，如 git clone 时候报错 error: RPC failed; curl 92 HTTP/2 stream 5 was not closed cleanly before end of the underlyi…...
SingleR --细胞注释
文章目录 briefExample使用内置的 references使用其他注释好的数据集作为 reference singleR还提供了注释诊断的方法 brief Example The celldex package provides access to several reference datasets (mostly derived from bulk RNA-seq or microarray data)。 The Human…...
【结构与算法】—— 游戏概率常用算法整理 | 游戏中的常见概率设计分析
📢博客主页：肩匣与橘📢欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！📢本文由肩匣与橘编写，首发于CSDN🙉📢生活依旧是美好而又温柔的，你也是✨ …...
WebRTC系列-适配GPUImage及其他视频处理改造
文章目录 1. GPUImage 的一些改动1.1 GPUImage数据输入源1.1 GPUImage数据输出源2.WebRTC摄像头采集类改造GPUImage使用OpenGL提供了很多的图像处理算法，包括最常用的美颜处理、水印等功能，这些基本的功能如何添加到WebRTC中，本文以美颜为例子，叙述主要的改造流程；同时也适…...
day43—选择题
文章目录 1.A,B两台机器都正常工作,B机器未监听任何端口.如果A机器向B机器80端口发送SYN包,会收到何种类型的回包（D）2.下列哪个IP地址可以分配给一台计算机（D）3.以下哪个ip不和10.11.12.91/28处于同一个子网（D…...
＜＜和＞＞操作符、取地址重载、const关键字
文章目录 自定义类型<<和>>重载const关键字取地址重载（类的默认构造函数） 自定义类型<<和>>重载 在内置类型中，<<和>>可以自动识别 在自定义类型冲，运算符重载，<<和>&…...
数学模型，如何计算概率？
既然是数学模型，那应该如何计算呢？ 最简单的方法，当然就是用统计学的方法去计算了，简单说来，就是靠输入的上下文进行统计，计算出后续词语的概率，比如「你吃了晚饭了吗」，「你吃了」后面按照概率，名词如「饭」或「晚饭」等概率更高，而不太可能是动词，如「睡」「睡觉…...
【Ehcache技术专题】「入门到精通」带你一起从零基础进行分析和开发Ehcache框架的实战指南（Spring整合ehcache）
带你一起从零基础进行分析和开发Ehcache框架的实战指南（Spring整合ehcache） 回顾一下Ehcache主要的特性 Spring框架所支持的第三方缓存Spring Cache的实现方式Spring Cache基本准备工作定义Ehcache配置文件启用Spring-CacheXML风格的xml代码 JavaConfig注…...
合肥市2023年度高校毕业生“双千培养工程”培训项目学员招募公告
为贯彻落实人社部实施促进高校毕业生等青年就业创业推进计划要求，提升高校毕业生就业技能，拟开展高校毕业生“双千培养工程”培训项目。根据工作计划安排，现面向高校和社会招募学员参加培训，培训方向为大数据应用、PythonAI人工智…...
重写Properties类，实现对properties文件的有序读写，数据追加，解决中文乱码
前言 *.properties文件，是 Java 支持的一种配置文件类型，并且 Java 提供了 properties 类来读取 properties 文件中的信息。文件中以键值对 "键值"的形式，存储工程中会多次重复使用的配置信息，通过“Properties”类来读…...
态势感知与信质、信量
未来的新智能是人机环境系统智能，而人机融合的态势感知是其关键，简单地说，态势感知（situation awareness）就是智能体在“一定时间和空间环境中的元素的感知，对它们的含义的理解，并对他们稍后状态…...
与bind()重写-JS中数据类型检测汇总-装箱与拆箱-类的多种继承方案)
20230508----重返学习-call()与bind()重写-JS中数据类型检测汇总-装箱与拆箱-类的多种继承方案
day-065-sixty-five-20230508-call()与bind()重写-JS中数据类型检测汇总-装箱与拆箱-类的多种继承方案 call()与bind()重写 call()重写 call()的作用例子 let obj {name: 珠峰培训 } const fn function fn(x, y, ev) {console.log(this, x, y, ev)return x y } let res f…...
Node.js对ES6 及更高版本的支持
目录 1、简介 2、默认情况下什么特性随着 Node.js 一起发布？ 3、有哪些特性在开发中？ 4、移除这个标记（--harmony）吗 5、Node.js 对应 V8 引擎 1、简介 Node.js 是针对 V8 引擎构建的。通过与此引擎的最新版本保持同步&…...
深入剖析AI大模型：大模型时代的 Prompt 工程全解析
今天聊的内容，我认为是AI开发里面非常重要的内容。它在AI开发里无处不在，当你对 AI 助手说 "用李白的风格写一首关于人工智能的诗"，或者让翻译模型 "将这段合同翻译成商务日语" 时，输入的这句话就是 Prompt。…...
Linux 文件类型，目录与路径，文件与目录管理
文件类型 后面的字符表示文件类型标志 普通文件：-（纯文本文件，二进制文件，数据格式文件） 如文本文件、图片、程序文件等。 目录文件：d（directory） 用来存放其他文件或子目录。 设备…...
模型参数、模型存储精度、参数与显存
模型参数量衡量单位 M：百万（Million） B：十亿（Billion） 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的，但是一个参数所表示多少字节不一定，需要看这个参数以什么…...
前端倒计时误差!
提示：记录工作中遇到的需求及解决办法 文章目录 前言一、误差从何而来？二、五大解决方案1. 动态校准法（基础版）2. Web Worker 计时3. 服务器时间同步4. Performance API 高精度计时5. 页面可见性API优化三、生产环境最佳实践四、终极解决方案架构前言 前几天听说公司某个项…...
Keil 中设置 STM32 Flash 和 RAM 地址详解
文章目录 Keil 中设置 STM32 Flash 和 RAM 地址详解一、Flash 和 RAM 配置界面（Target 选项卡）1. IROM1（用于配置 Flash）2. IRAM1（用于配置 RAM）二、链接器设置界面（Linker 选项卡）1. 勾选“Use Memory Layout from Target Dialog”2. 查看链接器参数（如果没有勾选上面…...
CRMEB 框架中 PHP 上传扩展开发：涵盖本地上传及阿里云 OSS、腾讯云 COS、七牛云
目前已有本地上传、阿里云OSS上传、腾讯云COS上传、七牛云上传扩展 扩展入口文件 文件目录 crmeb\services\upload\Upload.php namespace crmeb\services\upload;use crmeb\basic\BaseManager; use think\facade\Config;/*** Class Upload* package crmeb\services\upload* …...
vue3+vite项目中使用.env文件环境变量方法
vue3vite项目中使用.env文件环境变量方法 .env文件作用命名规则常用的配置项示例使用方法注意事项在vite.config.js文件中读取环境变量方法 .env文件作用 .env 文件用于定义环境变量，这些变量可以在项目中通过 import.meta.env 进行访问。Vite 会自动加载这些环境变…...
Java + Spring Boot + Mybatis 实现批量插入
在 Java 中使用 Spring Boot 和 MyBatis 实现批量插入可以通过以下步骤完成。这里提供两种常用方法：使用 MyBatis 的 <foreach> 标签和批处理模式（ExecutorType.BATCH）。 方法一：使用 XML 的 <foreach> 标签ÿ…...
CSS | transition 和 transform的用处和区别
省流总结： transform用于变换/变形，transition是动画控制器 transform 用来对元素进行变形，常见的操作如下，它是立即生效的样式变形属性。 旋转 rotate(角度deg)、平移 translateX(像素px)、缩放 scale(倍数)、倾斜 skewX(角度…...
【java面试】微服务篇
【java面试】微服务篇 一、总体框架二、Springcloud（一）Springcloud五大组件（二）服务注册和发现1、Eureka2、Nacos （三）负载均衡1、Ribbon负载均衡流程2、Ribbon负载均衡策略3、自定义负载均衡策略4、总结 …...