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

Vue百日学习计划Day24-28天详细计划-Gemini版

总目标: 在 Day 24-27 熟练掌握 Vue.js 的各种模板语法,包括文本插值、属性绑定、条件渲染、列表渲染、事件处理和表单绑定,并能结合使用修饰符。

  • 所需资源:
    • Vue 3 官方文档 (模板语法): https://cn.vuejs.org/guide/essentials/template-syntax.html
    • Vue 3 官方文档 (条件渲染): https://cn.vuejs.org/guide/essentials/conditional.html
    • Vue 3 官方文档 (列表渲染): https://cn.vuejs.org/guide/essentials/list.html
    • Vue 3 官方文档 (事件处理): https://cn.vuejs.org/guide/essentials/event-handling.html
    • Vue 3 官方文档 (表单输入绑定): https://cn.vuejs.org/guide/essentials/forms.html
    • Day 21-23 创建并运行成功的 Vue 3 项目(作为实践环境)。

Day 24: 基础模板语法 - 插值与绑定 (~3 小时)

  • 本日目标: 学习如何在模板中显示数据(文本、HTML)以及如何将数据绑定到 HTML 元素的属性上。

  • 学习计划:

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

      • 内容: 文本插值 ({{ }}) 与 JavaScript 表达式。
      • 活动: 阅读官方文档“模板语法”部分关于文本插值的内容。在你的 Vue 项目中,修改 App.vue 或创建一个新组件,尝试使用 {{ }} 显示组件中的数据 (<script setup> 中的变量)。尝试在插值中使用简单的 JavaScript 表达式(如计算、三元运算符)。
      • 实践:<script setup> 中定义一个变量 message,在 <template> 中显示 {{ message }}。定义 countprice,显示 {{ count * price }}
      • 休息: 短暂休息。
    • 番茄时钟 2 (25 分钟工作 + 5 分钟休息):

      • 内容: 原始 HTML (v-html)。
      • 活动: 阅读官方文档“模板语法”部分关于 v-html 的内容。理解它的作用是将包含 HTML 标签的字符串作为真实的 HTML 插入。重点理解并记住安全风险!
      • 实践:<script setup> 中定义一个包含 HTML 标签的字符串 rawHtml = '<span>有 **加粗** 文字</span>',使用 v-html="rawHtml" 显示它。
      • 休息: 短暂休息。
    • 番茄时钟 3 (25 分钟工作 + 5 分钟休息):

      • 内容: Attribute 绑定 (v-bind:) - 基础。
      • 活动: 阅读官方文档“模板语法”部分关于属性绑定的内容。理解 v-bind 用于动态设置 HTML 属性的值。学习其缩写 :
      • 实践: 绑定 img 标签的 src 属性到一个变量。绑定 a 标签的 href 属性。绑定 buttondisabled 属性到一个布尔值变量。
      • 休息: 短暂休息。
    • 番茄时钟 4 (25 分钟工作 + 5 分钟休息):

      • 内容: Attribute 绑定 (v-bind:) - Class 与 Style 绑定。
      • 活动: 阅读官方文档中关于 Class 与 Style 绑定的详细内容。理解如何通过对象和数组的方式动态绑定元素的 class 和 style。
      • 实践: 根据条件绑定不同的 CSS class。动态绑定元素的颜色或字体大小 style。
      • 休息: 短暂休息。
    • 总结与回顾 (10-15 分钟):

      • 回顾今天学习的四种基本模板显示/绑定方式。
      • 确保理解 {{ }}, v-html, v-bind (:) 的用法和区别。
      • 检查实践代码是否按预期工作。

