Vue3学习记录（三）--- 组合式API之生命周期和模板引用

一、生命周期

1、简介

​ 生命周期，指的是一个 Vue 实例从创建到销毁的完整阶段，强调的是一个时间段。

​ 生命周期钩子函数，指的是 Vue 实例提供的内置函数，函数的参数为一个回调函数。这些钩子函数会在实例生命周期的某些固定时间点，依次按序执行其内部的回调函数。我们只需要在回调函数内部书写要执行的代码即可。

​ 在调用生命周期钩子函数时，Vue会自动将其回调函数注册到当前正在初始化 Vue 组件实例上，因此这些钩子函数应当在组件初始化时被同步注册，不可以在异步操作中调用这些钩子函数。因为当异步操作开始执行时，当前组件实例已经初始化完成，调用的钩子函数无法被注册到组件实例上。

​ 当然生命周期钩子函数也可以在一个外部函数中调用，只要调用栈是同步的，且最终起源自 <script setup> 就可以。

生周期图示：

​ 在这里插入图片描述

2、生命周期钩子函数

​ 首先，在Vue3的组合式API中并不存在created()和beforeCreate()这两个生命周期钩子函数，而是通过setup实现了更灵活的生命周期钩子函数，直接书写在<script setup>模块中的全局代码，相当于这两个钩子函数中的代码。

① onBeforeMount()
function onBeforeMount(callback: () => void): void

​ 该钩子函数会在组件实例被挂载到页面上之前被调用，此时组件中的响应式数据和函数方法等已经设置完成，可以在此阶段进行数据初始化计算操作。但此时组件中的DOM节点还没有被创建，此时无法操作DOM。

​ 该钩子函数在服务端渲染期间不会被调用，只会在客户端执行。

案例代码：

<template><div><h1>{{ text }}</h1></div>
</template><script setup>
// 引入要使用的模块 
import { ref, onBeforeMount } from 'vue'// 声明一个响应式变量
let text = ref('这是一个大标题')
// 声明一个函数
const changeTest = (value) => {text.value = value
}
// 使用onBeforeMount()钩子函数
onBeforeMount(() => {// 调用响应变量console.log(text.value); // 这是一个大标题// 调用函数changeTest('这是修改后的大标题')console.log(text.value); // 这是修改后的大标题// 尝试操作dom console.log(document.querySelector('h1')); // null 此时DOM还未渲染到页面上 无法被获取
})
</script>
② onMounted()
function onMounted(callback: () => void): void

​ 该生命周期钩子函数会在组件实例被挂载到页面上之后被调用，此时组件中的DOM结构和其同步子组件中的DOM结构都已经被挂载到页面上了，我们可以在此阶段进行 DOM 操作。

​ 该钩子函数在服务端渲染期间不会被调用，只会在客户端执行。

案例代码：

// 承接上个案例的代码... // 引入要使用的模块 
import { ref, onBeforeMount, onMounted } from 'vue'// 使用onMounted()钩子函数
onMounted(() => {// 调用响应变量console.log(text.value); // 这是修改后的大标题// 调用函数changeTest('这是再次修改后的大标题')console.log(text.value); // 这是再次修改后的大标题// 尝试操作dom console.log(document.querySelector('h1')); // 成功获取DOM <h1>这是再次修改后的大标题</h1>
})// 其他...
③ onBeforeUpdate()
function onBeforeUpdate(callback: () => void): void

​ 该钩子函数会在组件由于响应式状态变更，而引起的 DOM 树更新之前调用，此时获取DOM节点中的相关状态，还是未更新之前的状态；获取响应式状态，获取的是更新后的状态。我们可以在此阶段根据更新前后的数据状态进行相应操作。

​ 在onMounted()钩子函数中进行会引起DOM更新的响应式状态变更，也会触发当前钩子函数；在onBeforeMount()中的状态变更则不会，因为此时DOM结构还没有渲染到页面上。

​ 该钩子函数在服务端渲染期间不会被调用，只会在客户端执行。

