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

Vue百日学习计划Day46-48天详细计划-Gemini版

news 来源：原创 2025/7/15 3:59:43

Day 46: <KeepAlive> - 组件缓存与优化 (~3 小时)

  • 本日目标: 理解 <KeepAlive> 的作用，学会如何使用它来缓存组件实例，从而优化应用性能和用户体验。
  • 所需资源: Vue 3 官方文档 (<KeepAlive>): https://cn.vuejs.org/guide/built-ins/keep-alive.html

学习计划:

  • 番茄时钟 1 (25 分钟工作 + 5 分钟休息):

    • 内容: <KeepAlive> 简介及其目的。
    • 活动: 阅读官方文档中关于 <KeepAlive> 的介绍。理解为什么组件缓存是有益的，尤其是在频繁切换组件（如标签页界面）的场景中，它能帮助我们保持组件状态或避免昂贵的重新渲染。
    • 思考: <KeepAlive> 与简单地使用 v-if 来显示/隐藏组件有什么本质区别？
    • 休息: 短暂休息，放松一下。

  • 番茄时钟 2 (25 分钟工作 + 5 分钟休息):

    • 内容: <KeepAlive> 与动态组件的基础使用。
    • 活动: 设置一个简单的父组件，使用 <component :is="currentComponent"> 来切换两到三个简单的子组件（例如 ComponentA.vue, ComponentB.vue）。在不使用 <KeepAlive> 的情况下，观察它们在切换时的生命周期钩子 (onMounted, onUnmounted) 在控制台的输出。
    • 实践: 将 <component :is="..."> 用 <KeepAlive> 包裹起来。再次观察控制台输出。注意 onUnmounted 不再在切换时被调用。
    • 休息: 快速调整状态。

  • 番茄时钟 3 (25 分钟工作 + 5 分钟休息):

    • 内容: include, exclude, max 属性。
    • 活动: 学习 include 和 exclude 属性，它们通过组件的 name 属性来控制哪些组件被缓存。理解 max 属性用于限制缓存的实例数量。
    • 实践: 修改你的 <KeepAlive> 配置，尝试使用 include（例如，只缓存 ComponentA）。然后尝试 exclude。如果你有多个组件，也可以实验一下 max。
    • 休息: 短暂放松。

  • 番茄时钟 4 (25 分钟工作 + 5 分钟休息):

    • 内容: <KeepAlive> 相关的生命周期钩子 (onActivated, onDeactivated)。
    • 活动: 阅读 onActivated 和 onDeactivated 生命周期钩子的相关内容。理解这些钩子是专门为被 <KeepAlive> 包裹的组件设计的，并在缓存组件被激活/失活时触发。
    • 实践: 在你被缓存的子组件中添加 onActivated 和 onDeactivated 钩子，并在其中打印日志信息。切换组件时，观察控制台输出。
    • 休息: 补充水分。

  • 总结与回顾 (10-15 分钟):

    • 回顾 <KeepAlive> 的核心作用和用法。
    • 确保你理解 include, exclude, max 属性的工作方式。
    • 确认你理解了 onActivated 和 onDeactivated 钩子的执行时机。

Day 47: <Teleport> - 瞬移组件内容 (~3 小时)

  • 本日目标: 学习如何使用 <Teleport> 将组件的内容渲染到 DOM 树的不同位置，脱离组件自身的父子层级关系。
  • 所需资源: Vue 3 官方文档 (<Teleport>): https://cn.vuejs.org/guide/built-ins/teleport.html