Day 25: 条件渲染 (v-if, v-show) (~3 小时)

  • 本日目标: 学习如何根据数据的真假来决定元素的显示或隐藏。

  • 所需资源: Vue 3 官方文档 (条件渲染): https://cn.vuejs.org/guide/essentials/conditional.html

  • 学习计划:

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

      • 内容: v-if, v-else
      • 活动: 阅读官方文档“条件渲染”部分关于 v-ifv-else 的内容。理解它们是基于条件“销毁/重建”DOM 元素。
      • 实践: 定义一个布尔值变量 isLoggedIn,使用 v-if 显示“欢迎回来”,使用 v-else 显示“请登录”。
      • 休息: 短暂休息。
    • 番茄时钟 2 (25 分钟工作 + 5 分钟休息):

      • 内容: v-else-if
      • 活动: 阅读官方文档关于 v-else-if 的内容。学习如何在多个条件之间进行选择性渲染。
      • 实践: 定义一个变量 userRole (如 ‘admin’, ‘editor’, ‘viewer’),使用 v-if, v-else-if, v-else 根据角色显示不同的内容或按钮。
      • 休息: 短暂休息。
    • 番茄时钟 3 (25 分钟工作 + 5 分钟休息):

      • 内容: v-show
      • 活动: 阅读官方文档关于 v-show 的内容。理解 v-show 是通过 CSS 的 display 属性来控制元素的显示/隐藏,元素始终存在于 DOM 中。
      • 实践: 定义一个布尔值变量 isLoading,使用 v-show="isLoading" 显示一个加载中的指示器。
      • 休息: 短暂休息。
    • 番茄时钟 4 (25 分钟工作 + 5 分钟休息):

      • 内容: v-if vs v-show
      • 活动: 对比阅读官方文档中 v-ifv-show 的区别和使用场景建议。理解性能差异(v-if 开销大,但切换成本低;v-show 初始开销低,但切换成本高)。
      • 思考: 在哪些情况下应该优先使用 v-if?哪些情况下优先使用 v-show
      • 休息: 短暂休息。
    • 总结与回顾 (10-15 分钟):

      • 回顾 v-if, v-else-if, v-else, v-show 的用法。
      • 巩固 v-ifv-show 的核心区别。
      • 尝试将今天学到的条件渲染应用到昨天创建的实践代码中。

Day 26: 列表渲染 (v-for) (~3 小时)

  • 本日目标: 学习如何使用 v-for 指令基于数组或对象列表渲染多个元素。

  • 所需资源: Vue 3 官方文档 (列表渲染): https://cn.vuejs.org/guide/essentials/list.html

  • 学习计划:

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

      • 内容: v-for 渲染数组 (基础)。
      • 活动: 阅读官方文档“列表渲染”部分关于 v-for 渲染数组的内容。学习基本语法 item in items
      • 实践:<script setup> 中定义一个字符串数组 items = ['Apple', 'Banana', 'Orange']。在 <template> 中使用 v-for="item in items" 渲染一个 <li> 列表显示这些水果名称。
      • 休息: 短暂休息。
    • 番茄时钟 2 (25 分钟工作 + 5 分钟休息):

      • 内容: v-for 渲染数组 (带索引)。
      • 活动: 学习 v-for 带索引的语法 (item, index) in items。理解 index 的作用。
      • 实践: 修改上一步的列表,显示每个水果的索引,例如 {{ index }}. {{ item }}
      • 休息: 短暂休息。
    • 番茄时钟 3 (25 分钟工作 + 5 分钟休息):

      • 内容: v-for 渲染对象、整数范围、<template>
      • 活动: 阅读官方文档中关于 v-for 渲染对象 (value, key, index)、整数范围 (n in 10) 以及在 <template> 标签上使用 v-for 的内容。
      • 实践: 渲染一个对象的属性列表。渲染一个从 1 到 5 的数字列表。在 <template> 标签上使用 v-for 结合 v-if 实现复杂列表结构的渲染。
      • 休息: 短暂休息。
    • 番茄时钟 4 (25 分钟工作 + 5 分钟休息):

      • 内容: key 的重要性。
      • 活动: 阅读官方文档中关于 key 属性的重要性和作用。理解 key 用于给 Vue 一个提示,以跟踪每个节点的身份,从而高效地更新虚拟 DOM。理解为什么不推荐使用索引作为 key (除非数据永不改变)。
      • 实践: 在之前的 v-for 循环中添加 :key="item.id" (如果你的数据有唯一 ID) 或 :key="index" (如果暂时没有唯一 ID,但理解其局限性)。尝试移除 :key 或使用不合适的 key,观察列表更新时的潜在问题 (虽然简单示例可能不明显)。
      • 休息: 短暂休息。
    • 总结与回顾 (10-15 分钟):

      • 回顾 v-for 的各种用法和语法。
      • 重点巩固 key 的作用和正确使用方式。
      • 尝试结合 v-ifv-for 在列表中根据条件显示/隐藏某些项。