案例代码：

<template><div><h1>{{ text }}</h1><button @click="changeTest('点击修改标题')">改变标题</button></div>
</template><script setup>
// 引入要使用的模块 
import { ref, onBeforeUpdate } from 'vue'// 声明一个响应式变量
let text = ref('这是一个大标题');// 声明一个函数
const changeTest = (value) => {text.value = value
}// 使用onBeforeUpdate()钩子函数
onBeforeUpdate(() => {// 输出变更后的响应式变量值console.log(text.value); // 点击修改标题// 获取 DOM 输出未更新的DOM状态值console.log(document.querySelector('h1').innerText) // 这是一个大标题
})
</script>
④ onUpdated()
function onUpdated(callback: () => void): void

​ 该钩子函数会在组件由于响应式状态变更，而引起的 DOM 树更新之后调用。此时获取DOM节点中的相关状态，获取的将是更新后的状态。这个钩子会在组件的 DOM 更新后被调用，这些更新可能是由不同的响应式状态变更引起的。

​ 不要在该阶段更改组件中的响应式状态，这肯有可能会导致无限死循环。

​ 该钩子函数在服务端渲染期间不会被调用，只会在客户端执行。

案例代码：

<template><div><h1>{{ text }}</h1><button @click="changeTest('点击修改标题')">改变标题</button></div>
</template><script setup>
// 引入要使用的模块 
import { ref, onUpdated } from 'vue'// 声明一个响应式变量
let text = ref('这是一个大标题');// 声明一个函数
const changeTest = (value) => {text.value = value
}// 使用onUpdated()钩子函数
onUpdated(() => {// 输出变更后的响应式变量值console.log(text.value); // 点击修改标题// 获取 DOM 输出更新后的DOM状态值console.log(document.querySelector('h1').innerText) // 点击修改标题
})
</script>
⑤ onBeforeUnmount()
function onBeforeUnmount(callback: () => void): void

​ 该钩子函数在组件实例被销毁之前调用，此时组件中的所有功能保持可用，可以在这一阶段做一些清理工作，例如取消订阅、清除定时器、释放资源等。

​ 该钩子函数在服务端渲染期间不会被调用，只会在客户端执行。

案例代码：

// 引入要使用的模块 
import { onBeforeUnmount } from 'vue'// 使用onBeforeUnmount()钩子函数
onBeforeUnmount(() => {// 做一些清理工作，释放占用的资源
})
⑥ onUnmounted()
function onUnmounted(callback: () => void): void

​ 该钩子函数在组件实例被销毁之后调用，此时当前组件的所有子组件都已经被卸载，且所有响应式状态（变量、计算属性、侦听器等）都停止作用了。这一阶段也可以做一些清理工作，例如取消订阅、清除定时器、释放资源等。但是尽量不要在该阶段进行一些耗时的操作，以免影响组件销毁的性能。

​ 该钩子函数在服务端渲染期间不会被调用，只会在客户端执行。

案例代码：

// 引入要使用的模块 
import { onUnmounted } from 'vue'// 使用onUnmounted()钩子函数
onUnmounted(() => {// 做一些清理工作，释放占用的资源
})
⑦ onActivated()
function onActivated(callback: () => void): void

​ 该钩子函数需要与<KeepAlive>结合使用，如果组件是<KeepAlive>中缓存组件的一部分，当组件被插入到DOM中时（包括首次挂载和从缓存重新挂载），会触发该钩子函数。

​ 该钩子函数在服务端渲染期间不会被调用，只会在客户端执行。

⑧ onDeactivated()
function onDeactivated(callback: () => void): void

​ 该钩子函数需要与<KeepAlive>结合使用，如果组件是<KeepAlive>中缓存组件的一部分，当组件从DOM中被移除时（包括进入缓存和组件卸载），会触发该钩子函数。

​ 该钩子函数在服务端渲染期间不会被调用，只会在客户端执行。

