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

Vue百日学习计划Day4-8——Gemini版

news 来源：原创 2025/6/28 15:55:53
  • 番茄时钟： 每个番茄钟为25分钟学习，之后休息5分钟。每完成4个番茄钟，进行一次15-30分钟的长休息。
  • 灵活性： 这仍然是一个建议性计划。某些主题（尤其是 Flexbox 和 Grid）可能需要比预期更多的时间来练习和理解。请根据您的进度灵活调整。
  • 实践是关键： 对于 Flexbox、Grid 和响应式设计，动手实践至关重要。请务必完成相关的练习和游戏。
  • 资源利用：
    • MDN Web Docs (CSS): https://developer.mozilla.org/zh-CN/docs/Web/CSS
    • CSS Tricks (Flexbox 指南): https://css-tricks.com/snippets/css/a-guide-to-flexbox/
    • CSS Tricks (Grid 指南): https://css-tricks.com/snippets/css/complete-guide-grid/
    • Flexbox Froggy: https://flexboxfroggy.com/
    • Grid Garden: https://cssgridgarden.com/

学习目标 Day 4-8：CSS 进阶与现代布局

  • Day 4：选择器权重精通与盒模型再探
    • 深入理解并能计算 CSS 选择器的权重。
    • 彻底掌握盒模型，特别是 box-sizing 的应用。
    • 理解并应用外边距折叠 (Margin Collapse) 的规则。
  • Day 5：Flexbox 布局基础与实践 (一)
    • 理解 Flexbox 布局的核心概念（容器与项目、主轴与交叉轴）。
    • 掌握 Flex 容器的主要属性。
    • 通过 Flexbox Froggy 进行初步实践。
  • Day 6：Flexbox 布局进阶与实践 (二) 及 定位 (Positioning)
    • 掌握 Flex 项目的主要属性。
    • 能够使用 Flexbox 构建常见的布局模式。
    • 学习 CSS 定位 (Positioning)：static, relative, absolute, fixed, sticky。
  • Day 7：Grid 布局入门与响应式设计基础
    • 理解 Grid 布局的核心概念（容器与项目、网格线、网格轨道、网格单元）。
    • 掌握 Grid 容器的基本定义属性。
    • 通过 Grid Garden 进行初步实践。
    • 理解响应式设计的概念和重要性。
    • 学习使用 Media Queries 实现基本的响应式布局。
  • Day 8：Grid 布局进阶, BFC, CSS 变量与动效基础
    • 掌握 Grid 项目的放置属性和对齐属性。
    • 能够使用 Grid 构建更复杂的二维布局。
    • 理解 BFC (块级格式化上下文) 的概念及其作用。
    • 学习 CSS 变量 (自定义属性) 的使用。
    • 初步了解 CSS 过渡 (Transitions) 与动画 (Animations) 的基础用法。

每日学习计划 (3小时/天)

Day 4: 选择器权重精通与盒模型再探

  • 第1个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： CSS 选择器权重 (Specificity) - 概念与计算规则。
    • 内容： 阅读 MDN 关于选择器权重的文档，理解内联、ID、类/属性/伪类、元素/伪元素选择器的权重级别。
    • 实践： 尝试手写不同组合的选择器，并手动计算其权重。
  • 第2个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： CSS 选择器权重 - !important 与实际应用。
    • 内容： 学习 !important 的作用及其对权重的覆盖，讨论其使用场景和应避免的情况。
    • 实践： 创建一些冲突的样式规则，通过调整选择器或使用 !important 来观察其效果。
  • 第3个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 盒模型 (Box Model) 深入回顾 - content-box vs border-box。
    • 内容： 再次回顾 width, height, padding, border, margin。重点理解 box-sizing 属性，特别是 border-box 的优势。
    • 实践： 创建元素，分别在 content-box 和 border-box 模式下设置相同的 width, padding, border，观察最终占据的空间。
  • 第4个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 外边距折叠 (Margin Collapse)。
    • 内容： 学习相邻兄弟元素、父子元素（无内容、padding、border 分隔时）以及空块元素的外边距折叠规则。
    • 实践： 创建不同的 HTML 结构来复现各种外边距折叠的场景，并尝试使用 BFC 或其他技巧来阻止折叠。
    • (长休息: 15-30分钟)
  • 第5个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 盒模型相关练习。
    • 内容： 查找一些关于盒模型的在线练习题或自己设计一些小布局，专注于精确控制元素的尺寸和间距。
    • 实践： 完成练习，确保理解 padding, border, margin 如何影响布局。
  • 第6个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 今日内容回顾与总结。
    • 内容： 快速回顾选择器权重计算和盒模型的关键点。
    • 实践： 尝试解释给“橡皮鸭”听，或者写一篇简短的总结笔记。