Day 27: 事件处理 (v-on) 与表单绑定 (v-model) + 修饰符 (~3 小时)

  • 本日目标: 学习如何响应用户交互(事件)以及如何实现表单输入和应用状态之间的双向绑定。掌握常用修饰符。

  • 所需资源:

    • Vue 3 官方文档 (事件处理): https://cn.vuejs.org/guide/essentials/event-handling.html
    • Vue 3 官方文档 (表单输入绑定): https://cn.vuejs.org/guide/essentials/forms.html
  • 学习计划:

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

      • 内容: 事件处理 (v-on@) - 基础。
      • 活动: 阅读官方文档“事件处理”部分。学习 v-on 指令及其缩写 @ 的用法。理解如何绑定事件到组件方法。
      • 实践:<script setup> 中定义一个方法 handleClick = () => { alert('按钮被点击了!'); }。在 <template> 中使用 @click="handleClick" 绑定到一个按钮。
      • 休息: 短暂休息。
    • 番茄时钟 2 (25 分钟工作 + 5 分钟休息):

      • 内容: 事件处理 - 参数与事件对象,修饰符 (.prevent, .stop)。
      • 活动: 阅读官方文档关于事件处理中传递参数和访问原生事件对象 ($event) 的内容。学习 .prevent (阻止默认事件) 和 .stop (阻止事件冒泡) 修饰符。
      • 实践: 尝试在事件处理方法中接收并打印事件对象 $event。创建一个链接,使用 @click.prevent 阻止页面跳转。创建一个嵌套元素,使用 @click.stop 阻止内部元素的点击事件冒泡到外部元素。
      • 休息: 短暂休息。
    • 番茄时钟 3 (25 分钟工作 + 5 分钟休息):

      • 内容: 表单输入绑定 (v-model) - 文本输入。
      • 活动: 阅读官方文档“表单输入绑定”部分。理解 v-model 用于在表单输入元素和应用状态之间创建双向绑定。从文本输入 <input type="text"><textarea> 开始学习。
      • 实践:<script setup> 中定义一个响应式变量 inputText = ref('')。使用 v-model="inputText" 绑定到一个 <input type="text">。在 <template> 中显示 {{ inputText }},观察输入框内容和显示内容同步变化。对 <textarea> 进行相同的实践。
      • 休息: 短暂休息。
    • 番茄时钟 4 (25 分钟工作 + 5 分钟休息):

      • 内容: 表单输入绑定 (v-model) - 复选框、单选按钮、选择框。
      • 活动: 阅读官方文档关于 v-model<input type="checkbox">, <input type="radio">, <select> 上的用法。理解它们如何绑定到布尔值、数组或单个值。
      • 实践: 绑定一个复选框到布尔值。绑定多个复选框到一个数组。绑定单选按钮到一个值。绑定选择框(单选和多选)到一个值或数组。
      • 休息: 短暂休息。
    • 番茄时钟 5 (25 分钟工作 + 5 分钟休息):

      • 内容: v-model 修饰符 (.lazy, .number, .trim)。
      • 活动: 阅读官方文档关于 v-model 修饰符的内容。理解 .lazy (将 input 事件改为 change 事件)、.number (自动将输入转为数字) 和 .trim (自动去除首尾空白字符) 的作用。
      • 实践: 对文本输入使用 .lazy,观察同步时机。对数字输入使用 .number,检查绑定变量的类型。对文本输入使用 .trim,输入带空格的文本,观察显示结果。
      • 休息: 短短休息。
    • 总结与实践 (10-15 分钟):

      • 回顾事件处理和表单绑定的核心概念和常用指令。
      • 总结学习过的各种修饰符及其作用。
      • 实践: 尝试构建一个小表单,包含不同类型的输入框,并使用 v-model 绑定数据,使用 @submit.prevent 阻止表单默认提交,并在提交时(点击按钮)打印绑定的数据。结合条件渲染和列表渲染,例如,根据复选框的状态显示/隐藏某些内容,或者根据输入框过滤一个列表。