⑨ onErrorCaptured()
function onErrorCaptured(callback: ErrorCapturedHook): voidtype ErrorCapturedHook = (err: unknown,instance: ComponentPublicInstance | null,info: string
) => boolean | void

​ 该钩子函数会在捕获当前组件内的后代组件传递的错误时调用，错误源包括：组件渲染错误、事件处理器错误、侦听器错误等等。三个实参分别表示：错误对象、触发该错误的组件实例，以及一个说明错误来源类型的信息字符串。

​ 如果组件的继承链或组件链上存在多个 errorCaptured 钩子函数，对于同一个错误，这些钩子会被按从底至上的顺序，一一向上传递并调用errorCaptured 钩子函数。

​ 默认情况下，所有的错误都会被一层层向上传递，最终到达全局应用级的 app.config.errorHandler (前提是这个函数已经定义)，如果我们在当前钩子函数中return false;，则会阻止错误向上传递，app.config.errorHandler 也无法监听到。

⑩ onRenderTracked()
function onRenderTracked(callback: DebuggerHook): voidtype DebuggerHook = (e: DebuggerEvent) => voidtype DebuggerEvent = {effect: ReactiveEffecttarget: objecttype: TrackOpTypes /* 'get' | 'has' | 'iterate' */key: any
}

​ 该钩子函数会在当前组件的组件模板渲染过程中追踪到响应式依赖时调用。且仅在开发模式下可用，在服务器端渲染期间不会被调用。

⑪ onRenderTriggered()
function onRenderTriggered(callback: DebuggerHook): voidtype DebuggerHook = (e: DebuggerEvent) => voidtype DebuggerEvent = {effect: ReactiveEffecttarget: objecttype: TriggerOpTypes /* 'set' | 'add' | 'delete' | 'clear' */key: anynewValue?: anyoldValue?: anyoldTarget?: Map<any, any> | Set<any>
}

​ 该钩子函数会在当前组件内响应式依赖发生变更并触发了组件渲染时调用。且仅在开发模式下可用，在服务器端渲染期间不会被调用。

⑫ onServerPrefetch()
function onServerPrefetch(callback: () => Promise<any>): void

​ 该钩子函数，只会在当前组件示例在服务器上被渲染之前调用。

3、父子组件的生命周期钩子函数执行顺序
组件挂载阶段：

​ 在父组件和子组件同事挂载到页面上时，会按照以下顺序执行挂载阶段的钩子函数：

  • 父组件的<script setup>（相当于created()和beforeCreate()）。
  • 父组件的onBeforeMount()钩子函数。
  • 子组件的<script setup>（相当于created()和beforeCreate()）。
  • 子组件的onBeforeMount()钩子函数。
  • 子组件的onMounted()钩子函数。
  • 父组件的onMounted()钩子函数。
组件更新阶段：

​ 只有当父子组件同时发生更新时，两者的更新阶段钩子函数才会都被触发。如果单独只在父组件内发生更新或只在子组件内发生更新，则只会触发相应组件内的更新钩子函数。

  • 父组件的onBeforeUpdate()钩子函数。
  • 子组件的onBeforeUpdate()钩子函数。
  • 父组件的onUpdated()钩子函数。
  • 子组件的onUpdated()钩子函数。
组件销毁阶段：

​ 当父组件被销毁时，其内部的子组件也会一并被销毁，并按照以下顺序执行销毁阶段的钩子函数。

  • 父组件的onBeforeUnmount()钩子函数。
  • 子组件的onBeforeUnmount()钩子函数。
  • 子组件的onUnmounted()钩子函数。
  • 父组件的onUnmounted()钩子函数。

二、模板引用

1、简介

​ 模板引用是Vue提供给我们用来操作DOM的一种方法，通过为DOM元素设置一个ref attribute属性，并设置属性值为一个响应式变量，从而获取对该DOM元素的引用。然后就可以对获取的DOM进行操作，例如：获取焦点、改变样式等等。