Day 5: Flexbox 布局基础与实践 (一)

  • 第1个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flexbox 简介与核心概念。
    • 内容： 阅读 MDN 或 CSS Tricks 关于 Flexbox 的介绍。理解 Flexbox 是什么，为什么需要它，以及核心概念：flex 容器 (flex container) 和 flex 项目 (flex item)，主轴 (main axis) 和交叉轴 (cross axis)。
    • 实践： 画图理解主轴和交叉轴在不同 flex-direction 下的变化。
  • 第2个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flex 容器属性 (一): display: flex 与 flex-direction。
    • 内容： 学习如何将一个元素变为 flex 容器，以及如何使用 flex-direction (row, row-reverse, column, column-reverse) 控制主轴方向。
    • 实践： 创建一个容器和几个项目，尝试不同的 flex-direction 值，观察项目排列的变化。
  • 第3个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flex 容器属性 (二): flex-wrap 与 flex-flow。
    • 内容： 学习 flex-wrap (nowrap, wrap, wrap-reverse) 如何控制项目是否换行，以及 flex-flow 作为 flex-direction 和 flex-wrap 的简写。
    • 实践： 增加 flex 项目的数量，使其超出容器宽度/高度，测试 flex-wrap 的效果。
  • 第4个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flex 容器属性 (三): justify-content。
    • 内容： 学习 justify-content (flex-start, flex-end, center, space-between, space-around, space-evenly) 如何控制项目在主轴上的对齐方式。
    • 实践： 针对不同的 flex-direction，尝试所有 justify-content 的值，观察效果。
    • (长休息: 15-30分钟)
  • 第5个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flex 容器属性 (四): align-items。
    • 内容： 学习 align-items (stretch, flex-start, flex-end, center, baseline) 如何控制项目在交叉轴上的对齐方式（单行）。
    • 实践： 尝试所有 align-items 的值，观察项目在交叉轴上的表现。
  • 第6个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flexbox Froggy 游戏练习 (关卡 1-12)。
    • 内容： 打开 Flexbox Froggy (https://flexboxfroggy.com/)。
    • 实践： 通过游戏的方式练习今天学习的 Flex 容器属性。目标完成前 12 关。

Day 6: Flexbox 布局进阶与实践 (二) 及 定位 (Positioning)

  • 第1个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flex 容器属性 (五): align-content。
    • 内容： 学习 align-content (flex-start, flex-end, center, space-between, space-around, stretch) 如何控制多行项目在交叉轴上的对齐方式。注意与 align-items 的区别。
    • 实践： 确保 flex 容器内有多行项目 (flex-wrap: wrap)，然后尝试不同的 align-content 值。
  • 第2个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flex 项目属性 (一): order, flex-grow, flex-shrink。
    • 内容： 学习 order 如何改变项目顺序，flex-grow 如何分配剩余空间，flex-shrink 如何处理空间不足的情况。
    • 实践： 创建多个 flex 项目，尝试修改它们的 order，并设置不同的 flex-grow 和 flex-shrink 值，观察布局变化。
  • 第3个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flex 项目属性 (二): flex-basis 与 flex 简写属性, align-self。
    • 内容： 学习 flex-basis 定义项目在主轴上的初始大小，flex 作为 flex-grow, flex-shrink, flex-basis 的简写。学习 align-self 如何覆盖容器的 align-items。
    • 实践： 使用 flex 简写属性，并为单个项目设置 align-self。
  • 第4个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Flexbox Froggy 游戏练习 (关卡 13-24)。
    • 内容： 继续 Flexbox Froggy 游戏。
    • 实践： 目标完成剩余关卡，熟练运用 Flexbox 容器和项目属性。
    • (长休息: 15-30分钟)
  • 第5个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： CSS 定位 (Positioning) 基础：static, relative, absolute。
    • 内容： 阅读 MDN 关于 position 属性的文档。理解 static (默认值)，relative (相对自身位置偏移)，absolute (相对于最近的非 static 定位祖先元素定位)。学习 top, right, bottom, left 属性。
    • 实践： 创建元素，分别设置不同的 position 值，并配合 top, left 等观察其行为。特别注意 absolute 定位的参照物。
  • 第6个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： CSS 定位 (Positioning) 进阶：fixed, sticky 与 z-index。
    • 内容： 理解 fixed (相对于浏览器窗口定位)，sticky (粘性定位) 的行为。学习 z-index 如何控制定位元素的堆叠顺序。
    • 实践： 创建一个长页面，尝试 fixed 和 sticky 定位效果。创建多个重叠的定位元素，使用 z-index 调整它们的显示层级。

Day 7: Grid 布局入门与响应式设计基础

  • 第1个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Grid 布局简介与核心概念。
    • 内容： 阅读 MDN 或 CSS Tricks 关于 Grid 布局的介绍。理解 Grid 是什么，与 Flexbox 的区别（一维 vs 二维），核心概念：grid 容器 (grid container) 和 grid 项目 (grid item)，网格线 (grid line)，网格轨道 (grid track)，网格单元 (grid cell)，网格区域 (grid area)。
    • 实践： 画图理解 Grid 的二维结构。
  • 第2个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Grid 容器属性 (一): display: grid, grid-template-columns, grid-template-rows。
    • 内容： 学习如何将元素变为 grid 容器。使用 grid-template-columns 和 grid-template-rows 定义网格的列宽和行高 (使用长度单位、百分比、fr 单位、repeat() 函数)。
    • 实践： 创建一个 grid 容器和几个项目，定义不同数量和大小的列和行，观察项目的排列。
  • 第3个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Grid 容器属性 (二): grid-gap (或 gap, row-gap, column-gap), grid-template-areas。
    • 内容： 学习 grid-gap (以及新的 gap 属性) 设置网格线之间的间距。初步了解 grid-template-areas 通过命名网格区域来布局。
    • 实践： 为网格添加间距。尝试使用 grid-template-areas 定义一个简单的布局。
  • 第4个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Grid Garden 游戏练习 (关卡 1-14)。
    • 内容： 打开 Grid Garden (https://cssgridgarden.com/)。
    • 实践： 通过游戏的方式练习今天学习的 Grid 容器属性。目标完成前 14 关。
    • (长休息: 15-30分钟)
  • 第5个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： 响应式设计 (Responsive Design) 概览与 Viewport。
    • 内容： 理解什么是响应式网页设计及其重要性。学习 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 标签的作用。
    • 实践： 在一个 HTML 文件中加入 viewport meta 标签，在浏览器开发者工具中切换不同设备预览。
  • 第6个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Media Queries 基础。
    • 内容： 学习 @media 规则的语法，如何根据不同的媒体特性 (如 min-width, max-width, orientation) 应用不同的 CSS 样式。
    • 实践： 编写一个简单的 Media Query，使得页面在不同屏幕宽度下背景色不同，或者字体大小改变。

Day 8: Grid 布局进阶, BFC, CSS 变量与动效基础

  • 第1个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Grid 项目属性 (一): grid-column-start, grid-column-end, grid-row-start, grid-row-end。
    • 内容： 学习如何通过指定网格线来放置 grid 项目，以及 span 关键字的用法。
    • 实践： 创建一个 Grid 布局，手动指定项目占据的网格单元。
  • 第2个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： Grid 项目属性 (二): grid-column, grid-row, grid-area 简写。Grid 项目对齐 (justify-self, align-self, place-self)。
    • 内容： 学习简写属性。学习如何在网格单元内对齐项目。
    • 实践： 使用简写属性放置项目，并尝试不同的对齐方式。继续 Grid Garden 游戏 (关卡 15-28)。
  • 第3个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： BFC (块级格式化上下文) - 概念与应用。
    • 内容： 理解什么是 BFC，如何创建 BFC (例如：overflow: auto/hidden, display: flow-root, position: absolute/fixed 等)。理解 BFC 的特性 (如：包含浮动元素，阻止外边距折叠)。
    • 实践： 创建一个包含浮动元素的父容器，通过将其变为 BFC 来清除浮动。尝试用 BFC 解决外边距折叠问题。
  • 第4个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： CSS 变量 (自定义属性)。
    • 内容： 学习如何声明 (--variable-name: value;) 和使用 (var(--variable-name)) CSS 变量。理解其作用域和级联性。
    • 实践： 定义一些颜色、字体大小等作为 CSS 变量，并在多个地方使用它们。尝试在 Media Query 中修改 CSS 变量的值。
    • (长休息: 15-30分钟)
  • 第5个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： CSS 过渡 (Transitions) 基础。
    • 内容： 学习 transition-property, transition-duration, transition-timing-function, transition-delay 以及简写属性 transition。
    • 实践： 为元素的某个属性 (如 background-color, width, opacity) 添加过渡效果，当鼠标悬停或状态改变时观察平滑变化。
  • 第6个番茄钟 (25分钟学习 + 5分钟休息):
    • 主题： CSS 动画 (Animations) 基础。
    • 内容： 学习 @keyframes 规则定义动画序列，以及 animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction 等属性。
    • 实践： 创建一个简单的 @keyframes 动画 (如：背景色变化、元素移动)，并将其应用到元素上。

相关文章：

Vue百日学习计划Day4-8——Gemini版

番茄时钟&#xff1a; 每个番茄钟为25分钟学习&#xff0c;之后休息5分钟。每完成4个番茄钟&#xff0c;进行一次15-30分钟的长休息。灵活性&#xff1a; 这仍然是一个建议性计划。某些主题&#xff08;尤其是 Flexbox 和 Grid&#xff09;可能需要比预期更多的时间来练习和理解…...

编程日记 2025/6/28 15:55:53

DHCP协议

DHCP协议 1、掌握DHCP的工作原理 2、会在Windows server上去部署DHCP服务 3、抓流量 正常收到攻击后 一、DHCP 1、DHCP基本概念 dhcp(动态主机配置协议)&#xff1a;主要就是给客户机提供TCP/IP参数(IP地址、子网掩码、网关、DNS等&#xff09; 2、好处 减少管理员工作…...

编程日记 2025/6/26 7:23:52

级联与端到端对话系统架构解析：以Moshi为例

一、对话系统架构对比 1.1 级联对话系统&#xff08;Cascaded Dialogue Systems&#xff09; 传统级联系统采用多阶段处理流程&#xff1a; 语音识别&#xff08;ASR&#xff09;&#xff1a;将24kHz音频信号通过卷积神经网络&#xff08;CNN&#xff09;和Transformer转换为…...

编程日记 2025/6/26 4:31:48

3、ubantu系统docker常用命令

1、自助查看docker命令 1.1、查看所有命令 docker 客户端非常简单&#xff0c;可以直接输入 docker 命令来查看到 Docker 客户端的所有命令选项。 angqiangwangqiang:~$ dockerUsage: docker [OPTIONS] COMMANDA self-sufficient runtime for containersCommon Commands:ru…...

编程日记 2025/6/27 17:36:43

【leetcode】349. 两个数组的交集

文章目录 代码1.set&#xff08;&#xff09;2. 哈希表3. 数组 给定两个数组 nums1 和 nums2 &#xff0c;返回 它们的 交集 。输出结果中的每个元素一定是 唯一 的。我们可以 不考虑输出结果的顺序 。 示例 1&#xff1a; 输入&#xff1a;nums1 [1,2,2,1], nums2 [2,2] 输…...

编程日记 2025/6/26 7:48:29

BGP联邦和发射试验

一、要求 二、需求分析 1. **拓扑与地址规划** - **AS1**&#xff1a;环回16.1.1.0/24需宣告&#xff0c;192.168.1.0/24不宣告。 - **AS3**&#xff1a;环回11.1.1.0/24需宣告&#xff0c;192.168.2.0/24不宣告。 - **AS2**&#xff1a;使用172.16.0.0/16划分子…...

编程日记 2025/6/27 21:29:59

LeetCode Hot100 (1/100)

目录 一、有关数组和动态数组的排序&#xff08;sort函数&#xff09; 1.普通数组的排序 基本用法 降序排序 2.vector的排序 基本用法 降序排序 二、数组长度和一些vector的基本语法 1. 静态数组长度计算​ 2. 安全获取数组长度&#xff08;C17 起&#xff09;​ 3.vecto…...

编程日记 2025/6/27 7:28:11

LeetCode热题100--234.回文链表--简单

1. 题目 给你一个单链表的头节点 head &#xff0c;请你判断该链表是否为回文链表。如果是&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 示例 1&#xff1a; 输入&#xff1a;head [1,2,2,1] 输出&#xff1a;true 示例 2&#xff1a; 输入&#xf…...

编程日记 2025/6/22 18:19:46

Java—接口和抽象类

一、接口 Java 接口&#xff08;Interface&#xff09; 是面向对象编程中用于定义行为规范的核心机制。接口通过抽象方法约定“能做什么”&#xff0c;而不关心“如何做”&#xff0c;从而实现多态和代码解耦。 1.1 接口的特点 接口用interface定义接口中全为抽象方法默认用p…...

编程日记 2025/6/22 19:28:26

CycleISP: Real Image Restoration via Improved Data Synthesis通过改进数据合成实现真实图像恢复

摘要 大规模数据集的可用性极大释放了深度卷积神经网络&#xff08;CNN&#xff09;的潜力。然而&#xff0c;针对单图像去噪问题&#xff0c;获取真实数据集成本高昂且流程繁琐。因此&#xff0c;图像去噪算法主要基于合成数据开发与评估&#xff0c;这些数据通常通过广泛假设…...

编程日记 2025/6/28 10:50:36

算法题（146）：最大子段和

、 审题&#xff1a; 本题需要我们找到给定数组中子段之和和最大的sum值 思路&#xff1a; 方法一&#xff1a;暴力解法 我们可以使用双层for循环&#xff0c;第一层循环负责遍历每一个数组元素&#xff0c;然后分别以他们为子段起点&#xff0c;第二层循环从第一层循环的索引开…...

编程日记 2025/6/26 9:06:11

centos6.10在Macbook m芯片上使用

非常好&#xff01;用 CentOS 6.10 替代 6.4 是一个明智的选择 ✅&#xff0c;原因如下&#xff1a; ⸻ ✅ 为什么选 CentOS 6.10 更好 对比项 CentOS 6.4 CentOS 6.10 发布年份 2013 年 2018 年&#xff08;CentOS 6 系列最终版&#xff09; 内核版本 2.6.32-358 2.6.32-75…...

编程日记 2025/6/23 1:48:58

OA 系统办公自动化包含哪些内容，关键功能模块与操作要点说明

在企业数字化转型浪潮中&#xff0c;OA 系统常被片面认知为请假审批、文件收发的工具&#xff0c;未能发挥其核心价值。部分企业引入 OA 后&#xff0c;出现员工抵触、流程卡顿、系统闲置等问题&#xff0c;根源在于对其功能定位模糊、应用模式僵化&#xff0c;导致无法实现预期…...

编程日记 2025/6/21 12:08:14

AI智能体的现状和应用前景

AI智能体的现状 AI智能体（AI Agents）是指能够感知环境、做出决策并执行任务的智能系统。它们通常结合了机器学习、自然语言处理、计算机视觉等技术，能够在复杂环境中自主运行。目前，AI智能体已经在多个领域取得了显著进展。 在工业领域，AI智能体被用于自动化生产线、质量…...

编程日记 2025/6/28 16:21:10

操作系统实验 实验3 存储器分配与回收

1.实验目的 了解动态分区分配方式中使用的数据结构和分配算法&#xff0c;并进一步加深动态分区存储管理方式及其实现过程的理解。 2.实验要求 用C语言实现首次适应算法的动态分区分配过程alloc()和回收过程free()。 一、实验内容&#xff1a; 1&#xff0e;实验内容 用C语言实…...

编程日记 2025/6/26 12:43:56

408考研逐题详解：2009年第13题

2009年第13题 浮点数加、减运算过程一般包括对阶、尾数运算、规格化、舍入和判溢出等步骤。设浮点数的阶码和尾数均采用补码表示&#xff0c;且位数分别为 5 位和 7 位&#xff08;均含 2 位符号位)。若有两个数 X 2 7 29 / 32 X2^7\times29/32 X2729/32&#xff0c; Y 2 …...

编程日记 2025/6/26 23:55:06

什么是虚拟同步发电机

虚拟同步发电机&#xff08;Virtual Synchronous Generator, VSG&#xff09; 是一种基于电力电子技术的先进控制策略&#xff0c;通过模拟传统同步发电机的机电特性和动态行为&#xff0c;使逆变器或储能系统能够像传统发电机一样为电网提供惯性支撑、频率调节和电压稳定性支持…...

编程日记 2025/6/26 19:38:36

性能比拼: Linkerd vs. Istio

本内容是对知名性能评测博主 Anton Putra Linkerd vs. Istio (Rust vs. C) performance benchmark 内容的翻译与整理, 有适当删减, 相关指标和结论以原作为准 在本内容中&#xff0c;我们将对比 Kubernetes 服务网格中的 Istio 和 Linkerd。 相关代码详见 github 我们将运行…...

编程日记 2025/6/28 10:54:24

FPGA： Xilinx Kintex 7实现PCIe接口

在Xilinx Kintex-7系列FPGA上实现PCIe&#xff08;Peripheral Component Interconnect Express&#xff09;接口&#xff0c;通常使用Xilinx提供的7 Series Integrated Block for PCIe IP核&#xff0c;结合Vivado设计流程。以下是实现PCIe接口的详细步骤和关键点&#xff0c;适…...

编程日记 2025/6/28 18:55:11

《Effective Python》第2章 字符串和切片操作——Python 字符串格式化的现代选择f-strings

引言 本篇博客基于学习《Effective Python》第三版 Chapter 2: Strings and Slicing 的 Item 11 “Prefer Interpolated F-Strings Over C-style Format Strings and str.format” 的总结与延伸。 字符串格式化是 Python 编程中的常见操作&#xff0c;用于动态生成可读性高的…...

编程日记 2025/6/23 12:24:00

vue 去掉右边table的下拉条与下面的白色边框并补充满

::v-deep table {width: 100% !important; } ::v-deep .el-table::after, .el-table::before {display: none !important; }/* 隐藏滚动条但保留滚动功能 */ ::v-deep .el-table__body-wrapper::-webkit-scrollbar {width: 0 !important;height: 0 !important; }::v-deep .el-t…...

编程日记 2025/6/23 11:22:16

RabbitMq消息阻塞，立即解决方案

如果目前你的 RabbitMQ 消费者 被卡住不再消费消息&#xff0c;且消息已经到达消费者绑定队列&#xff0c;但Spring Cloud Stream 没有继续触发 StreamListener 的方法执行。这类问题一般是因为消费者线程阻塞或消息被 RabbitMQ 拒绝投递。我们可以按照下面的步骤紧急处理&…...

编程日记 2025/6/23 1:36:09

单片机-STM32部分：14、SPI

飞书文档https://x509p6c8to.feishu.cn/wiki/VYYnwOc9Zi6ibFk36lYcPQdRnlf 什么是SPI SPI 是英语Serial Peripheral interface的缩写&#xff0c;顾名思义就是串行外围设备接口。是Motorola(摩托罗拉)首先在其MC68HCXX系列处理器上定义的。 SPI&#xff0c;是一种高速的&…...

编程日记 2025/6/27 2:18:01

Selenium-Java版（操作元素）

选择和操控元素的基本方法 前言 选择元素 选择元素的方法 根据 id属性选择元素 根据class属性选择元素 根据tag名选择元素 通过WebElement对象选择元素 示例 等待界面元素出现 原因 解决 操控元素 点击元素 输入框 获取元素信息 获取元素文本内容 获取…...

编程日记 2025/6/26 7:23:09

20052012世界银行中国企业调查数据-社科数据

2005&2012世界银行中国企业调查数据-社科数据https://download.csdn.net/download/paofuluolijiang/90623828https://download.csdn.net/download/paofuluolijiang/90623828 世界银行中国企业调查数据&#xff08;World Bank Enterprise Surveys Data&#xff09;是国际金…...

编程日记 2025/6/23 1:18:52

学习黑客NFC技术详解

NFC技术详解&#xff1a;近距离通信的无线桥梁 &#x1f4f1;&#x1f4b3; 学习目标&#xff1a;了解NFC技术的基本原理、应用场景及安全注意事项&#xff0c;掌握这一日益普及的近场通信技术 1. NFC的概念与基础 &#x1f4e1; NFC&#xff08;Near Field Communication&…...

编程日记 2025/6/26 1:22:17

Java问题排查常用命令行工具速查表

Java问题排查常用命令行工具速查表 工具典型用途常用命令示例说明/场景jps列出本机所有Java进程jps -l获取Java进程PID和主类名&#xff0c;配合其它工具使用jcmd动态诊断、堆heap dump、线程dump等jcmd helpjcmd VM.flagsjcmd GC.heap_infojcmd Thread.print功能最全&#xf…...

编程日记 2025/6/26 10:51:13

近期搬了个家，停更了几天，明天继续哈～

近期搬了个家&#xff0c;停更了几天&#xff0c;明天继续哈&#xff5e; 近期搬家比较离谱&#xff0c;第一天下暴雨&#xff0c;冰雹&#xff0c;停电&#xff0c;第二天又停电两小时&#xff0c;截止14号晚上11:30终于完工 了&#xff0c;从西二的20 号楼到西三的19号楼&am…...

编程日记 2025/6/22 12:25:30

C#高级编程：IO和序列化

在 C# 编程中，输入输出（IO）和序列化是两个至关重要的概念，它们为数据的存储、读取以及在不同环境间的传输提供了强大的支持。无论是开发小型应用程序，还是构建复杂的企业级系统，深入理解并熟练运用 IO 和序列化技术都是必不可少的。​ 一、C# 中的 IO 基础​ 1、文件流…...

编程日记 2025/6/26 23:54:37

PyQt5完整指南：从入门到实践

引言 PyQt5是Python编程语言的一个GUI&#xff08;图形用户界面&#xff09;工具包&#xff0c;它是Qt5应用程序框架的Python绑定。Qt是一个跨平台的C应用程序开发框架&#xff0c;被广泛用于开发GUI程序和非GUI程序。PyQt5让Python开发者能够使用Python语言享受到Qt框架的强大…...

编程日记 2025/6/24 22:11:51

C#高级编程：加密解密

在数字化时代，数据安全是每个应用程序都必须重视的环节。无论是用户的个人信息、敏感的商业数据，还是重要的系统配置，都需要得到妥善的保护。C# 作为一种广泛应用的编程语言，提供了丰富且强大的加密解密功能，帮助开发者构建安全可靠的应用。本文将深入探讨 C# 高级编程中的…...

编程日记 2025/6/26 7:03:33

银行卡真伪验证助力金融合规-银行卡实名认证接口

在数字化时代&#xff0c;金融交易日益频繁&#xff0c;用户身份与银行卡信息的真实性核验成为保障资金安全、防止欺诈行为的关键环节。无论是在线支付、网络借贷、电商平台&#xff0c;还是社交软件、金融服务APP&#xff0c;均需对用户的银行卡进行严格的实名认证。为满足企业…...

编程日记 2025/6/23 9:50:59

html5+css3实现傅里叶变换的动态展示效果(仅供参考)

<!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>傅里叶变换的动态展示效果</title><sty…...

编程日记 2025/6/26 7:23:41

SysConfig修改后`ti_msp_dl_config`文件未更新问题的解决方法（已解决）

SysConfig修改后ti_msp_dl_config文件未更新问题的解决方法 在使用SysConfig工具配置TI MSPM0系列MCU时&#xff0c;有时会遇到一个令人困惑的问题&#xff1a;在SysConfig中修改配置后&#xff0c;生成的ti_msp_dl_config.c文件内容却没有更新。这可能会导致工程无法正确编译…...

编程日记 2025/6/22 18:20:31

深入浅出 IPFS 在 DApps 和 NFT 中的应用：以 Pinata 实战为例

目录 IPFS背景什么是 IPFS？IPFS 在 DApps 与 NFT 中的作用什么是 Pinata？为什么使用它？使用原生IPFS上传下载文件（HTML + JavaScript 示例）使用Pinata上传下载文件（HTML + JavaScript 示例）注册并创建APIKey使用 Pinata 上传文件和JSON（HTML + JavaScript 示例）总结IP…...

编程日记 2025/6/23 1:34:09

深度剖析LLM的“大脑”：单层Transformer的思考模式探索

简单说一下哈 —— 咱们打算训练一个单层 Transformer 加上稀疏自编码器的小型百万参数大型语言模型&#xff08;LLM&#xff09;&#xff0c;然后去调试它的思考过程&#xff0c;看看这个 LLM 的思考和人类思考到底有多像。 LLMs 是怎么思考的呢&#xff1f; 开源 LLM 出现之后…...

编程日记 2025/6/27 2:19:48

（4）python开发经验

文章目录 1 使用ctypes库调用2 使用pybind11 更多精彩内容&#x1f449;内容导航 &#x1f448;&#x1f449;Qt开发 &#x1f448;&#x1f449;python开发 &#x1f448; 1 使用ctypes库调用 说明&#xff1a;ctypes是一个Python内置的库&#xff0c;可以提供C兼容的数据类型…...

编程日记 2025/6/28 16:42:31

卷积神经网络全连接层详解：特征汇总、FCN替代与性能影响分析

【内容摘要】 本文聚焦卷积神经网络&#xff08;CNN&#xff09;的全连接层&#xff0c;详细介绍其将二维特征图转化为一维向量的过程&#xff0c;阐述全卷积网络&#xff08;FCN&#xff09;如何通过转置卷积替代全连接层以实现像素级分类&#xff0c;并分析全连接层对图像分类…...

编程日记 2025/6/27 7:44:47

通义千问-langchain使用构建（一）

目录 序言通义千问1获取通义千问api_key2Conda构建下本地环境3 构建一下多轮对话 LangChain1使用Langchain调用通义千问接口实现翻译 结论 序言 25年5月&#xff0c;现在基本每个大厂都有涉及大模型(Large Language Model)&#xff0c;然后在大模型基础上构建应用框架。 参考…...

编程日记 2025/6/28 1:30:24

六西格玛觉醒：一场数据思维的启蒙运动​

​ 当生产线上的不良品率曲线第一次在我眼前具象化为统计波动图时&#xff0c;我意识到自己正站在新旧认知的断层带上。从对着MINITAB界面手足无措的菜鸟&#xff0c;到能独立完成过程能力分析的绿带学员&#xff0c;这段学习旅程不仅重塑了我的问题解决逻辑&#xff0c;更让我…...

编程日记 2025/6/27 20:59:11

BitMart合约交易体验 BitMart滑点全赔的底层逻辑

美国新泽西州泽西市&#xff0c;2025年5月13日 – BitMart&#xff0c;全球领先的数字资产交易平台&#xff0c;推出了其开创性的滑点保护计划&#xff0c;旨在解决加密市场中最具挑战性且常常被忽视的风险之一&#xff1a;滑点。该计划为交易者提供了在 USDT 保证金永续合约交…...

编程日记 2025/6/26 19:58:45

HCIP（BFD）

一、前言 随着网络应用的广泛部署,网络发生故障极大可能导致业务异常。为了减小链路、设备故障对业 务的影响,提高网络的可靠性,网络设备需要尽快检测到与相邻设备间的通信故障,以便及时采取措施,保证业务正常进行。BFD(Bidirectional Forwarding Detection,双向转发检测)提供…...

编程日记 2025/6/23 11:37:42

json-server的用法-基于 RESTful API 的本地 mock 服务

json-server 是一个非常方便的工具&#xff0c;用于快速搭建基于 RESTful API 的本地 mock 服务&#xff0c;特别适合前端开发阶段模拟后端数据接口。 &#x1f9e9; 一、安装 npm install -g json-server&#x1f680; 二、快速启动 创建一个 db.json 文件&#xff08;模拟数…...

编程日记 2025/6/26 19:59:02

化工单元操作试验装置系列产品JG-SX211计算机过程控制板框过滤操作实训装置

化工单元操作试验装置系列产品JG-SX211计算机过程控制板框过滤操作实训装置 一、装置功能 板框过滤岗位技能&#xff1a;板框过滤机的构造和操作方法&#xff1b;板框压滤机的操作&#xff08;装合、过滤、洗涤、卸渣、整理&#xff09;&#xff1b;洗涤速率与最终过滤速率的关…...

编程日记 2025/6/22 7:17:24

Linux 内核 IPv4 协议栈中的协议注册机制解析

1. 引言 在 Linux 内核的 IPv4 协议栈中，inetsw 是一个核心数据结构，负责管理不同套接字类型（如 SOCK_STREAM、SOCK_DGRAM）的协议实现。本文结合代码分析，深入探讨其设计原理、动态协议注册机制及并发安全实现。 2. inetsw 的结构与作用 2.1 定义与初始化 static struc…...

编程日记 2025/6/24 21:00:51

【PostgreSQL数据分析实战：从数据清洗到可视化全流程】附录-C. 常用SQL脚本模板

&#x1f449; 点击关注不迷路 &#x1f449; 点击关注不迷路 &#x1f449; 点击关注不迷路 文章大纲 附录C. 常用SQL脚本模板速查表一、数据清洗与预处理模板二、数据聚合与分析模板三、窗口函数应用模板四、性能优化与监控模板五、数据备份与恢复模板六、权限管理与安全模板…...

编程日记 2025/6/24 1:22:44

Linux操作系统实战：中断源码的性能分析（转）

Linux中断是指在Linux操作系统中&#xff0c;当硬件设备或软件触发某个事件时&#xff0c;CPU会中断正在执行的任务&#xff0c;并立即处理这个事件。它是实现实时响应和处理外部事件的重要机制&#xff0c;Linux中断可以分为两种类型&#xff1a;硬件中断和软件中断&#xff0…...

编程日记 2025/6/21 22:57:41

Windows系统Anaconda/Miniconda的安装、配置、基础使用、清理缓存空间和Pycharm/VSCode配置指南

本文同步发布在个人博客&#xff1a; Windows系统Anaconda/Miniconda的安装、配置、基础使用、清理缓存空间和Pycharm/VSCode配置指南 - 萑澈的寒舍Conda 是一个开源的跨平台包管理与环境管理工具&#xff0c;广泛应用于数据科学、机器学习及 Python 开发领域。它不仅能帮助用…...

编程日记 2025/6/24 15:11:44

用HBuilder运行小程序到微信开发者工具

首先在HBuilder里配置微信开发者工具安装路径 “运行”--“运行到小程序模拟器”--“运行设置”--“微信开发者工具路径”...

编程日记 2025/6/24 6:43:33

基于网关实现不同网段S7-1200 CPU的通信方法

在工业自动化场景中&#xff0c;不同网段的S7-1200 PLC之间需要进行数据交换时&#xff0c;通常需要借助网关或路由设备实现跨网段通信。以下是几种常见的实现方法及详细配置步骤。 一、通信需求分析 当两个或多个S7-1200 PLC位于不同子网&#xff08;如192.168.1.0/24和192.1…...

编程日记 2025/6/27 21:13:52