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

【前端框架】Vue3 面试题深度解析

news 来源：原创 2025/9/19 5:44:39

在这里插入图片描述

本文详细讲解了VUE3相关的面试题，从基础到进阶到高级，分别都有涉及，希望对你有所帮助！

基础题目

1. 简述 Vue3 与 Vue2 相比有哪些主要变化？

答案：

响应式系统：Vue2 使用 Object.defineProperty() 实现响应式，有一定局限性，如无法检测对象属性的添加和删除；Vue3 采用 Proxy 对象，能全面拦截对象操作，解决了上述问题。
API 风格：Vue2 主要使用选项式 API，逻辑分散在不同选项中；Vue3 引入组合式 API，可按逻辑功能组织代码，提高复用性和可维护性。
新特性：Vue3 引入了 Teleport（可将组件模板渲染到指定 DOM 位置）、Suspense（处理异步组件加载状态）等新特性。
性能优化：Vue3 对虚拟 DOM 算法进行了优化，采用静态提升、事件缓存等技术，提升了渲染性能。
TypeScript 支持：Vue3 从设计上更好地支持 TypeScript，组合式 API 与 TypeScript 配合更默契，类型推导更友好。

2. 如何创建一个 Vue3 项目？

答案：

使用 Vite：Vite 是 Vue3 推荐的构建工具，具有快速冷启动和即时热更新的优点。安装命令如下：

npm init vite@latest my - vue3 - project -- --template vue
cd my - vue3 - project
npm install
npm run dev

使用 Vue CLI：如果已全局安装 Vue CLI，可使用以下命令创建项目：

vue create my - vue3 - project

在创建过程中，可选择 Vue3 预设。

3. 解释 `ref` 和 `reactive` 的区别和使用场景。

答案：

区别
- ref 主要用于创建单个响应式数据，可用于基本数据类型和复杂数据类型。访问和修改 ref 定义的数据时，需要通过 .value 属性。
- reactive 用于创建响应式对象或数组，直接访问对象属性即可触发响应式更新。
使用场景
- ref 适用于创建简单的响应式变量，如计数器、表单输入值等。
- reactive 适用于管理复杂的响应式状态，如对象或数组形式的状态数据。

示例代码：

<template><div><p>{{ count.value }}</p><p>{{ user.name }}</p></div>
</template><script setup>
import { ref, reactive } from 'vue';const count = ref(0);
const user = reactive({ name: 'John' });
</script>

进阶题目

1. 如何在 Vue3 中使用组合式 API 实现组件逻辑复用？

答案：
可将相关逻辑封装在一个函数中，然后在多个组件中复用该函数。以下是一个简单的计数器逻辑复用示例：

// useCounter.js
import { ref } from 'vue';export const useCounter = () => {const count = ref(0);const increment = () => {count.value++;};const decrement = () => {count.value--;};return {count,increment,decrement};
};

在组件中使用：

<template><div><p>{{ counter.count }}</p><button @click="counter.increment">Increment</button><button @click="counter.decrement">Decrement</button></div>
</template><script setup>
import { useCounter } from './useCounter.js';const counter = useCounter();
</script>

2. 解释 `Teleport` 和 `Suspense` 的使用场景。

答案：

Teleport：适用于需要将组件的一部分模板渲染到 DOM 其他位置的场景，如模态框、提示框等。由于这些元素可能需要覆盖在整个页面之上，使用 Teleport 可以将其渲染到 body 元素下，避免受到父组件样式的影响。
示例代码：

<template><div><button @click="showModal = true">Open Modal</button><Teleport to="body"><div v - if="showModal" class="modal"><h2>Modal Title</h2><p>Modal content...</p><button @click="showModal = false">Close</button></div></Teleport></div>
</template><script setup>
import { ref } from 'vue';const showModal = ref(false);
</script>

Suspense：用于处理异步组件的加载状态。当组件依赖异步数据时，在数据加载完成之前，可以显示一个加载状态，避免页面出现空白。
示例代码：