学习计划:

  • 番茄时钟 1 (25 分钟工作 + 5 分钟休息):

    • 内容: <Teleport> 简介及其应用场景。
    • 活动: 阅读官方文档中关于 <Teleport> 的介绍。理解它在哪些场景下有用，比如模态框 (Modals)、通知 (Notifications) 或工具提示 (Tooltips)，当你希望内容在视觉上位于其他所有内容之上（例如，直接在 <body> 标签下），但在逻辑上仍由其组件管理时。
    • 思考: 相较于常规的组件渲染方式，<Teleport> 解决了哪些问题？
    • 休息: 为接下来的实践做好准备。

  • 番茄时钟 2 (25 分钟工作 + 5 分钟休息):

    • 内容: <Teleport> 的基础使用。
    • 活动: 在你的 public/index.html 文件中，添加一个新的空 div 元素并为其指定一个 ID (例如，<div id="teleport-target"></div>)。
    • 实践: 创建一个简单的子组件 (MyModal.vue)，包含一些内容。用 <Teleport to="#teleport-target"> 包裹其内容。在另一个组件（例如 App.vue）中渲染 MyModal.vue。观察在 DOM 结构中，MyModal 的内容是否出现在 #teleport-target 中，即使 MyModal 在逻辑上是 App.vue 的子组件。
    • 休息: 检查 DOM 结构以确认。

  • 番茄时钟 3 (25 分钟工作 + 5 分钟休息):

    • 内容: <Teleport> 与组件状态的结合。
    • 活动: 理解 <Teleport> 只移动渲染的 DOM 节点，而不改变组件的逻辑父子关系。组件仍然可以从其实际父组件接收 Props，并向其父组件发出事件。
    • 实践: 在 App.vue 中添加一个响应式变量 (isOpen = ref(false)) 和一个按钮来切换 isOpen。使用 v-if="isOpen" 来条件性渲染 MyModal。在 MyModal 中添加依赖 App.vue 传入的 Props 的内容，或者发出事件回传给 App.vue。确认状态和事件处理仍然按预期工作。
    • 休息: 短暂放松。

  • 番茄时钟 4 (25 分钟工作 + 5 分钟休息):

    • 内容: 同一目标上的多个 <Teleport> 和 disabled 属性。
    • 活动: 了解多个 <Teleport> 组件可以挂载到同一个目标元素，它们的内容将按顺序追加。理解 disabled 属性可以条件性地启用/禁用传送功能。
    • 实践: 创建两个不同的模态框组件，并将它们都传送到同一个目标。观察它们的渲染顺序。然后，给其中一个或两个添加 disabled 属性，并切换它，观察内容从目标元素中出现/消失。
    • 休息: 补充能量。

  • 总结与回顾 (10-15 分钟):

    • 总结 <Teleport> 的主要应用场景。
    • 确认你能成功将内容传送到不同的 DOM 位置，同时保持组件的逻辑。
    • 理解 disabled 属性以及多个 <Teleport> 如何在同一目标上协作。

Day 48: <Transition> 与 <TransitionGroup> - 动画与过渡 (~3 小时)

  • 本日目标: 学习如何使用 <Transition> 对单个元素/组件应用过渡效果，以及如何使用 <TransitionGroup> 对列表应用过渡效果，并通过 CSS 类来实现动画。
  • 所需资源:
    • Vue 3 官方文档 (<Transition>): https://cn.vuejs.org/guide/built-ins/transition.html
    • Vue 3 官方文档 (<TransitionGroup>): https://cn.vuejs.org/guide/built-ins/transition-group.html