​ 模板引用可以获取对普通DOM元素的引用，也可以获取对组件实例的引用。但只有当目标DOM渲染到页面上后，才可以通过响应式变量来获取该DOM的引用，并对其进行操作。

2、普通DOM的引用

​ 想要获取一个普通DOM的引用，首先需要声明一个响应式变量，然后将该变量的名字设置为目标DOM的ref 属性的属性值即可，最终就可以通过响应式变量来访问对应的DOM。

案例代码：
<template><div><!-- 给DOM元素增加一个ref属性 属性值与响应式变量名相同 --><h1 ref="h1DOM">这是一个普通DOM</h1></div>
</template><script setup>
import { ref, onBeforeMount, onMounted, watchEffect } from 'vue';
// 声明一个响应式变量 变量名与模板中的ref属性值相同
const h1DOM = ref(null);watchEffect(() => {console.log('监听h1DOM属性值的变化----',h1DOM.value); // 初始为null 之后为对应DOM对象
})onBeforeMount(() => {// onBeforeMount阶段DOM还未挂载，所以获取不到DOMconsole.log('beforeMount中获取模板引用----',h1DOM.value); // null
})onMounted(() => {// onMounted阶段DOM已经挂载，可以获取到DOMconsole.log('onMounted中获取模板引用----',h1DOM.value); // 相应DOM
})
</script>
3、v-for列表渲染DOM的引用

​ v3.2.25 版本新增，可以通过模板引用，获取使用v-for进行列表渲染的DOM元素，获取结果为一个数组，包含列表渲染出来的所有元素，但是并不保证获取的元素数组的顺序与页面上元素的顺序相同。

​ 同样，首先需要声明一个响应式变量，然后将该变量的名字设置为目标DOM的ref 属性的属性值即可。

案例代码：
<template><div><!-- 给DOM元素增加一个ref属性 属性值与响应式变量名相同 --><div v-for="item in 5" ref="domList">{{ item }}</div></div>
</template><script setup>
import { ref, onMounted } from 'vue';
// 声明一个响应式变量 变量名与模板中的ref属性值相同
const domList = ref(null);onMounted(() => {// onMounted阶段DOM已经挂载，可以获取到DOMconsole.log('onMounted中获取模板引用----',domList.value); // 列表渲染的所有DOM// 遍历domList中的所有DOMdomList.value.forEach((item) => {console.log(item); // DOM})
})
</script>
4、模板引用函数

​ 除了给DOM的ref属性赋值一个响应式变量之外，还可以通过:动态给ref属性绑定一个函数，每次组件更新时，都会触发绑定的函数，绑定函数的第一个参数就是当前DOM的引用。

​ 当绑定元素被卸载时，ref绑定的函数也会被调用一次，不过此时表示DOM引用第一个参数值为null。

案例代码：
<template><div><!-- 绑定函数 --><input :ref="(el) => console.log('这是绑定了匿名函数的ref',el)" /><input :ref="test" /></div>
</template><script setup>const test = (el) => {console.log('这是绑定js方法的ref----',el);
}
</script>
5、组件实例的引用

​ 当一个子组件加入的父组件中时，可以通过模板引用的方式，给其设置ref属性，从而获取到这个子组件的组件实例。

​ 如果这个子组件使用的是选项式API或者使用setup() 钩子函数的组合式API，则获取的组件实例与子组件的this完全相同，我们可以通过该组件实例访问子组件的每一个属性和方法，从而实现一些父子组件中的交互。当然这种方式并不推荐使用，因为可能会引起逻辑混乱，大多数情况下，还是推荐使用使用标准的 props 和 emit 接口来实现父子组件交互。

​ 但如果子组件使用的是<script setup>形式的组合式API，则该组件的属性和方法默认是私有的，默认情况下，获取的组件实例是无法访问组件中的任何属性和方法的。除非子组件通过defineExpose()宏方法（宏方法无需导入，可直接使用）主动向外暴露出一部分属性和方法，然后获取的组件实例才可以访问这些被主动暴露的属性和方法。

案例代码：

使用<script setup>形式的子组件Child.vue:

<template><div> <h3>这是一个子组件</h3></div>
</template><script setup>
import {  ref } from 'vue'
// 声明一个响应式变量
const son = ref('我是script setup中的一个变量')
const son2 = ref('我是script setup中的一个暴露出来的变量')// defineExpose 这样的编译器宏不需要导入
// 返回值会暴露给模板 能够被访问到
defineExpose({son2
})
</script>

使用setup() 钩子函数形式的子组件Child2.vue:

<template><div><h3>这是一个子组件</h3></div>
</template><script>
// 引入响应式API
import { ref } from 'vue'export default {// 使用setup()钩子函数setup() {// 声明响应式变量const son = ref('我是setup()钩子函数中的一个变量')// 返回值会暴露给模板和其他的选项式 API return {son}},
};
</script>

使用选项式API的子组件Child3.vue：

<template><div><h3>这是一个子组件</h3></div>
</template><script>
export default {name: 'ViteProjectChild',data() {return {son: '我是选项式API中的一个变量'};},
};
</script>

父组件：

<template><div><!-- 引入子组件 --><Child ref="son1"></Child><Child2 ref="son2"></Child2><Child3 ref="son3"></Child3></div>
</template><script setup>
import { ref, onMounted } from 'vue';
import Child from '../components/Child.vue';
import Child2 from '../components/Child2.vue';
import Child3 from '../components/Child3.vue';const son1 = ref(null);
const son2 = ref(null);
const son3 = ref(null);onMounted(() => {console.log('获取script setup的组合式API子组件----',son1.value); console.log('获取script setup的组合式API子组件的属性----',son1.value.son);console.log('获取script setup的组合式API子组件的属性2----',son1.value.son2);console.log('获取setup()钩子函数的组合式API子组件----',son2.value); console.log('获取setup()钩子函数的组合式API子组件的属性----',son2.value.son); console.log('获取选项式API的子组件----',son3.value); console.log('获取选项式API的子组件的属性----',son3.value.son);
})
</script>
页面效果：

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/269230.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

快速上手：在 Android 设备上运行 Pipy

快速上手：在 Android 设备上运行 Pipy

Pipy 作为一个高性能、低资源消耗的可编程代理&#xff0c;通过支持多种计算架构和操作系统&#xff0c;Pipy 确保了它的通用性和灵活性&#xff0c;能够适应不同的部署环境&#xff0c;包括但不限于云环境、边缘计算以及物联网场景。它能够在 X86、ARM64、海光、龙芯、RISC-V …
阅读更多...
VR 全景模式OpenGL原理

VR 全景模式OpenGL原理

VR 全景模式OpenGL原理 VR 全景模式原理 VR 全景模式原理将画面渲染到球面上&#xff0c;相当于从球心去观察内部球面&#xff0c;观察到的画面 360 度无死角&#xff0c;与普通播平面渲染的本质区别在渲染图像部分&#xff0c;画面渲染到一个矩形平面上&#xff0c;而全景需…
阅读更多...
【代码随想录算法训练营Day34】860.柠檬水找零；406.根据身高重建队列；452.用最少数量的箭引爆气球

【代码随想录算法训练营Day34】860.柠檬水找零；406.根据身高重建队列；452.用最少数量的箭引爆气球

❇️Day 34 第八章 贪心算法 part04 ✴️今日任务 860.柠檬水找零406.根据身高重建队列452.用最少数量的箭引爆气球 ❇️860.柠檬水找零 本题看上好像挺难&#xff0c;其实挺简单的&#xff0c;大家先尝试自己做一做。题目链接&#xff1a;https://leetcode.cn/problems/lem…
阅读更多...
即时设计-高效易用的界面工具

即时设计-高效易用的界面工具

界面工具是设计师的得力助手&#xff0c;为设计师快速创建精美易用的用户界面提供了丰富的功能和直观的界面。在众多的界面工具中&#xff0c;有的支持预设模板、图标库和样式库&#xff0c;有的更注重原型和互动。如何选择优秀的界面工具&#xff1f;这里有一个高效易用的界面…
阅读更多...
python并发 map函数的妙用