掌握检查:

  • 在 Day 27 结束时,你应该能够:
    • 在模板中正确使用 {{ }}v-html 显示数据。
    • 使用 v-bind (:) 动态绑定元素的属性、class 和 style。
    • 使用 v-if, v-else-if, v-elsev-show 控制元素的显示/隐藏。
    • 使用 v-for 渲染数组或对象列表,并理解 key 的作用。
    • 使用 v-on (@) 绑定事件到方法,处理事件对象,并使用 .prevent.stop 修饰符。
    • 使用 v-model 实现表单输入元素的双向绑定,并了解其在不同输入类型上的用法。
    • 能够使用 .lazy, .number, .trimv-model 修饰符。
    • 尝试将这些指令和修饰符结合起来解决一些简单的界面交互问题。

相关文章:

Vue百日学习计划Day24-28天详细计划-Gemini版

总目标: 在 Day 24-27 熟练掌握 Vue.js 的各种模板语法&#xff0c;包括文本插值、属性绑定、条件渲染、列表渲染、事件处理和表单绑定&#xff0c;并能结合使用修饰符。 所需资源: Vue 3 官方文档 (模板语法): https://cn.vuejs.org/guide/essentials/template-syntax.htmlVu…...

C++_数据结构_哈希表(hash)实现

✨✨ 欢迎大家来到小伞的大讲堂✨✨ &#x1f388;&#x1f388;养成好习惯&#xff0c;先赞后看哦~&#x1f388;&#x1f388; 所属专栏&#xff1a;C学习 小伞的主页&#xff1a;xiaosan_blog 制作不易&#xff01;点个赞吧&#xff01;&#xff01;谢谢喵&#xff01;&…...

elasticsearch kibana ik 各版本下载

https://release.infinilabs.com/analysis-ik/stable/或者 https://github.com/infinilabs/analysis-ik/releases...

Uniapp 与 Uniapp X 对比:新手上手指南及迁移到 Uniapp X 的注意事项

文章目录 前言一、Uniapp 与 Uniapp X 核心区别二、Uniapp X 的核心优势三、新手学习 Uniapp X 必备技能栈3.1 基础技能要求3.2 平台相关知识3.3 工具链掌握 四、从 Uniapp 迁移到 Uniapp X 的注意事项4.1 语法转换&#xff1a;4.2 组件替换&#xff1a;4.3 状态管理&#xff1…...

SQL性能分析

查看数据库操作频次 使用SHOW GLOBAL STATUS LIKE Com_______; 指令&#xff0c;能查看当前数据库的INSERT、UPDATE、DELETE、SELECT访问频次 。若以查询为主&#xff0c;需重点优化查询相关性能&#xff0c;如索引&#xff1b;若以增删改为主&#xff0c;可考虑事务处理、批量…...

CANoe测试应用案例之A2L

写在前面 本系列文章主要讲解CANoe测试应用案例之A2L的相关知识&#xff0c;希望能帮助更多的同学认识和了解CANoe测试。 若有相关问题&#xff0c;欢迎评论沟通&#xff0c;共同进步。(*^▽^*) CANoe Option AMD/XCP支持加载A2L到CANoe中&#xff0c;方便ECU内部变量在功能验…...

H2数据库源码学习+debug, 数据库 sql、数据库引擎、数据库存储从此不再神秘

一、源码结构概览 H2源码采用标准Maven结构&#xff0c;核心模块在src/main/org/h2目录下&#xff1a; ├── command/ # SQL解析与执行 ├── engine/ # 数据库引擎核心&#xff08;会话、事务&#xff09; ├── table/ # 表结构定义与操作 ├── index/ # 索引实现&am…...

PopSQL:一个支持团队协作的SQL开发工具

PopSQL 是一款专为团队协作设计的现代化 SQL 编辑器&#xff0c;通过通团队过协作编写 SQL 查询、交互式可视化以及共享结果提升数据分析和管理效率。 PopSQL 提供了基于 Web 的在线平台以及跨系统&#xff08;Windows、macOS、Linux&#xff09;的桌面应用&#xff0c;包括免费…...

tomcat查看状态页及调优信息