学习计划:

  • 番茄时钟 1 (25 分钟工作 + 5 分钟休息):

    • 内容: <Transition> 简介与基础使用。
    • 活动: 阅读官方文档中关于 <Transition> 的内容。理解它用于对单个元素或组件应用进入/离开过渡。了解 Vue 会应用的六个过渡 CSS 类 (v-enter-from, v-enter-active, v-enter-to, v-leave-from, v-leave-active, v-leave-to)。
    • 实践: 创建一个简单的元素（例如，一个带有文本的 div），并使用 v-if 条件性渲染它。用 <Transition> 包裹这个元素。添加基本的 CSS 类（例如，v-enter-active, v-leave-active 带有 transition 属性），使其能实现淡入/淡出效果。
    • 休息: 离开屏幕，放松眼睛。

  • 番茄时钟 2 (25 分钟工作 + 5 分钟休息):

    • 内容: 自定义 <Transition> 类名与模式。
    • 活动: 学习如何通过 name 属性自定义过渡类名（例如，<Transition name="fade"> 会使用 fade-enter-active）。理解 mode 属性（in-out, out-in）用于管理同时进行的进入/离开过渡。
    • 实践: 给你的 <Transition> 添加一个 name 属性，并相应地更新你的 CSS 类。当在 <Transition> 内部使用 v-if/v-else 切换两个不同组件时，尝试使用 mode="out-in"。
    • 休息: 快速的思维切换。

  • 番茄时钟 3 (25 分钟工作 + 5 分钟休息):

    • 内容: <TransitionGroup> 简介与列表过渡。
    • 活动: 阅读官方文档中关于 <TransitionGroup> 的内容。理解它专门用于对使用 v-for 渲染的元素列表应用进入/离开/移动过渡。注意它默认会渲染一个包装元素（<span>），除非你指定了 tag 属性。
    • 实践: 创建一个简单的项目列表（例如，一个字符串数组）。使用 v-for 渲染它们。添加按钮来向列表中添加/删除项目。
    • 休息: 准备进行更多编码。

  • 番茄时钟 4 (25 分钟工作 + 5 分钟休息):

    • 内容: <TransitionGroup> 的基础使用和 v-move 类。
    • 活动: 用 <TransitionGroup> 包裹你的 v-for 列表。理解 v-move 类，它在列表项重新排序时应用，用于平滑的动画效果。
    • 实践: 为你的列表添加 v-enter-active, v-leave-active（用于新添加/删除的项目）和 v-move（用于重新排序的项目）的 CSS。当添加、删除或重新排序项目（例如通过排序数组）时，观察过渡效果。记住在 <TransitionGroup> 内部的 v-for 项中添加 :key。
    • 休息: 深呼吸。

  • 总结与回顾 (10-15 分钟):

    • 总结 <Transition> 与 <TransitionGroup> 的区别和应用场景。
    • 确保你理解了相关的核心 CSS 类 (-enter-from, -enter-active, -enter-to, -leave-from, -leave-active, -leave-to, v-move)。
    • 思考这些内置组件如何通过添加视觉效果显著提升用户体验。

相关文章：

Vue百日学习计划Day46-48天详细计划-Gemini版

Day 46: <KeepAlive> - 组件缓存与优化 (~3 小时) 本日目标: 理解 <KeepAlive> 的作用&#xff0c;学会如何使用它来缓存组件实例&#xff0c;从而优化应用性能和用户体验。所需资源: Vue 3 官方文档 (<KeepAlive>): https://cn.vuejs.org/guide/built-ins/…...

编程日记 2025/7/15 3:59:43

微软的 Windows Linux 子系统现已开源

微软宣布其 Windows Linux 子系统 (WSL) 开源&#xff0c;开放代码供社区成员贡献。自近九年前推出适用于 Windows 10 的 WSL 以来&#xff0c;微软多年来一直致力于开源这项在 Windows 中启用 Linux 环境的功能。 Windows 首席执行官 Pavan Davuluri 表示&#xff1a;“这是开…...

编程日记 2025/7/15 3:19:55

Axure中使用动态面板实现图标拖动交换位置

要在Axure中实现图标拖动交换位置的功能&#xff0c;可以通过动态面板结合交互事件来实现。 实现步骤 准备图标元素 将每个图标转换为动态面板&#xff08;方便拖动和交互&#xff09;。 设置拖动交互 选中图标动态面板 → 添加“拖动时”交互 → 选择“移动”当前动态面板&am…...

编程日记 2025/7/15 3:20:58

深入浅出：Spring Cloud Gateway 扩展点实践指南

文章目录 前言一、为什么需要扩展 Spring Cloud Gateway&#xff1f;二、Spring Cloud Gateway 核心扩展点三、扩展点实战&#xff1a;代码与配置详解3.1 全局过滤器&#xff08;GlobalFilter&#xff09;3.2 路由过滤器&#xff08;GatewayFilter&#xff09;2.3 自定义路由断…...

编程日记 2025/7/15 3:57:30

SCAU18923--二叉树的直径

18923 二叉树的直径 时间限制:1000MS 代码长度限制:10KB 提交次数:0 通过次数:0 题型: 编程题 语言: G;GCC Description 给定一棵二叉树&#xff0c;你需要计算它的直径长度。一棵二叉树的直径长度是任意两个结点路径长度中的最大值。这条路径可能穿过也可能不穿过根结点…...