<template><Suspense><template #default><AsyncComponent /></template><template #fallback><p>Loading...</p></template></Suspense>
</template><script setup>
import { defineAsyncComponent } from 'vue';const AsyncComponent = defineAsyncComponent(() => import('./AsyncComponent.vue'));
</script>

3. 如何在 Vue3 中使用路由守卫？

答案：
在 Vue3 中使用 Vue Router 4.x 版本，路由守卫的使用方式如下：

全局前置守卫：在路由跳转前进行一些验证或处理。

import { createRouter, createWebHistory } from 'vue - router';
import Home from './views/Home.vue';
import About from './views/About.vue';const routes = [{path: '/',name: 'Home',component: Home},{path: '/about',name: 'About',component: About}
];const router = createRouter({history: createWebHistory(),routes
});router.beforeEach((to, from, next) => {// 进行验证逻辑if (to.meta.requiresAuth &&!isAuthenticated()) {next('/login');} else {next();}
});export default router;

路由独享守卫：只对某个路由生效。

const routes = [{path: '/dashboard',name: 'Dashboard',component: Dashboard,beforeEnter: (to, from, next) => {// 路由独享守卫逻辑if (!isAdmin()) {next('/');} else {next();}}}
];

组件内守卫：在组件中定义的守卫。

<template><div><!-- 组件内容 --></div>
</template><script setup>
import { onBeforeRouteLeave, onBeforeRouteUpdate } from 'vue - router';onBeforeRouteLeave((to, from) => {// 离开当前路由前的逻辑return confirm('Are you sure you want to leave?');
});onBeforeRouteUpdate((to, from) => {// 当前路由参数更新时的逻辑
});
</script>

高级题目

1. 如何优化 Vue3 项目的性能？

答案：

虚拟 DOM 优化
- 使用 key：在列表渲染时，为每个列表项提供唯一的 key，帮助 Vue 更准确地识别元素，减少不必要的 DOM 操作。
- 静态提升：对于模板中的静态节点，Vue3 会自动进行静态提升，将其提取出来只创建一次，避免重复创建和比较。
代码分割与懒加载
- 路由组件懒加载：使用动态导入实现路由组件的懒加载，只有在用户访问该路由时才加载对应的组件。
```
const routes = [{path: '/about',name: 'About',component: () => import('../views/About.vue')}
];
```
- 异步组件：对于一些大型组件或不常用的组件，使用 defineAsyncComponent 进行异步加载。
响应式数据优化
- 避免创建过多不必要的响应式数据，对于不需要响应式的纯计算数据，使用普通函数处理。
- 合理使用 ref 和 reactive，根据数据类型和使用场景选择合适的响应式创建方式。
缓存组件：使用 <KeepAlive> 组件缓存不活跃的组件实例，避免重复渲染，提高组件切换的性能。

<template><div><button @click="toggleComponent">Toggle Component</button><KeepAlive><component :is="currentComponent"></component></KeepAlive></div>
</template><script setup>
import { ref } from 'vue';
import ComponentA from './ComponentA.vue';
import ComponentB from './ComponentB.vue';const currentComponent = ref('ComponentA');
const toggleComponent = () => {currentComponent.value = currentComponent.value === 'ComponentA'? 'ComponentB' : 'ComponentA';
};
</script>

2. 如何在 Vue3 中进行状态管理，除了 Vuex 还有其他选择吗？

答案：

Vuex：Vuex 是 Vue.js 官方的状态管理库，在 Vue3 中使用 Vuex 4.x 版本。它采用集中式存储应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
Pinia：Pinia 是一个轻量级的状态管理库，专为 Vue3 设计。它具有更简洁的 API、更好的 TypeScript 支持和模块化的设计。使用 Pinia 创建一个 store 示例如下：

import { defineStore } from 'pinia';export const useCounterStore = defineStore('counter', {state: () => ({count: 0}),actions: {increment() {this.count++;}},getters: {doubleCount() {return this.count * 2;}}
});

在组件中使用：

<template><div><p>{{ counterStore.count }}</p><p>{{ counterStore.doubleCount }}</p><button @click="counterStore.increment">Increment</button></div>
</template><script setup>
import { useCounterStore } from './counterStore';const counterStore = useCounterStore();
</script>

3. 描述 Vue3 中组合式 API 的执行顺序和生命周期钩子的使用。

答案：

执行顺序：在组件创建时，setup 函数首先执行，它是组合式 API 的入口。在 setup 函数中，可以进行响应式数据的创建、生命周期钩子的注册等操作。setup 函数执行完成后，才会进入组件的其他生命周期阶段。
生命周期钩子的使用：Vue3 对生命周期钩子进行了重命名，并且可以在组合式 API 中使用新的方式来调用。

<template><div><!-- 组件内容 --></div>
</template><script setup>
import { onMounted, onUpdated, onUnmounted } from 'vue';onMounted(() => {// 组件挂载后执行console.log('Component mounted');
});onUpdated(() => {// 组件更新后执行console.log('Component updated');
});onUnmounted(() => {// 组件卸载前执行console.log('Component unmounted');
});
</script>

原理题目

1. 解释 Vue3 响应式系统的原理。

答案：
Vue3 的响应式系统基于 Proxy 对象实现。当使用 reactive 或 ref 创建响应式数据时，Vue 会创建一个 Proxy 代理对象。

reactive：对于对象或数组，reactive 会创建一个 Proxy 代理，拦截对象的属性访问、赋值、删除等操作。当访问对象属性时，会触发 get 拦截器，进行依赖收集；当修改对象属性时，会触发 set 拦截器，通知所有依赖该属性的副作用函数进行更新。
ref：ref 内部会将基本数据类型包装成一个对象，同样使用 Proxy 进行代理。访问和修改 ref 的 .value 属性时，会触发相应的拦截器，实现响应式更新。
依赖收集和更新的过程是通过 effect 函数和 track、trigger 函数完成的。effect 函数用于创建副作用函数，track 函数用于收集依赖，trigger 函数用于触发依赖更新。

2. 简述 Vue3 虚拟 DOM 的工作原理。

答案：

虚拟 DOM 的创建：Vue3 模板会被编译成渲染函数，渲染函数返回一个虚拟 DOM 树。虚拟 DOM 是一种轻量级的 JavaScript 对象，它是真实 DOM 的抽象表示。
虚拟 DOM 的比较：当组件状态发生变化时，会重新调用渲染函数生成新的虚拟 DOM 树。Vue3 会使用 diff 算法比较新旧虚拟 DOM 树，找出差异部分。为了提高比较效率，Vue3 采用了静态提升、事件缓存等优化技术。
真实 DOM 的更新：根据 diff 算法的结果，只对真实 DOM 中发生变化的部分进行更新，避免了全量更新带来的性能开销。

3. 解释 Vue3 中 `setup` 函数的作用和执行时机。

答案：

作用：setup 函数是组合式 API 的入口，用于组件的初始化和逻辑组合。在 setup 函数中，可以创建响应式数据、定义方法、注册生命周期钩子等。它返回的数据和方法可以在模板中使用。
执行时机：setup 函数在组件实例初始化之后，beforeCreate 钩子之前执行。此时组件的 data 和 methods 选项还未初始化，因此在 setup 函数中无法访问 this。

【前端框架】Vue3 面试题深度解析

本文详细讲解了VUE3相关的面试题，从基础到进阶到高级，分别都有涉及，希望对你有所帮助！ 基础题目 1. 简述 Vue3 与 Vue2 相比有哪些主要变化？ 答案： 响应式系统：Vue2 使用 Object.definePrope…...

编程日记 2025/9/19 5:44:39

B3619 10 进制转 x 进制 - 洛谷 #include <bits/stdc.h>using namespace std; #define fs first #define sc second #define endl \n #define all(x) x.begin(), x.end() typedef long long ll; typedef pair<int, int> PII;char a[40];void solve(){int n,x;cin&g…...

编程日记 2025/9/16 11:59:15

Web自动化之Selenium 超详细教程(python)

Selenium是一个开源的基于WebDriver实现的自动化测试工具。WebDriver提供了一套完整的API来控制浏览器，模拟用户的各种操作，如点击、输入文本、获取页面元素等。通过Selenium，我们可以编写自动化脚本，实现网页的自动化测试、数据采…...

编程日记 2025/9/19 5:43:38

物联网简介集合

物联网（IoT）指的是物理设备（如电器和车辆）之间的互联互通。这些设备嵌入了软件、传感器和连接功能，使其能够相互连接并交换数据。这项技术实现了从庞大的设备网络中收集和共享数据，为打造更高效、自动化的系…...

编程日记 2025/9/16 11:59:12

【设计模式精讲】结构型模式之代理模式（静态代理、JDK动态代理、cglib动态代理）

文章目录第五章结构型模式5.1 代理模式5.1.1 代理模式介绍5.1.2 代理模式原理5.1.3 静态代理实现5.1.4 JDK动态代理5.1.4.1 JDK动态代理实现5.1.4.2 类是如何动态生成的5.1.4.3 代理类的调用过程 5.1.5 cglib动态代理5.1.5.1 cglib动态代理实现5.1.5.2 cglib代理流程 5.1.6 代…...

编程日记 2025/9/18 11:04:08

node 使用 Redis 缓存

缓存是什么？ 高并发下，一个项目最先出问题的，并不是程序本身，而是数据库最先承受不住。在数据库上我们可以做很多优化，例如优化 SQL 语句，优化索引，如果数据量大了，还可以分库、分表…...

编程日记 2025/9/15 19:56:41

nginx反向代理负载均衡

反向代理原理： 反向代理服务器架设在服务器端，通过缓冲经常被请求的页面来缓解服务器的工作量，将客户机请求转发给内部网络上的目标服务器；并将从服务器上得到的结果返回给Internet上请求连接的客户端，此时代理服务…...

编程日记 2025/9/19 5:43:39

国产编辑器EverEdit - 独门暗器：自动监视剪贴板内容

1 监视剪贴板 1.1 应用场景如果需要对剪贴板的所有历史进行记录，并进行分析和回顾，则可以使用监视剪贴板功能，不仅在EverEdit中的复制会记录，在其他应用的复制也会记录。 1.2 使用方法新建一个空文档(重要：防止扰乱…...

编程日记 2025/9/15 6:54:36

AI全栈开发_人工智能AI大模型 Prompt提示词工程详解（全方位介绍及运用）

AI引领的第四次工业革命正席卷而来，如何精准把握这一历史性的机遇，将成为我们这一代人不容忽视且需深入思考与积极行动的重要课题。未来几年AI将会像计算机一样快速普及，面对这一历史性的第一波红利，你是否已准备好把握机遇&#…...

编程日记 2025/9/19 5:43:39

PHP图书借阅小程序源码

📚 图书借阅小程序：一键开启智慧阅读新篇章 🌟 这是一款由ThinkPHP与UniApp两大技术巨擘强强联手精心打造的图书借阅微信小程序，它犹如一座随身携带的移动图书馆，让您无论身处何地都能轻松畅游知识的海洋。创新的多书…...

编程日记 2025/9/19 5:44:37

sourcetree gitee 详细使用

SSH 公钥设置 | Gitee 帮助中心先配置公钥，输入gitee密码完成验证 gitee仓库创建完成打开sourcetree 如果你本地有项目（vite ）需要 git init 在设置中完成远程仓库的添加 （ssh ,https) 直接提交推送，完成后&#xf…...

编程日记 2025/9/17 21:25:50

Hive JOIN过滤条件位置玄学：ON vs WHERE的量子纠缠

Hive JOIN过滤条件位置玄学：ON vs WHERE的量子纠缠作为数据工程师，Hive JOIN就像吃火锅选蘸料——放错位置味道全变！今天带你破解字节/阿里等大厂高频面试题：ON和WHERE后的过滤条件究竟有什么不同？一、核心差异对比表特性ON子句WHERE子句执行时机JOIN操作时JOIN完成后…...

编程日记 2025/9/15 19:55:38

破局与重构：水务企业数字化转型路径探索

随着数字化技术的发展和智慧城市建设进程的推进，水务行业正经历以数据为驱动的深刻变革。本文深入探讨水务行业数字化发展的趋势、水务企业数字化转型的痛点、水务行业标杆企业数字化转型实践以及水务企业数字化转型的方向和路径，为水务企业十五五期间把…...

编程日记 2025/9/17 18:39:31

stm32hal库寻迹+蓝牙智能车(STM32F103C8T6)

简介: 这个小车的芯片是STM32F103C8T6，其他的芯片也可以照猫画虎,基本配置差不多,要注意的就是,管脚复用,管脚的特殊功能,(这点不用担心,hal库每个管脚的功能都会给你罗列,很方便的.)由于我做的比较简单,只是用到了几个简单外设.主要是由带霍尔编码器电机的车模,电机…...

编程日记 2025/9/15 19:55:12

云服务中的“高可用性架构”是怎样的？

在云计算中，“高可用性架构”（High Availability Architecture，简称HA架构）是指通过设计和配置，使得系统、服务或应用能够在发生硬件故障、软件故障、网络问题等情况下，依然保持正常运行，最大程…...

编程日记 2025/9/17 1:02:27

StableDiffusion+ComfyUI

一、AI、AIGC、AIAgent基本概念图形生成大模型：StableDiffusion(逼真，开源)、Midjourney(艺术性，商业)、FLUX(复杂场景，开源商业)工作流程构建工具：ComfyUI智能体：COZE、Dify、FastGPTAI视频编辑工具&…...

编程日记 2025/9/15 19:55:03

MATLAB基础学习相关知识

MATLAB安装参考：抖音-记录美好生活 MATLAB基础知识学习参考：【1小时Matlab速成教程-哔哩哔哩】 https://b23.tv/CnvHtO3 第1部分：变量定义和基本运算生成矩阵： % 生成矩阵% 直接法% ,表示行 ;表示列 a [1,2,3;4,5,6;7,8,9];%…...

编程日记 2025/9/15 19:55:00

设计模式之工厂模式（简单工厂模式、工厂方法模式、抽象工厂模式）（C++）

文章目录 C 工厂模式引言一、简单工厂模式概念实现步骤示例代码优缺点二、工厂方法模式概念实现步骤示例代码优缺点三、抽象工厂模式概念实现步骤示例代码优缺点 C 工厂模式引言在 C 编程中，对象的创建是一个常见且基础的操作。然而，当项目规模逐渐…...

编程日记 2025/9/16 14:34:35

windows下docker使用笔记

目录镜像的配置镜像的拉取推荐镜像源列表（截至2025年2月测试有效） 配置方法修改容器名字如何使用卷创建不同的容器，每个容器中有不同的mysql和java版本（不推荐） 1. 安装 Docker Desktop（Win…...

编程日记 2025/9/16 1:38:44

SQLMesh 系列教程6- 详解 Python 模型

本文将介绍 SQLMesh 的 Python 模型，探讨其定义、优势及在企业业务场景中的应用。SQLMesh 不仅支持 SQL 模型，还允许通过 Python 编写数据模型，提供更高的灵活性和可编程性。我们将通过一个电商平台的实例，展示如何使用 Python 模…...

编程日记 2025/9/16 14:34:31

【时时三省】(C语言基础）用N-S流程图表示算法

山不在高，有仙则名。水不在深，有龙则灵。 ----CSDN 时时三省 N-S流程图既然用基本结构的顺序组合可以表示任何复杂的算法结构，那么，基本结构之间的流程线就是多余的了。1973年，美国学者I.Nassi和B .Shneiderman提出…...

编程日记 2025/9/16 14:34:29

【HarmonyOS Next】鸿蒙监听手机按键

【HarmonyOS Next】鸿蒙监听手机按键一、前言应用开发中我们会遇到监听用户实体按键，或者扩展按键的需求。亦或者是在某些场景下，禁止用户按下某些按键的业务需求。这两种需求，鸿蒙都提供了对应的监听事件进行处理。 onKeyEvent 默认的…...

编程日记 2025/9/16 14:34:27

Unreal5从入门到精通之在编辑器中更新 UserWidgets

前言在虚幻中创建越来越复杂和灵活的 UserWidget 蓝图时，一个问题是它们在编辑器中的外观与它们在游戏中的最终外观可能有很大不同。库存面板示例假设你想创建一个通用的库存显示小部件。我们可以在整个 UI 中使用它，无论我们需要在哪里显示某些内容。标题，描述所显示…...

编程日记 2025/9/18 19:45:55

Django 5实用指南（五）模板系统

Django5的模板系统是其核心功能之一，允许开发者将动态数据嵌入到HTML模板中，并根据不同的业务需求渲染页面。Django模板系统基于 Django模板语言（DTL），它提供了一些强大的功能，如模板标签、过滤器、条件语句…...

编程日记 2025/9/18 21:13:18

游戏引擎学习第114天

打开内容并回顾目前正在讨论一个非常重要的话题——优化。当代码运行太慢，无法达到所需性能时，我们该怎么办。昨天，我们通过在代码中添加性能计数器，验证了一些性能分析的数据，这些计数器帮助我们了解每个操作需要的…...

编程日记 2025/9/16 2:17:51

Python 赋能 AI：从零实现图像分类

人工智能（AI）热度持续攀升，而 Python 作为 AI 开发的利器，以其简洁易学、生态丰富的特点，成为众多开发者的首选。本文以图像分类为例，带你用 Python 实现一个简单的 AI 模型。 1. 环境准备首先，我们需要安装一些必要的 Python 库： pip install tensorflow keras nu…...

编程日记 2025/9/18 19:09:37

UE引擎游戏加固方案解析

据VGinsights的报告，近年来UE引擎在过去几年中市场占比显著增长，其中亚洲市场增幅达到了30%，随着UE5的推出和技术的不断进步，UE引擎在独立开发者和移动游戏开发中的应用也在逐步增加。 UE引擎的优势在于强大的画面表现与视觉特效…...

编程日记 2025/9/15 21:15:01

Http升级为Https - 开发/测试服环境

1.应用场景主要用于开发/测试服环境将http升级为https, 防止前端web(浏览器)出现Mixed Content报错; 2.学习/操作 1.文档阅读 deepseek 问答; 2.整理输出报错信息: Mixed Content: The page at <URL> was loaded over HTTPS, but requested an insecure XMLHttpRequ…...

编程日记 2025/9/18 18:43:22

SaaS系统租户隔离方案分析：基于域名与请求头的比较

在设计SaaS系统时，租户隔离是非常重要的设计考虑因素。租户隔离的方式决定了系统的可扩展性、安全性和维护性。常见的租户隔离方案包括基于域名和基于**请求头（header）**的隔离方式。每种方式都有其优缺点，具体选择应根据系统的需…...

编程日记 2025/9/16 14:34:15

调用click.getchar()时Windows PyCharm无法模拟键盘输入

文章目录问题描述解决方案参考文献问题描述调用 click.getchar() 时，Windows PyCharm 无法模拟键盘输入解决方案 Run → Edit Configurations… → Modify options → Emulate terminal in output console 参考文献 Terminal emulator | PyCharm Documentati…...

编程日记 2025/9/16 14:34:13

科普：“docker”与“docker compose”

一、安装Docker Desktop 安装Docker Desktop，则既安装了Docker，也安装了Docker Compose 从Docker Desktop官方下载页面(https://www.docker.com/products/docker-desktop/)，选择适合Windows系统的版本进行下载安装。验证： do…...

编程日记 2025/9/16 14:34:11

Windows 快速搭建C++开发环境，安装C++、CMake、QT、Visual Studio、Setup Factory

安装C 简介 Windows 版的 GCC 有三个选择： CygwinMinGWmingw-w64 Cygwin、MinGW 和 mingw-w64 都是在 Windows 操作系统上运行的工具集，用于在 Windows 环境下进行开发和编译。 Cygwin 是一个在 Windows 上运行的开源项目，旨在提供类Uni…...

编程日记 2025/9/16 14:34:09

【分布式理论12】事务协调者高可用：分布式选举算法

文章目录一、分布式系统中事务协调的问题二、分布式选举算法1. Bully算法2. Raft算法3. ZAB算法三、小结与比较一、分布式系统中事务协调的问题在分布式系统中，常常有多个节点（应用）共同处理不同的事务和资源。前文【分布式理论9】分布式…...

编程日记 2025/9/16 14:34:07

GPT2 模型训练

GPT2 预训练模型基座专门供给别人使用的。对中文分词是一个字一个字分，是Bert的分类方法好处：灵活。词库可以适应任何文章。坏处：训练的难度更大。需要增加数据量中文分词如果按词组分词好处：需要的数据量小&#…...

编程日记 2025/9/16 14:34:05

蓝桥杯备考：递归初阶

什么是递归？ 相信我们已经不陌生了，函数自己调用自己就叫递归为什么要有递归？ 当处理主问题时，遇到子问题，子问题的解决方法和主问题是一样的，这时候我们就要用到递归解决流程：问题—》相…...

编程日记 2025/9/16 14:34:03

[C语言]指针进阶压轴题

下面代码打印结果是什么？ #include<stdio.h> int main() {char* c[] { "ENTER","NEW","POINT","FIRST" };char** cp[] { c 3,c 2,c 1,c };char*** cpp cp;printf("%s\n", **cpp);printf("%s\n…...

编程日记 2025/9/16 14:34:01

YOLOv11-ultralytics-8.3.67部分代码阅读笔记-build.py

build.py ultralytics\data\build.py 目录 build.py 1.所需的库和模块 2.class InfiniteDataLoader(dataloader.DataLoader): 3.class _RepeatSampler: 4.def seed_worker(worker_id): 5.def build_yolo_dataset(cfg, img_path, batch, data, mode"train"…...

编程日记 2025/9/16 14:33:59

智能体（AI Agent、Deepseek、硅基流动）落地实践Demo——借助大模型生成报表，推动AI赋能企业决策

文章目录一、引言二、系统设计与技术细节2.1 系统架构2.2 核心组件说明三、 Demo 代码推荐博客： 四、输出年度营销报告1. 总销售额根据提供的数据，年度总销售额为：740.0。2. 各产品销售额3. 各地区销售额4. 各产品在各地区的销售情况分…...

编程日记 2025/9/17 15:24:44

mac os设置jdk版本

打开环境变量配置文件 sudo vim ~/.bash_profile 设置不同的jdk版本路径 # 设置JAVA_HOME为jdk17路径 export JAVA_HOME$(/usr/libexec/java_home -v 17)# 设置JAVA_HOME为jdk8路径 export JAVA_HOME$(/usr/libexec/java_home -v 1.8) 设置环境变量 # 将jdk加入到环境变量…...

编程日记 2025/9/18 22:31:17

Llama 3.1 本地电脑部署 Linux系统【轻松简易】

本文分享在自己的本地电脑部署 llama3.1，而且轻松简易，快速上手。这里借助Ollama工具，在Linux系统中进行大模型部署~ Llama3.1，有三个版本：8B、70B、405B Llama 3.1 405B 是第一个公开可用的模型，在常识…...

编程日记 2025/9/16 14:33:53

计算机网络安全之一:网络安全概述

1.1 网络安全的内涵随着计算机和网络技术的迅猛发展和广泛普及，越来越多的企业将经营的各种业务建立在Internet/Intranet环境中。于是，支持E-mail、文件共享、即时消息传送的消息和协作服务器成为当今商业社会中的极重要的IT基础设施。然而&#xff0…...

编程日记 2025/9/18 11:01:44

docker 部署JAR

docker pull openjdk:23 使用Docker运行生成的JAR包是一个将应用程序容器化的好方法，它确保了你的应用可以在任何安装了Docker的环境中以相同的方式运行。以下是创建一个Docker镜像并运行包含你Java应用程序的JAR包的基本步骤。1. 准备 Dockerfile首先，在…...

编程日记 2025/9/16 14:33:49

深研究：与Dify建立研究自动化应用

许多个人和团队面临筛选各种网页或内部文档的挑战，以全面概述一个主题。那么在这里我推荐大家使用Dify，它是一个用于LLM应用程序开发的低代码，开源平台，它通过自动化工作流程的多步搜索和有效汇总来解决此问题，仅需要最小的编码。在本文中，我们将创建“ Deepresearch”…...

编程日记 2025/9/16 14:33:47

第1章:LangChain4j的聊天与语言模型

LangChain4J官方文档翻译与解析目标文档路径: https://docs.langchain4j.dev/tutorials/chat-and-language-models/ 语言模型的两种API类型 LangChain4j支持两种语言模型（LLM）的API： LanguageModel：这种API非常简单，…...

编程日记 2025/9/14 10:43:21

IPv6报头40字节具体怎么分配的？

目录 IPv6报头结构字段详解示例代码：IPv6报头的Python实现输出示例 IPv6协议是为了解决IPv4地址耗尽问题而设计的下一代互联网协议。与IPv4相比，IPv6不仅提供了更大的地址空间，还简化了报头结构，提高了网络设备的处理效率。…...

编程日记 2025/9/16 14:33:46

Ubuntu ARM / aarch64 CPU 镜像下载：如何在 ARM 设备上安装和使用 Ubuntu

随着 ARM 架构的逐渐普及，尤其是在移动设备和高效能计算设备中的应用，许多开发者和用户开始关注基于 ARM 架构的操作系统。Ubuntu 作为一款广泛使用的 Linux 发行版，自然也为 ARM 架构提供了优化的版本。本文将详细介绍如何下载适用于 ARM / …...

编程日记 2025/9/16 5:17:50

图论入门算法:拓扑排序(C++)

上文中我们了解了图的遍历(DFS/BFS), 本节我们来学习拓扑排序. 在图论中, 拓扑排序(Topological Sorting)是对一个有向无环图(Directed Acyclic Graph, DAG)的所有顶点进行排序的一种算法, 使得如果存在一条从顶点 u 到顶点 v 的有向边 (u, v) , 那么在排序后的序列中, u 一定…...

编程日记 2025/9/16 14:33:42

MySQL中count(1)和count(*) 的区别

MySQL中count(1)和count(*) 的区别在 MySQL 中，COUNT(1) 和 COUNT(*) 均用于统计查询结果中的行数，但它们在语义及其背后的机制上有一些区别。基本功能 COUNT(*)：统计表中所有行的数量，无论列是否为 NULL。 COUNT(1)&#xf…...

编程日记 2025/9/16 14:33:41

Android 14输入系统架构分析：图解源码从驱动层到应用层的完整传递链路

一、资料快车 1、深入了解Android输入系统：https://blog.csdn.net/innost/article/details/47660387 2、书籍 - Android系统源代码情景分析二、Perface 1、参考： 2、系统程序分析方法 1）加入log，并跟着log一步步分析 -logc…...

编程日记 2025/9/16 7:59:26

Web入侵实战分析-常见web攻击类应急处置实验2

场景说明某天运维人员，发现运维的公司站点被黑页，首页标题被篡改，你获得的信息如下： 操作系统：windows server 2008 R2业务：公司官网网站架构：通过phpstudy运行apache mysqlphp开放端口&…...

编程日记 2025/9/16 14:33:37