准备工作 先准备一台已经安装好tomcat的虚拟机&#xff0c;tomcat默认是状态页是默认被禁用的 1.添加授权用户 vim /usr/local/tomcat/conf/tomcat-users.xml22 <role rolename"manager-gui"/>23 <user username"admin" password"tomcat&q…...

贝塞尔曲线原理

文章目录 一、 低阶贝塞尔曲线1.一阶贝塞尔曲线2. 二阶贝塞尔曲线3. 三阶贝塞尔曲线 一、 低阶贝塞尔曲线 1.一阶贝塞尔曲线 如下图所示&#xff0c; P 0 ​ P_0​ P0​​, P 1 ​ P_1​ P1​​ 是平面中的两点&#xff0c;则 B ( t ) B ( t ) B(t) 代表平面中的一段线段。…...

【MYSQL】笔记

&#x1f4da; 博主的专栏 &#x1f427; Linux | &#x1f5a5;️ C | &#x1f4ca; 数据结构 | &#x1f4a1;C 算法 | &#x1f152; C 语言 | &#x1f310; 计算机网络 在ubuntu中&#xff0c;改配置文件&#xff1a; sudo nano /etc/mysql/mysql.conf.d/mysq…...

构建 TypoView:一个富文本样式预览工具的全流程记录

我正在参加CodeBuddy「首席试玩官」内容创作大赛&#xff0c;本文所使用的 CodeBuddy 免费下载链接&#xff1a;腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴 在一次和 CodeBuddy 的日常交流中&#xff0c;我提出了一个构想&#xff1a;能不能帮我从零构建一个富文本样式…...

使用conda创建python虚拟环境,并自定义路径

创建虚拟环境 conda create --prefixE:/ai-tools/Luoxuejiao/envs/Luo24 python3.8 此时虚拟环境没有名字&#xff0c;只有路径&#xff0c;下面将名字添加到配置中&#xff1a; conda config --append envs_dirs E:/ai-tools/Luoxuejiao/envs/...

【自然语言处理与大模型】向量数据库技术

向量数据库&#xff0c;是专门为向量检索设计的中间件&#xff01; 高效存储、快速检索和管理高纬度向量数据的系统称为向量数据库 一、向量数据库是什么有什么用&#xff1f; 向量数据库是一种专门用于高效存储和检索高维向量数据的系统。它通过嵌入模型将各类非结构化数据&am…...

Java中的伪共享(False Sharing):隐藏的性能杀手与高并发优化实战

引言 在高性能Java应用中&#xff0c;开发者通常会关注锁竞争、GC频率等显性问题&#xff0c;但一个更隐蔽的陷阱——伪共享&#xff08;False Sharing&#xff09;​——却可能让精心设计的并发代码性能骤降50%以上。伪共享是由CPU缓存架构引发的底层问题&#xff0c;常见于多…...

【数据结构】2-3-3单链表的查找

数据结构知识点合集 知识点 单链表的按位查找 GetElem(L,i)&#xff1a;按位查找操作。获取表L中第i个位置的元素的值。 /*查找L中的第i个节点并返回*/ LNode *GetElm(LinkList L,int i) { /*位置不合法返回NULL*/ if(i<0) return NULL; /*p指向当前节…...

从0开始学linux韦东山教程第四章问题小结(1)

本人从0开始学习linux&#xff0c;使用的是韦东山的教程&#xff0c;在跟着课程学习的情况下的所遇到的问题的总结,理论虽枯燥但是是基础。说实在的越看视频越感觉他讲的有点乱后续将以他的新版PDF手册为中心&#xff0c;视频作为辅助理解的工具。参考手册为嵌入式Linux应用开发…...

TYUT-企业级开发教程-第三章

JAVAWEB的三大组件 在 Spring Boot 项目中&#xff0c;会自动将 Spring 容器中的 Servlet 、 Filter 、 Listener 实例注册为 Web 服务器中对应的组件。因此&#xff0c;可以将自定义的 Java Web 三大组件作为 Bean 添加到 Spring 容器中&#xff0c;以实现组件的注册。使用 S…...

【数据结构】2-3-2 单链表的插入删除