编程日记 2025/7/15 3:02:11

理解 RESTful 风格：现代 Web 服务的基石

在当今的互联网时代&#xff0c;Web 服务成为了连接各种应用和系统的关键。而 RESTful 风格&#xff0c;作为一种广泛采用的架构风格&#xff0c;为设计和实现 Web 服务提供了一套简洁而强大的指导原则。本文将深入探讨 RESTful 风格的核心概念、优势以及如何在实际项目中应用它…...

编程日记 2025/7/15 3:21:57

大模型（3）——RAG（Retrieval-Augmented Generation，检索增强生成）

文章目录 1. 核心组成2. 工作流程3. 训练方式4. 优势与局限5. 应用场景6. 典型模型变体总结 RAG&#xff08;Retrieval-Augmented Generation&#xff0c;检索增强生成&#xff09;是一种结合了信息检索与文本生成的技术&#xff0c;旨在通过引入外部知识库提升生成内容的准确性…...

编程日记 2025/7/15 2:42:07

电子科技大学软件工程实践期末

Java基础 面向对象 Java高级编程 2023&#xff1a; 软件工程基础 ch1软件工程概述 软件的概念和特点 软件危机的概念以及产生的原因 软件工程的定义 三要素 应用软件工程的原因 三要素&#xff1a;工具&#xff0c;方法&#xff0c;过程 ch2 软件过程 软件生命周期 软件过程…...

编程日记 2025/7/15 2:07:14

线上jvm假死问题排查

1.线上告警接口超时 看接口是用户服务&#xff0c;查看nacos服务实例&#xff0c;发现有一个节点已经下线了 3.找到对应节点所在服务器&#xff0c;jps -l 命令发现用户服务还在&#xff0c;初步判断是假死 4.使用 jstat -gc 进程id 1000 每秒打印gc情况&#xff0c;发现频繁…...

编程日记 2025/7/11 17:56:34

Redis中SETNX、Lua 脚本和 Redis事务的对比

在 Redis 中&#xff0c;SETNX、Lua 脚本 和 Redis 事务 都可以用于实现原子性操作&#xff0c;但它们的适用场景和能力范围不同。以下是详细对比和原因分析&#xff1a; 1. SETNX 的原子性与局限性 (1) 原子性保证 SETNX&#xff08;SET if Not eXists&#xff09; 是 Redis…...

编程日记 2025/7/14 22:46:43

Nginx配置记录访问信息

文章目录 方法一&#xff1a;使用Nginx原生配置记录访问信息方法二&#xff1a;使用Nginx_headers_more模块记录更加详细的信息 Nginx被广泛应用于各种场景如&#xff1a;Web服务器、反向代理服务器、负载均衡器、Web应用防火墙(WAF)等 在实际的产品开发中&#xff0c;无论是功…...

编程日记 2025/7/7 2:46:00

基于机载激光雷达数据的森林生物量估测：AI驱动的遥感革新

一、技术背景与意义 森林生物量是生态系统碳循环和碳汇估算的核心参数。传统遥感方法&#xff08;如光学影像&#xff09;在三维结构解析上存在局限&#xff0c;而机载激光雷达&#xff08;LiDAR&#xff09;凭借高精度点云数据&#xff0c;能够捕捉森林的垂直结构信息。结合人…...

编程日记 2025/7/3 18:33:30

Redis中的事务和原子性

在 Redis 中&#xff0c;事务 和 原子性 是两个关键概念&#xff0c;用于保证多个操作的一致性和可靠性。以下是 Redisson 和 Spring Data Redis 在处理原子性操作时的区别与对比&#xff1a; 1. Redis 的原子性机制 Redis 本身通过以下方式保证原子性&#xff1a; 单线程模型…...

编程日记 2025/7/5 15:05:50

SSL证书：谷歌算法排名的安全基石与信任杠杆

一、技术演进&#xff1a;从安全信号到算法基石 谷歌对SSL证书的重视始于2014年&#xff0c;当时HTTPS首次被纳入排名算法信号。经过十年迭代&#xff0c;SSL证书已从“加分项”升级为“基础门槛”。2025年算法更新中&#xff0c;其权重占比达2%&#xff0c;与页面加载速度、移…...