python并发 map函数的妙用

1.map是什么&#xff1f; map函数是Python中的一个内置函数&#xff0c;用于将一个函数应用到一个或多个可迭代对象的每个元素上&#xff0c;生成一个新的可迭代对象。它的一般形式是&#xff1a; map(function, iterable1, iterable2, ...)其中&#xff0c;function是一个函…
阅读更多...
JS逆向进阶篇【去哪儿旅行登录】【下篇-逆向Bella参数JS加密逻辑Python生成】

JS逆向进阶篇【去哪儿旅行登录】【下篇-逆向Bella参数JS加密逻辑Python生成】

目录&#xff1a; 每篇前言&#xff1a;引子——本篇目的1、 代码混淆和还原&#xff08;1&#xff09;单独替换&#xff1a;&#xff08;2&#xff09;整个js文件替换&#xff1a; 2、算法入口分析3、 深入分析&#xff08;0&#xff09;整体分析&#xff1a;&#xff08;1&am…
阅读更多...
STM32启动过程及反汇编

STM32启动过程及反汇编

STM32从Flash启动的过程&#xff0c;主要是从上电复位到main函数的过程&#xff0c;主要有以下步骤&#xff1a; 1.初始化堆栈指针 SP_initial_sp&#xff0c;初始化 PC 指针Reset_Handler 2.初始化中断向量表 3.配置系统时钟 4.调用 C 库函数_main 初始化用户堆栈&#xf…
阅读更多...
华为配置WLAN高密业务示例

华为配置WLAN高密业务示例

配置WLAN高密业务示例 组网图形 图1 配置高密WLAN环境网络部署组网图 业务需求组网需求数据规划配置思路配置注意事项操作步骤配置文件 业务需求 体育场由于需要接入用户数量很大&#xff0c;AP间部署距离较小&#xff0c;因此AP间的干扰较大&#xff0c;可能导致用户上网网…
阅读更多...
Qt 中Qwidget相关属性

Qt 中Qwidget相关属性

文章目录 1. QWidget 核心属性1.1 enabled1.2 geometry1.2.1 window frame 的影响 1.3 windowTitle1.4 windowIcon1.4.1 qrc的使用 1.5 windowOpacity1.6 cursor1.7 focusPolicy1.8 styleSheet 1. QWidget 核心属性 在 Qt 中, 使⽤ QWidget 类表⽰ “控件”. 像按钮, 视图, 输…
阅读更多...
Shell管道和过滤器

Shell管道和过滤器

一、Shell管道 Shell 还有一种功能&#xff0c;就是可以将两个或者多个命令&#xff08;程序或者进程&#xff09;连接到一起&#xff0c;把一个命令的输出作为下一个命令的输入&#xff0c;以这种方式连接的两个或者多个命令就形成了管道&#xff08;pipe&#xff09;。 重定…
阅读更多...
应用方案 | D722 9MHz,轨对轨I/O CMOS运放，低噪声、低电压、低功耗运放，应用广泛

应用方案 | D722 9MHz,轨对轨I/O CMOS运放，低噪声、低电压、低功耗运放，应用广泛

D722是低噪声、低电压、低功耗运放&#xff0c;应用广泛。D722具有9MHz的高增益带宽积&#xff0c;转换速率为8.5V/μs&#xff0c;静态电流为1.7mA&#xff08;5V电源电压&#xff09;。 D722具有低电压、低噪声的特点&#xff0c;并提供轨到轨输出能力&#xff0c;D722的最大…
阅读更多...
Shell编程——条件测试（五）

Shell编程——条件测试（五）

在shell编程中&#xff0c;if语句本身不执行任何判断&#xff0c;它实际上接受一个程序作为参数&#xff0c;然后执行这个程序&#xff0c;并依据这个程序的返回值来判断是否执行相应的语句。 程序的返回值是0&#xff0c;则为真&#xff0c;反之则为假。 目录 test命令&…
阅读更多...
SpringCloud搭建微服务之Consul服务注册与发现