数据结构知识点合集 知识点 按位序插入带头节点链表 ListInsert(&L,i,e)&#xff1a;插入操作。在表L中的第i个位置上插入指定元素e&#xff1b;找到第 i-1 个结点&#xff0c;将新结点插入其后 。 /*在带头节点的单链表L的第i个位置插入元素e*/ bool ListInsert(LinkList …...

spark-配置yarn模式

1.上传并解压spark-3.1.1-bin-hadoop3.2.tgz &#xff08;/opt/software) 解压的命令是&#xff1a;tar -zxvf spark-3.3.1-bin-hadoop3.tgz -C /opt/module (cd /opt/software 进入software&#xff09; 2.重命名 解压之后的目录为spark-yarn&#xff08;原为spark-3.1.1-…...

鸿蒙系统电脑:开启智能办公新时代

鸿蒙系统电脑&#xff1a;开启智能办公新时代 引言 2025 年 5 月 8 日&#xff0c;华为正式推出了鸿蒙系统电脑&#xff0c;这款具有里程碑意义的产品&#xff0c;不仅彰显了华为在智能设备领域的创新实力&#xff0c;也为用户带来了全新的智能办公体验。在数字化转型加速的背…...

Ubuntu---omg又出bug了

自用遇到问题的合集 250518——桌面文件突然消失 ANS&#xff1a;参考博文...

COCO数据集神经网络性能现状2025.5.18

根据当前搜索结果&#xff0c;截至2025年5月&#xff0c;COCO数据集上性能最佳的神经网络模型及其关键参数如下&#xff1a; 1. D-FINE&#xff08;中科大团队&#xff09; 性能参数&#xff1a; 在COCO数据集上以78 FPS的速度实现了59.3%的平均精度&#xff08;AP&#xff0…...

elementplus menu 设置 activeindex