编程日记 2025/7/6 6:57:19

XXX企业云桌面系统建设技术方案书——基于超融合架构的安全高效云办公平台设计与实施

目录 1. 项目背景与目标1.1 背景分析1.2 建设目标2. 需求分析2.1 功能需求用户规模与场景终端兼容性2.2 非功能需求3. 系统架构设计3.1 总体架构图流程图说明3.2 技术选型对比3.3 网络设计带宽规划公式4. 详细实施方案4.1 分阶段部署计划4.2 桌面模板配置4.3 测试方案性能测试工…...

编程日记 2025/7/4 15:48:41

【GESP真题解析】第 18 集 GESP 一级 2024 年 12 月编程题 1：温度转换

大家好&#xff0c;我是莫小特。 这篇文章给大家分享 GESP 一级 2024 年 12 月编程题第 1 题&#xff1a;温度转换。 题目链接 洛谷链接&#xff1a;B4062 温度转换 一、完成输入 根据题意&#xff0c;输入只有一行&#xff0c;为实数&#xff0c;数据范围&#xff1a; 0 &l…...

编程日记 2025/7/14 13:46:12

鸿蒙开发进阶：深入解析ArkTS语言特性与高性能编程实践

一、前言 在鸿蒙生态蓬勃发展的当下&#xff0c;开发者对于高效、优质的应用开发语言需求愈发迫切。ArkTS 作为鸿蒙应用开发的核心语言&#xff0c;在继承 TypeScript 优势的基础上&#xff0c;进行了诸多优化与扩展&#xff0c;为开发者带来了全新的编程体验。本文将深入剖析…...

编程日记 2025/7/11 13:25:10

现代计算机图形学Games101入门笔记(十七)

双向路径追踪 外观建模 散射介质 人的头发不能用在动画的毛发上。 动物的髓质Medulla特别大 双层圆柱模型应用 BSSRDF是BRDF的延伸。 天鹅绒用BRDF不合理&#xff0c;转成散射介质。 法线分布 光追很难处理微表面模型 光在微型细节上&#xff0c;光是一个波&#xff0c;会发生衍…...

编程日记 2025/7/8 12:25:46

工单派单应用：5 大核心功能提升协作效率

一、工单管理&#xff1a;全流程一目了然 快速创建&#xff1a;录入任务内容、优先级&#xff0c;从源头明确目标 状态分类&#xff1a;待处理 / 进行中 / 已完成工单一目了然&#xff0c;个人进度随时掌控 灵活分配&#xff1a;公海池抢单机制&#xff0c;成员按能力自主接…...

编程日记 2025/7/8 8:59:22

ｍａｖｅｎ 多个模块之间互相引入加载配置的偶遇问题

因为子项目添加了:<!-- aliyun sms SDK --> <dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-core</artifactId><version>4.6.3</version> </dependency>导致原本运行良好的构建模块&#xff0c…...

编程日记 2025/7/7 22:47:28

【蓝桥杯嵌入式】【模块】五、ADC相关配置及代码模板

1. 前言 最近在准备16届的蓝桥杯嵌入式赛道的国赛&#xff0c;打算出一个系列的博客&#xff0c;记录STM32G431RBT6这块比赛用板上所有模块可能涉及到的所有考点&#xff0c;如果有错误或者遗漏欢迎各位大佬斧正。 本系列博客会分为以下两大类&#xff1a; 1.1. 单独模块的讲…...

编程日记 2025/7/6 16:16:44

DP2 跳台阶【牛客网】

文章目录 零、原题链接一、题目描述二、测试用例三、解题思路四、参考代码 零、原题链接 DP2 跳台阶 一、题目描述 二、测试用例 三、解题思路 基本思路&#xff1a;   动态规划题目的难点基本在于构造状态转移方程&#xff0c;对应这题&#xff0c;我们可以发现每次跳跃我…...

编程日记 2025/7/5 4:58:22

KC 喝咖啡/书的复制/奶牛晒衣服/ 切绳子