SpringCloud搭建微服务之Consul服务注册与发现

1. Consul介绍 Consul是由HashiCorp公司使用Go语言开发的一款开源工具&#xff0c;主要用于实现分布式系统的服务发现和服务配置&#xff0c;其内置了服务注册与发现框架、分布式一致性协议实现、健康检查、Key-Value存储、多数据中心方案。Consul具有高可移植性&#xff0c;支…
阅读更多...
《Redis 设计与实现》读书概要

《Redis 设计与实现》读书概要

注&#xff1a; 《Redis 设计与实现》一书基于 Redis 2.9 版本编写&#xff0c;部分内容已过时&#xff0c;过时之处本文会有所说明。本文为读书笔记&#xff0c;部分简单和日常使用较少的知识点未记录。原书网页版地址 https://redisbook.com/ 一、底层数据结构 SDS(Simple Dy…
阅读更多...
654.最大二叉树

654.最大二叉树

这段Java代码实现了一个名为Solution的类&#xff0c;其中包含两个方法&#xff1a;constructMaximumBinaryTree()和constructMaximumBinaryTree1()&#xff0c;目的是从给定的整数数组nums中构建出一个最大二叉树。以下是详细的注释说明&#xff1a; class Solution {// 主方…
阅读更多...
某品零食交易平台设计与实现|基于springboot+ Mysql+Java的某品交易平台设计与实现(源码+数据库+文档+PPT)

某品零食交易平台设计与实现|基于springboot+ Mysql+Java的某品交易平台设计与实现(源码+数据库+文档+PPT)

目录 基于springboot MysqlJava的某品交易平台设计与实现 摘 要 系统详细设计 数据库设计 论文参考 源码获取 文末获取源码联系 基于springboot MysqlJava的某品交易平台设计与实现 摘 要 随着科学技术的飞速发展&#xff0c;社会的方方面面、各行各业都在努力与现代的…
阅读更多...
利用excel文件增量同步一个库的数据并自动校正两端数据库条数不一致

利用excel文件增量同步一个库的数据并自动校正两端数据库条数不一致

利用excel文件增量同步一个库的数据并自动校正两端数据库条数不一致 现在有sqlserver和mysql两个库上的表在进行同步&#xff0c;sqlserver上的是源表&#xff0c;mysql上是目标表。 我们就把sqlserver上的数据同步到mysql上 mysql 是没有数据的。 sqlserver的三个表只是创建了…
阅读更多...
240多道！Go开发岗位面试题合集（含答案）

240多道！Go开发岗位面试题合集（含答案）

随着今年大环境的影响&#xff0c;找工作的人在今年达到顶峰&#xff0c;马上金九银十面试黄金季&#xff0c;很多人都想在这次面试中拿到心仪Offer。 数以百计的面试&#xff0c;为何迟迟无法顺利入职&#xff1f;能力无疑是至关重要的&#xff0c;可却有不少能力不比已入职的…
阅读更多...
未来已来！AI大模型引领科技革命

未来已来！AI大模型引领科技革命

未来已来&#xff01;AI大模型正以惊人的速度引领着科技革命。随着科技的发展&#xff0c;人工智能在各个领域展现出了非凡的能力和潜力&#xff0c;大模型更是成为了科技领域的明星。从自然语言处理到图像识别&#xff0c;从智能推荐到语音识别&#xff0c;大模型的应用正在改…
阅读更多...
Linux-信号3_sigaction、volatile与SIGCHLD

Linux-信号3_sigaction、volatile与SIGCHLD

文章目录 前言一、sigaction__sighandler_t sa_handler;__sigset_t sa_mask; 二、volatile关键字三、SIGCHLD方法一方法二 前言 本章内容主要对之前的内容做一些补充。 一、sigaction #include <signal.h> int sigaction(int signum, const struct sigaction *act,struc…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023