<el-menu:default-active"defaultActive"> 更改当前激活的 index 可以 绑定:default-active"defaultActive" 改变 defaultActive 值 即会改变 index 但不会改变路径 watch(() > route.fullPath,(newPath: string) > {defaultActive.value…...

张 心理问题的分类以及解决流程

心理问题的分类以及解决流程 目录 心理问题的分类以及解决流程心理问题的分类**一、心理问题的分类与层次****1. 一般心理问题****2. 严重心理问题****3. 神经症性心理问题(神经症)****4. 精神障碍**轻度问题以心理咨询==判断:时间(3个月,1年,大于1年=神经质),社会功能(…...

网页 H5 微应用接入钉钉自动登录

ℹ️关于云审批 云审批&#xff08;cloud approve&#xff09; &#xff0c;一款专为小微企业打造&#xff0c;支持多租户的在线审批神器。它简化了申请和审批流程&#xff0c;让您随时随地通过手机或电脑完成请款操作。员工一键提交申请&#xff0c;审批者即时响应&#xff0c…...

接口——类比摄像

最近迷上了买相机&#xff0c;大疆Pocket、Insta Go3、大疆Mini3、佳能50D、vivo徕卡人像大师&#xff08;狗头&#xff09;&#xff0c;在买配件的时候&#xff0c;发现1/4螺口简直是神中之神&#xff0c;这个万能接口让我想到计算机设计中的接口&#xff0c;遂有此篇—— 接…...

java每日精进 5.18【文件存储】

1.文件存储思路 支持将文件上传到三类存储器&#xff1a; 兼容 S3 协议的对象存储&#xff1a;支持 MinIO、腾讯云 COS、七牛云 Kodo、华为云 OBS、亚马逊 S3 等等。磁盘存储&#xff1a;本地、FTP 服务器、SFTP 服务器。数据库存储&#xff1a;MySQL、Oracle、PostgreSQL、S…...

LeetCode 394. 字符串解码详解:Java栈实现与逐行解析

文章目录 1. 问题描述2. 解决思路核心问题栈的应用遍历逻辑 3. 完整代码实现4. 关键代码解析处理右括号 ]处理嵌套的示例 5. 复杂度分析6. 总结 1. 问题描述 给定一个经过编码的字符串&#xff0c;要求将其解码为原始字符串。编码规则为 k[encoded_string]&#xff0c;表示方括…...

基于STC89C52的红外遥控的电子密码锁设计与实现

一、引言 电子密码锁作为一种安全便捷的门禁系统,广泛应用于家庭、办公室等场景。结合红外遥控功能,可实现远程控制开锁,提升使用灵活性。本文基于 STC89C52 单片机,设计一种兼具密码输入和红外遥控的电子密码锁系统,详细阐述硬件选型、电路连接及软件实现方案。 二、硬…...

Android 性能优化入门(一)—— 数据结构优化

1、概述 一款 app 除了要有令人惊叹的功能和令人发指交互之外&#xff0c;在性能上也应该追求丝滑的要求&#xff0c;这样才能更好地提高用户体验&#xff1a; 优化目的性能指标优化的方向更快流畅性启动速度页面显示速度(显示和切换)响应速度更稳定稳定性避免出现 应用崩溃&…...

深入理解Docker和K8S

深入理解Docker和K8S Docker 是大型架构的必备技能&#xff0c;也是云原生核心。Docker 容器化作为一种轻量级的虚拟化技术&#xff0c;其核心思想&#xff1a;将应用程序及其所有依赖项打包在一起&#xff0c;形成一个可移植的单元。 容器的本质是进程&#xff1a; 容器是在…...

5.18本日总结

一、英语 复习list3list28 二、数学 学习14讲部分内容&#xff0c;1000题13讲部分 三、408 学习计网5.3剩余内容 四、总结 计网TCP内容比较重要&#xff0c;连接过程等要时常复习&#xff1b;高数学到二重积分对定积分的计算相关方法有所遗忘&#xff0c;需要加强巩固。…...

muduo库TcpServer模块详解

Muduo库核心模块——TcpServer Muduo库的TcpServer模块是一个基于Reactor模式的高性能TCP服务端实现&#xff0c;负责管理监听端口、接受新连接、分发IO事件及处理连接生命周期。 一、核心组件与职责 Acceptor 监听指定端口&#xff0c;接受新连接&#xff0c;通过epoll监听l…...

深入理解 OpenCV 的 DNN 模块:从基础到实践

在计算机视觉领域蓬勃发展的当下&#xff0c;深度学习模型的广泛应用推动着技术的不断革新。OpenCV 作为一款强大且开源的计算机视觉库&#xff0c;其 DNN&#xff08;Deep Neural Network&#xff09;模块为深度学习模型的落地应用提供了高效便捷的解决方案。本文将以理论为核…...

MyBatis 延迟加载与缓存

一、延迟加载策略&#xff1a;按需加载&#xff0c;优化性能 1. 延迟加载 vs 立即加载&#xff1a;核心区别 立即加载&#xff1a;主查询&#xff08;如查询用户&#xff09;执行时&#xff0c;主动关联加载关联数据&#xff08;如用户的所有账号&#xff09;。 场景&#xf…...

6.2.2邻接表法-图的存储

知识总览&#xff1a; 为什么要用邻接表 因为邻接矩阵的空间复杂度高(O(n))&#xff0c;且不适合边少的稀疏图&#xff0c;所以有了邻接表 用代码表示顶点、图 声明顶点图信息 声明顶点用一维数组存储各个顶点的信息&#xff0c;一维数组字段包括2个&#xff0c;每个顶点的…...

【甲方安全建设】拉取镜像执行漏洞扫描教程

文章目录 前置知识镜像(Docker Image)是什么?镜像的 tag(标签)查看本地已有镜像的 tag查看远程仓库的所有 tag构建镜像与拉取镜像的区别正文安装docker拉取待扫描镜像安装 veinmind-runner 镜像下载 veinmind-runner 平行容器启动脚本快速扫描本地镜像/容器6. 生成 报告前…...

第四天的尝试

目录 一、每日一言 二、练习题 三、效果展示 四、下次题目 五、总结 一、每日一言 很抱歉的说一下&#xff0c;我昨天看白色巨塔电视剧&#xff0c;看的入迷了&#xff0c;同时也看出一些道理&#xff0c;学到东西&#xff1b; 但是把昨天的写事情给忘记了&#xff0c;今天…...

大数据场景下数据导出的架构演进与EasyExcel实战方案

一、引言&#xff1a;数据导出的演进驱动力 在数字化时代&#xff0c;数据导出功能已成为企业数据服务的基础能力。随着数据规模从GB级向TB级甚至PB级发展&#xff0c;传统导出方案面临三大核心挑战&#xff1a; ‌数据规模爆炸‌&#xff1a;单次导出数据量从万级到亿级的增长…...

svn: E170013 和 svn: E120171 的问题

在 Deepin23 上尝试用 svn 连接我的 Visual SVN 服务器&#xff0c;得到如下错误信息&#xff0c; > svn: E170013: Unable to connect to a repository at URL https://my.com/svn/mysource/branch_4.2.x > svn: E120171: 执行上下文错误: An error occurred during SSL…...

Limesurvay系统“48核心92GB服务器”优化方案

1、Redis maxmemory 16GB # 限制Redis内存&#xff08;预留足够空间给其他服务&#xff09; maxmemory-policy volatile-lru # 自动淘汰旧会话&#xff08;仅对带TTL的键&#xff09; save 300 100 # 仅保留一个条件减少阻塞 stop-writes-on-bgsave-error no #…...

DockerFile实战

背景 在上一篇文章中&#xff0c;我们对DockerFile有了一个较为深刻的认识&#xff0c;那么这篇文章&#xff0c;我将会向你展示如何自定义一个镜像并且在docker上运行。 一、基础指令 指令技术说明生产环境最佳实践典型错误示例​FROM​- 必须作为Dockerfile第一条指令 - 推…...

【Linux】简易版Shell实现(附源码)

&#x1f31f;&#x1f31f;作者主页&#xff1a;ephemerals__ &#x1f31f;&#x1f31f;所属专栏&#xff1a;Linux 前言 之前我们学习了Linux的进程概念以及进程控制相关接口&#xff1a; 【Linux】进程控制-CSDN博客 本篇文章&#xff0c;我们将一起踏上一段有趣的旅程&a…...

MATLAB安装常见问题解决方案

目前新版本的matlab安装往往需要十几G的本地安装容量&#xff0c;例如matlab2022b、matlab2023b, 首先就是要保证本地硬盘空间足够大&#xff0c;如果没有足够的本地内存空间&#xff0c;那么可以尝试释放本地硬盘空间&#xff0c;或者安装所需内存空间较小的旧版本的matlab&am…...

在 Vue 中插入 B 站视频

前言 在 Vue 项目中&#xff0c;有时我们需要嵌入 B 站视频来丰富页面内容&#xff0c;为用户提供更直观的信息展示。本文将详细介绍在 Vue 中插入 B 站视频的多种方法。 使用<iframe>标签直接嵌入,<iframe>标签是一种简单直接的方式&#xff0c;可将 B 站视频嵌…...

【深度学习】#12 计算机视觉

主要参考学习资料&#xff1a; 《动手学深度学习》阿斯顿张 等 著 【动手学深度学习 PyTorch版】哔哩哔哩跟李沐学AI 目录 目标检测锚框交并比&#xff08;IoU&#xff09;锚框标注真实边界框分配偏移量计算损失函数 非极大值抑制预测 多尺度目标检测单发多框检测&#xff08;S…...

QT学习3

QT项目视图 1、List View清单视图 private:QListView *listview1; private slots:void slotClickedFunc(const QModelIndex &index); #include "widget.h" #include "ui_widget.h"#include <QStringListModel>//字符串列表模型 #include <QS…...

Vue 3 动态 ref 的使用方式(表格)

一、问题描述 先给大家简单介绍一下问题背景。我正在开发的项目中&#xff0c;有一个表格组件&#xff0c;其中一列是分镜描述&#xff0c;需要支持视频上传功能。用户可以为每一行的分镜描述上传对应的视频示例。然而&#xff0c;在实现过程中&#xff0c;出现了一个严重的问…...

FAST-DDS源码分析PDP(一)

准备开一个FAST-DDS源码分析系列&#xff0c;源码版本FAST-DDS 1.1.0版本。 FAST-DDS这种网络中间件是非常复杂的&#xff0c;所以前期先去分析每个类的作用是什么&#xff0c;然后在结合RTPS DOC&#xff0c;FAST-DDS DEMO,以及FAST-DDS的doc去串起来逻辑。 Builtin Discovery…...