二分的解题思路&#xff1a; 常解决最小值最大化和最大值最小化问题 步骤解析 确定答案范围 设定初始左边界 left 和右边界 right&#xff0c;确保解在此区间内。例如&#xff1a; 求最小最大值时&#xff0c;left 可取单个元素的最大值&#xff0c;right 取所有元素总和。 …...

编程日记 2025/7/8 8:59:08

Jedis快速入门【springboot】

引入依赖 <dependency><groupId>redis.clients</groupId><artifactId>jedis</artifactId><version>6.0.0</version> </dependency> 创立jedis对象&#xff0c;建立连接 private Jedis jedis; BeforeEach void setUp(){//1 …...

编程日记 2025/7/4 15:48:53

SpringBoot 商城系统高并发引起的库存超卖库存问题 乐观锁 悲观锁 抢购 商品秒杀 高并发

介绍 在高并发场景下&#xff0c;特别是商品秒杀、抢购等情况下&#xff0c;库存超卖问题是一个常见且棘手的问题。为了解决这个问题&#xff0c;Spring Boot 常使用乐观锁和悲观锁来保证数据的正确性和一致性。 悲观锁 悲观锁假设在多线程或多进程环境中&#xff0c;资源会被…...

编程日记 2025/7/4 16:38:57

[python] 轻量级定时任务调度库schedule使用指北

schedule是一款专为简化定时任务调度而设计的Python库&#xff0c;它通过直观的语法降低了周期性任务的实现门槛。作为进程内调度器&#xff0c;它无需额外守护进程&#xff0c;轻量且无外部依赖&#xff0c;适合快速搭建自动化任务。不过&#xff0c;该库在功能完整性上有所取…...

编程日记 2025/7/6 16:17:17

MySQL：to many connections连接数过多

当你遇到 MySQL: Too many connections 错误时&#xff0c;意味着当前连接数已达到 MySQL 配置的最大限制。这通常是由于并发连接过多或连接未正确关闭导致的。 一、查看当前连接数 查看 MySQL 当前允许的最大连接数 SHOW VARIABLES LIKE max_connections;查看当前使用的最大…...

编程日记 2025/7/9 9:50:12

uthash是一个非常轻量级的库

如大家所知&#xff0c;uthash是一个非常轻量级的库。该库的使用非常简单&#xff0c;无需格外的静态库或动态库&#xff0c;仅需导入目标的头文件即可。 这种配置方式虽然简单&#xff0c;但是使用操作却需要用到大量的宏函数。在使用宏函数时不像使用普通函数一样自由和遍历…...

编程日记 2025/7/14 22:11:20

大模型的开发应用（三）：基于LlaMAFactory的LoRA微调（上）

基于LlaMAFactory的LoRA微调&#xff08;上&#xff09; 0 前言1 LoRA微调1 LoRA微调的原理1.2 通过peft库为指定模块添加旁支1.3 lora前后结构输出结果对比1.4 使用PyTorch复现 LoRA.Linear1.5 使用peft进行LoRA微调案例 2 LLaMA-Factory2.1 LLaMA-Factory简介2.2 LLaMA-Facto…...

编程日记 2025/7/13 8:37:20

跨域_Cross-origin resource sharing

同源是指"协议域名端口"三者相同&#xff0c;即便两个不同的域名指向同一个ip,也非同源 1.什么是CORS? CORS是一个W3C标准&#xff0c;全称是"跨域资源共享"&#xff08;Cross-origin resource sharing&#xff09;。它允许浏览器向跨源服务器&#xff…...

编程日记 2025/7/5 16:06:10

奥威BI：打破AI数据分析伪场景，赋能企业真实决策价值

在当今企业数字化转型的浪潮中&#xff0c;AI数据分析产品如雨后春笋般涌现&#xff0c;但许多看似创新的功能设计实则难以落地&#xff0c;沦为“伪需求场景”。这些伪场景不仅浪费企业资源&#xff0c;还可能误导决策&#xff0c;阻碍企业数字化转型进程。在此背景下&#xf…...

编程日记 2025/7/14 20:06:42

LLaMA-Factory全解析：大模型微调的开源利器与实战指

技术演进背景与核心价值架构设计与关键技术解析环境搭建与工具链配置全流程微调实战指南企业级应用与高级功能性能优化与安全部署未来发展趋势展望1. 技术演进背景与核心价值 1.1 大模型微调的技术痛点 当前开源大模型（如LLaMA、Qwen、Baichuan等）在通用领域表现优异，但垂…...

编程日记 2025/7/4 18:52:06

python-数据可视化（大数据、数据分析、可视化图像、HTML页面）

通过 Python 读取 XLS 、CSV文件中的数据&#xff0c;对数据进行处理&#xff0c;然后生成包含柱状图、扇形图和折线图的 HTML 报告。这个方案使用了 pandas 处理数据&#xff0c;matplotlib 生成图表&#xff0c;并将图表嵌入到 HTML 页面中。 1.XSL文件生成可视化图像、生成h…...

编程日记 2025/7/8 4:10:30

Jmeter(一) - 环境搭建

1.JMeter 介绍 Apache JMeter是100%纯JAVA桌面应用程序&#xff0c;被设计为用于测试客户端/服务端结构的软件(例如web应用程序)。它可以用来测试静态和动态资源的性能&#xff0c;例如&#xff1a;静态文件&#xff0c;Java Servlet,CGI Scripts,Java Object,数据库和FTP服务器…...

编程日记 2025/7/11 15:40:13

OpenCV CUDA 模块特征检测与描述------在GPU上执行特征描述符匹配的类cv::cuda::DescriptorMatcher

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 cv::cuda::DescriptorMatcher 是 OpenCV 的 CUDA 模块中用于在 GPU 上执行特征描述符匹配的类。它允许你利用 NVIDIA GPU 的并行计算能力来加速特…...

编程日记 2025/7/13 21:30:21

idea如何让文件夹分层显示，而不是圆点分割

网上说是点击小齿轮的都是过时了&#xff0c;对于新版idea不适用&#xff0c;直接上图 1、如图 2、如图 注意也是去掉Compact Middle Packages&#xff0c;只不过新版的方式UI和老版本的不一样了...

编程日记 2025/7/7 16:18:09

5：OpenCV—直方图均衡化

直方图均衡 直方图均衡是一种用于增强和调整图像对比度的图像处理技术。它通过重新分配图像的像素值&#xff0c;使得图像的灰度级在整个范围内均匀分布&#xff0c;从而增强图像的视觉效果。 图像的直方图是像素强度分布的图形表示。它提供了像素值集中位置以及是否存在异常偏…...

编程日记 2025/7/7 10:37:20

内存分页法

现在有个场景&#xff0c;页面需要分页处理&#xff0c;但是后端在查询完数据库后又会进行筛选&#xff0c;就会导致后端的查询数目跟请求的每页条数是不一样。 解决方案&#xff1a;内存分页法 在内存筛选后手动实现分页逻辑&#xff0c;保证返回数量与请求的 pageSize 一致…...

编程日记 2025/7/10 16:50:49

深入解析FramePack：高效视频帧打包技术原理与实践

摘要 本文深入探讨FramePack技术在视频处理领域的核心原理&#xff0c;解析其在不同场景下的应用优势&#xff0c;并通过OpenCV代码示例演示具体实现方法&#xff0c;为开发者提供可落地的技术解决方案。 目录 1. FramePack技术背景 2. 核心工作原理剖析 3. 典型应用场景 …...

编程日记 2025/7/13 8:47:21

【EI会议火热征稿中】第二届云计算与大数据国际学术会议（ICCBD 2025)

# ACM独立出版 | EI检索稳定、往届会后4个半月完成EI检索 # 热门征稿主题&#xff1a;大数据、5G/6G、物联网、云计算 # 早投稿早送审早录用&#xff01; 重要信息 大会官网&#xff1a;www.iccbd.net 会议主页&#xff1a;【ACM独立出版|EI稳定】第二届云计算与大数据国际…...

编程日记 2025/7/8 14:32:10

对未来软件的看法

有了大模型之后&#xff0c;TypeScript这样增强型javascript语言可能更方便AI来调试。未来的应用会越来越广泛。node.js vue.js会越来越流行。因为方便AI调试&#xff0c;处理错误。 未来&#xff0c;随着 AI 编程工具对 TypeScript 的深度支持&#xff08;如自动类型推导、错误…...

编程日记 2025/7/10 1:18:28

新兴技术与安全挑战

7.1 云原生安全（K8s安全、Serverless防护） 核心风险与攻击面 Kubernetes配置错误： 风险：默认开放Dashboard未授权访问（如kubectl proxy未鉴权）。防御：启用RBAC，限制ServiceAccount权限。Serverless函数注入： 漏洞代码（AWS Lambda）：def lambda_handler(event, cont…...

编程日记 2025/7/9 1:31:17

Prompt Tuning：轻量级大模型微调全攻略

Prompt Tuning（提示调优）步骤金额流程 传统的 Prompt Tuning（提示调优） 是一种轻量级的大模型微调技术，核心是通过优化连续的提示向量（而非模型参数）来适配特定任务。 一、核心步骤概述 准备任务与数据 明确任务类型（如分类、问答等），准备输入文本和目标标签。加载…...

编程日记 2025/7/15 1:13:59

centos7安装mysql8.0

yum install -y mysql-community-server --nogpgcheckcentos7.9安装mysql8.0 在 CentOS 7.9 上安装 MySQL 8.0&#xff0c;你可以通过多种方式实现&#xff0c;但最推荐的方法是使用 MySQL 官方提供的 yum 仓库。这样可以确保安装的 MySQL 版本是最新的&#xff0c;并且易于管理…...

编程日记 2025/7/9 17:09:11

ZooKeeper 原理解析及优劣比较

大家好&#xff0c;这里是架构资源栈&#xff01;点击上方关注&#xff0c;添加“星标”&#xff0c;一起学习大厂前沿架构&#xff01; 引言 在分布式系统中&#xff0c;服务注册、配置管理、分布式锁、选举等场景都需要一个高可用、一致性强的协调服务。Apache ZooKeeper 凭…...

编程日记 2025/7/12 21:01:41

OD 算法题 B卷 【需要打开多少监视器】

文章目录 需要打开多少监视器 需要打开多少监视器 某长方形停车场&#xff0c;每个车位上方都有对应监控器&#xff0c;在当前车位和前后左右四个方向任意一个车位范围停车时&#xff0c;监控器才需要打开。给出某一时刻停车场的停车分布&#xff0c;统计最少需要打开多少个监…...

编程日记 2025/7/7 5:39:24

鸿蒙路由参数传递

页面test.ets 代码如下&#xff1a; import router from ohos.router Entry Component struct Test {State message: string Hello WorldState username: string huState password: string 1build() {Row() {Column() {Text(this.message).fontSize(50).fontWeight(FontWe…...

编程日记 2025/6/29 0:31:39

课程与考核

6.1 课程讲解与实战考核 6.1.1 SQL注入篇考核 考核目标&#xff1a;通过手动注入与工具结合&#xff0c;获取目标数据库敏感信息。 题目示例&#xff1a; 目标URL&#xff1a;http://vuln-site.com/product?id1 要求&#xff1a; 判断注入类型&#xff08;联合查询/报错注…...

编程日记 2025/7/4 19:21:00

CNN、RNN、Transformer对于长距离依赖的捕捉能力分析

卷积网络CNN主要依靠深度来捕捉长距离依赖。但这个过程太间接了&#xff0c;因为信息在网络中实际传播了太多层。究竟哪些信息被保留&#xff0c;哪些被丢弃了&#xff0c;弄不清楚。从实践经验来看&#xff0c;卷积网络捕捉长依赖的能力非常弱。这也是为什么在大多数需要长依赖…...

编程日记 2025/7/7 17:43:31

封装POD与PinMap文件总结学习-20250516

基本概念 芯片封装外形图&#xff08;POD&#xff0c;Package Outline Drawing&#xff09;&#xff0c;详细描述了芯片的物理尺寸、引脚布局和封装类型等信息&#xff1b; Pin Map是芯片封装的一个重要概念。它是一张详细描述芯片封装外形上各个引脚&#xff08;Pin&#xff…...

编程日记 2025/7/7 11:43:40