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

AI教你学VUE——Gemini版

news 来源：原创 2025/8/19 2:02:34

前端开发学习路线图 (针对编程新手，主攻 Vue 框架)

总原则：先夯实基础，再深入框架。 想象一下建房子，地基不牢，上面的高楼（框架）是盖不起来的。HTML、CSS、JavaScript 就是前端的地基。

阶段一：前端基石 (HTML, CSS, JavaScript)

这是最核心、最重要、必须花足够时间去掌握的部分。没有这些，你无法理解任何前端框架。

  1. HTML (超文本标记语言): 学习网页的结构。
    • 基本语法、标签 (div, p, h1-h6, img, a, ul, li, table, form 等)
    • HTML5 新特性 (语义化标签如 <article>, <section>, <nav>, <aside>, <header>, <footer>)
    • 表单元素和验证
    • 可访问性 (Accessibility - A11y) 基础 (了解 aria 属性等)
  2. CSS (层叠样式表): 学习如何美化网页。
    • 基本语法、选择器 (类选择器、ID 选择器、标签选择器、属性选择器、伪类、伪元素)
    • 盒模型 (Box Model - content, padding, border, margin)
    • 常用属性 (width, height, color, background, font-size, text-align 等)
    • 布局:
      • 传统布局 (display: block/inline/inline-block, position, float) - 了解即可，重点学习 Flexbox 和 Grid。
      • Flexbox (弹性盒子): 现代一维布局方式，非常常用。
      • CSS Grid (网格): 现代二维布局方式，适合复杂的页面布局。
    • 响应式设计 (Responsive Design): 媒体查询 (@media)
    • CSS 单位 (px, em, rem, vw, vh, %)
    • 了解 CSS 预处理器 (如 Sass, Less) - 可以在掌握基础 CSS 后再学习。
  3. JavaScript (JS): 学习网页的行为和交互。这是前端的灵魂，也是学习 Vue 的关键！
    • 基础语法: 变量 (var, let, const), 数据类型 (number, string, boolean, null, undefined, object, symbol, bigint), 运算符, 控制流 (if/else, switch, for, while), 函数 (声明式、表达式、箭头函数)
    • 数组和对象: 常用方法和操作
    • DOM (文档对象模型) 操作: 如何通过 JS 获取、修改、添加、删除页面元素 (这是理解框架如何工作的基础！)
    • 事件 (Events): 事件监听、事件冒泡、事件捕获、事件委托
    • 面向对象编程基础 (OOP): 原型链、类 (class)、继承
    • ES6+ 新特性 (非常重要！): Promises, async/await (处理异步操作), 模块化 (import/export), 解构赋值, 展开运算符 (spread operator), 剩余参数 (rest parameters)
    • 异步编程: 理解什么是异步，回调函数、Promise、async/await 如何解决回调地狱。
    • HTTP 请求: 了解如何使用 Workspace API 或 XMLHttpRequest (XHR) 与后端进行数据交互 (AJAX)。

阶段二：迈向现代前端 (工具链和基础工程化)

在掌握基础后，你需要了解现代前端开发中常用的工具。

  1. 命令行基础: 学习一些基本的终端命令 (cd, ls/dir, mkdir, rm, cp 等)
  2. 包管理器:
    • 学习使用 npm 或 yarn 或 pnpm (pnpm 是目前较流行的选择)
    • 了解 package.json 文件，如何安装、更新、删除依赖包。
  3. 版本控制:
    • Git: 学习 Git 的基本概念 (仓库、提交、分支、合并) 和常用命令 (clone, add, commit, push, pull, status, log)。
    • GitHub/GitLab/Gitee: 学习如何将本地代码托管到远程仓库，进行协作。这是开发者必备技能！
  4. 构建工具概念: 了解为什么需要构建工具 (打包、压缩、转译、模块化)。现代 Vue 项目常用 Vite，了解它的作用。早期是 Webpack，了解概念也无妨。

阶段三：拥抱 Vue.js 框架

现在，你已经具备了学习 Vue 的基础知识。 Vue 是一个渐进式框架，你可以从核心库开始，然后根据需要学习其生态系统。

  1. Vue 核心:
    • 理解 MVVM 模式或 ViewModel 概念: 了解 Vue 如何将数据和 DOM 连接起来。
    • 声明式渲染: 学习 Vue 的模板语法 ({{ }} 插值, v-bind 指令绑定属性, v-on 指令绑定事件)。
    • 指令 (Directives): v-if, v-for, v-show, v-model (表单双向绑定) 等。
    • 计算属性 (Computed Properties): 基于响应式依赖进行缓存的计算。
    • 侦听器 (Watch): 侦听数据的变化并执行副作用。
    • 组件化 (Components): 这是 Vue 的核心！学习如何创建、注册、使用组件。理解单文件组件 (.vue 文件)。
    • 组件通信: 父子组件通信 (props, $emit), 非父子组件通信 (事件总线 - 少量使用, Pinia - 推荐)。
    • 生命周期钩子 (Lifecycle Hooks): 了解组件从创建到销毁的各个阶段 (onMounted, onUpdated, onUnmounted 等)。
    • 模板引用 (Template Refs): 获取 DOM 元素或组件实例。
    • 插槽 (Slots): 实现组件内容的灵活分发。
    • Composition API (组合式 API): Vue 3 的重点！学习 setup 函数、ref, reactive, computed, watch 等。与 Options API (选项式 API) 对比学习。
    • 依赖注入 (Provide/Inject): 跨多层组件传递数据。
  2. Vue 生态系统:
    • Vue Router: 学习如何在单页面应用 (SPA) 中实现路由跳转、导航守卫等。
    • 状态管理 (State Management): 学习 Pinia (推荐用于 Vue 3 项目)。理解为什么需要状态管理，actions, getters, state 的概念。 (Vuex 是旧的选择，了解即可)
    • 网络请求库: 使用 Axios 或 Workspace API 封装请求。
    • UI 组件库: 学习使用一个流行的 Vue UI 库 (如 Element Plus, Vuetify 3, Naive UI, Ant Design Vue)。了解如何安装、按需引入、使用组件。
  3. 项目实践:
    • 跟着教程构建几个小项目: (ToDo List, 计算器, 天气应用, 简单的博客或电商页面)
    • 尝试独立构建一个稍复杂的应用: (例如一个简单的后台管理系统，包含用户列表、增删改查功能，涉及到路由、状态管理、数据请求)

阶段四：进阶与扩展

当你能熟练使用 Vue 构建应用后，可以进一步提升。

  1. TypeScript: 学习在 Vue 项目中使用 TypeScript，提高代码的可维护性和健壮性。
  2. 测试: 了解前端测试 (单元测试、集成测试、端到端测试)。学习使用 Vitest (Vue 推荐的单元测试框架) 或 Jest, Cypress。
  3. 性能优化: 代码分割、懒加载、图片优化、虚拟列表等。
  4. Server-Side Rendering (SSR) / Static Site Generation (SSG): 学习 Nuxt.js (基于 Vue 的全栈框架)，了解 SSR 和 SSG 的优势和适用场景 (SEO, 性能)。
  5. CSS 预处理器/后处理器: 深入学习 Sass 或 Less，了解 PostCSS。
  6. 构建工具深入: 了解 Vite 的配置和插件系统。
  7. 部署: 了解如何将你的前端应用部署到服务器 (如 Netlify, Vercel, GitHub Pages, 阿里云/腾讯云 COS+CDN)。
  8. 前端安全: 了解一些常见的安全问题 (XSS, CSRF) 和防范措施。

开放的学习资源

以下是一些非常有价值的学习资源，大部分是免费或提供免费内容的：

官方文档 (首推！):

  • MDN Web Docs (Mozilla Developer Network): HTML, CSS, JavaScript 最权威、最全面的文档。遇到任何基础知识问题，先查 MDN。
    • https://developer.mozilla.org/
  • Vue.js 官方文档: 学习 Vue 的最佳起点，非常详细且友好。
    • Vue 3 文档: https://vuejs.org/ (中文: https://cn.vuejs.org/)
  • Pinia 官方文档: Vue 推荐的状态管理库。
    • https://pinia.vuejs.org/ (中文: https://pinia.vuejs.org/zh/)
  • Vue Router 官方文档:
    • https://router.vuejs.org/ (中文: https://router.vuejs.org/zh/)
  • Nuxt 官方文档:
    • https://nuxt.com/ (中文: https://nuxt.com.cn/)

互动学习平台 (适合新手入门):

  • freeCodeCamp: 提供涵盖 HTML, CSS, JS, 算法等大量的免费互动课程和项目。从这里开始非常棒。
    • https://www.freecodecamp.org/ (有中文社区和部分翻译)
  • The Odin Project: 另一个非常全面的免费全栈学习路径，前端部分很扎实。更偏向实践和阅读文档。
    • https://www.theodinproject.com/
  • Codecademy: 提供一些免费的编程基础课程。
    • https://www.codecademy.com/
  • Scrimba: 以互动式的代码 screencasts 为特色，学习体验很好。有免费和付费课程。
    • https://scrimba.com/

教学视频平台 (体系化学习):

  • YouTube: 海量的免费编程教学视频。搜索 “HTML CSS JavaScript tutorial”, “Vue 3 tutorial”, “前端入门” 等关键词。
    • 推荐频道 (搜索): freeCodeCamp (官方频道), 茂硕 (中文，Vue 3+TS 入门不错), 达达前端 (中文), Traversy Media (英文), The Net Ninja (英文)。
  • Udemy, Coursera, edX: 这些平台提供大量高质量的付费课程，很多有优惠活动。搜索相关的课程。
    • 注意选择评价高、内容新的课程 (尤其是框架课程)。
  • Bilibili (B站): 国内有很多优秀的免费编程教学视频，质量参差不齐，需要甄别。搜索 “前端入门”, “Vue3 教程”。
    • 推荐 UP 主 (搜索): 尚硅谷、黑马程序员、自己动手写框架 (偏底层原理)、一些个人开发者分享。

技术博客和网站 (深入学习和了解行业动态):

  • CSS-Tricks: 专注于 CSS 的优秀博客，但也有很多 HTML/JS/前端通用内容。
    • https://css-tricks.com/
  • Smashing Magazine: 高质量的前端和设计文章。
    • https://www.smashingmagazine.com/
  • 阮一峰的网络日志: 虽然不全是前端，但很多技术文章深入浅出，包括大量的 JS ES6+ 教程。
    • https://www.ruanyifeng.com/blog/
  • 掘金、思否 (SegmentFault)、知乎专栏: 国内优秀的技术社区，可以关注前端、Vue 相关的专栏和作者。
  • 各个库和框架的官方博客/Twitter: 关注 Vue、Vite、Pinia 等的官方动态。

书籍 (体系化和深度学习):

  • 《Head First HTML与CSS》: 非常生动有趣的入门书籍。
  • 《深入浅出 CSS》: 帮助你真正理解 CSS。
  • 《JavaScript 高级程序设计》(通常称作 “犀牛书” 或 “红宝书”): 经典权威的 JavaScript 字典式书籍，适合作为手册查阅和深入理解。
  • 《你不知道的 JavaScript》系列: 深入理解 JavaScript 原理的推荐书籍。
  • 《ES6 标准入门》(阮一峰): 学习现代 JavaScript 特性的好书。
  • Vue 相关的书籍: 可以阅读一些关于 Vue 3 和 Composition API 的书籍，但框架更新快，结合官方文档更佳。

社区和问答:

  • Stack Overflow: 遇到问题时搜索解决方案的首选地。
    • https://stackoverflow.com/
  • GitHub: 阅读优秀项目的源码，参与讨论。
    • https://github.com/
  • Vue Land Discord: Vue 官方社区 Discord 服务器，可以在这里提问和交流。
    • https://www.google.com/search?q=https://discord.com/invite/vuejs
  • 国内前端社区的论坛/交流群: 可以在掘金、知乎等平台找到一些前端或 Vue 学习交流群。

学习建议 (高级前端的肺腑之言)

  1. 不要陷入“教程地狱”: 看教程是必要的，但看完不练等于白看。每个知识点学习后，都要通过编写代码来巩固。
  2. 动手实践，多做项目: 从小项目开始，模仿、重构、再创新。项目是检验学习成果的最好方式，也是面试时展示能力的资本。
  3. 理解而不是记忆: 不要死记硬背代码，理解背后的原理 (例如 Vue 的响应式原理、组件的生命周期)。
  4. 学会调试 (Debugging): 这是程序员最重要的技能之一。学会使用浏览器开发者工具 (Console, Elements, Sources, Network) 来查找和解决问题。
  5. 阅读优秀代码: 在 GitHub 上找到一些优秀的开源前端项目，尝试阅读它们的源码，学习别人的编程思路和架构。
  6. 不怕查阅文档和搜索: 遇到问题是常态，学会高效地查阅官方文档和使用搜索引擎解决问题。
  7. 持续学习: 前端技术更新非常快，保持好奇心，持续关注新技术和最佳实践。
  8. 参与社区: 在社区提问、回答问题，与其他开发者交流，这会让你学到很多意想不到的东西。
  9. 健康作息: 编程是脑力劳动，注意休息，保护视力，保持健康。

相关文章：

AI教你学VUE——Gemini版

前端开发学习路线图 (针对编程新手&#xff0c;主攻 Vue 框架) 总原则&#xff1a;先夯实基础&#xff0c;再深入框架。 想象一下建房子&#xff0c;地基不牢&#xff0c;上面的高楼&#xff08;框架&#xff09;是盖不起来的。HTML、CSS、JavaScript 就是前端的地基。 阶段一…...

编程日记 2025/8/19 2:02:34

力扣热题100，力扣49.字母异位词分组力扣128.最长连续序列力扣.盛水最多的容器力扣42.接雨水(单调栈)

目录 力扣49.字母异位词分组 力扣128.最长连续序列 力扣.盛水最多的容器 力扣42.接雨水(单调栈) 1.包的命名规范: java的命名规范 全部采用小写 结尾不能加负数 声明包: 位置必须在首行 类: 字母数字下划线&#xff0c;美元符号 不能数字开头 不能有中文 不能以关键字命名 区…...

编程日记 2025/8/17 8:30:03

react naive 网络框架源码解析

本文取 react native 两个区别很大的版本做分析&#xff08;0.76.5、0.53.3&#xff09; 一、0.76.5 版fetch 全流程排查 1、JS 端的实现 随手写一个fetch&#xff0c;点开。 我们这里常用的还是手机端&#xff0c;因此选择 react-native&#xff0c;react-native-windows …...

编程日记 2025/8/17 9:13:45

DID在元宇宙的应用爆发：数字身份资产化与跨平台迁移——解析Decentraland等项目的虚拟身份全链路实现

元宇宙的兴起催生了多维度的数字身份需求&#xff0c;但传统虚拟身份系统受限于中心化架构&#xff0c;面临数据孤岛、身份碎片化、资产归属模糊等核心挑战。本文以Decentraland、The Sandbox、Somnium Space等顶级元宇宙平台为研究对象&#xff0c;探讨去中心化身份&#xff0…...

编程日记 2025/8/17 8:30:18

MySQL的内置函数与复杂查询

目录 前言 一、聚合函数 1.1日期函数 1.2字符串函数 1.3数学函数 1.4其它函数 二、关键字周边 2.1关键字的生效顺序 2.2数据源 2.3可以使用聚合函数的关键字 前言 在前面几篇文章中&#xff0c;讲解了有关MySQL数据库、数据库表的创建、数据库表的数据操作等等。本文我…...

编程日记 2025/8/17 22:28:31

mysql中select 1 from的作用

在MySQL中&#xff0c;SELECT 1 FROM ... 是一个常见的SQL写法&#xff0c;通常用于以下场景&#xff1a; 1. 作用与原理 SELECT 1 的本质是返回一个常数值&#xff08;即数字1&#xff09;&#xff0c;且不依赖表中的实际数据。 它的核心作用是快速验证逻辑条件是否成立&…...

编程日记 2025/8/17 8:30:09

Linux中 du （详解）、 df （详解）和 free（详解）以及它们的区别

目录 du命令 df命令 free命令 du/df/free区别 Tree du命令 功能&#xff1a;用于计算文件或目录所占用的磁盘空间大小。它会递归地遍历指定目录下的所有文件和子目录&#xff0c;统计它们占用的磁盘块数&#xff0c;从而得出占用的空间大小。常用选项&#xff1a; -h&…...

编程日记 2025/8/17 22:28:26

ETL交通行业案例丨某大型铁路运输集团ETL数据集成实践

在广袤的祖国边疆&#xff0c;一条条钢铁动脉承载着区域经济发展的重要使命。某大型铁路运输集团作为区域交通枢纽的运营主体&#xff0c;管辖着横跨多个省、区的铁路网络&#xff0c;运营里程超3000公里&#xff0c;每日承载着数以万计的客货运输任务。随着"数字中国&quo…...

编程日记 2025/8/17 10:42:46

【数据挖掘】Apriori算法

Apriori算法是经典的关联规则挖掘算法&#xff0c;用于从事务型数据库中发现频繁项集和强关联规则&#xff0c;特别常用于购物篮分析等场景。 &#x1f9e0; 核心思想&#xff08;Apriori原则&#xff09; 一个项集是频繁的&#xff0c;前提是它的所有子集也必须是频繁的。 即&…...

编程日记 2025/8/17 9:02:40

7.9/Q1，Charls最新文章解读

文章题目&#xff1a;Association between urbanization levels and frailty among middle-aged and older adults in China: evidence from the CHARLS DOI&#xff1a;10.1186/s12916-025-03961-y 中文标题&#xff1a;中国中老年人城市化水平与虚弱程度之间的关联&#xff1…...

编程日记 2025/8/17 22:28:17

从入门到登峰-嵌入式Tracker定位算法全景之旅 Part 7 ｜TinyML 定位：深度模型在 MCU 上的部署

Part 7 ｜TinyML 定位：深度模型在 MCU 上的部署 本章聚焦如何在 ESP32-S3 平台上，通过 TinyML 将深度学习模型应用到定位场景，包括特征提取、模型剪枝与量化、TensorFlow Lite for Microcontrollers 部署，以及在线微调与自适应策略。 一、为什么要用 TinyML？ 非线性特征挖…...

编程日记 2025/8/17 22:28:15

Codeforces Round 1023 (Div. 2) ABC

链接 Dashboard - Codeforces Round 1023 (Div. 2) - Codeforces A 将数组a分成两组&#xff0c;使得gcd(b) ! gcd(c) 思路 gcd(a,b) < min(a,b) 求数组a的max&#xff0c;min 如果数组a都一样无解 &#xff08;即max min 否则有解&#xff1a;让是max的一组&…...

编程日记 2025/8/17 8:30:16

56. 合并区间

给定若干个区间的集合&#xff0c;将重叠的区间合并后&#xff0c;放入一个数组中返回。 具体思路就是按左端点排序后合并区间&#xff0c;因为按左端点排序后&#xff0c;可以确保每次合并都是以最小元素为合并后区间的起始&#xff0c;并且按左端点排序可以方便合并&#xff…...

编程日记 2025/8/17 8:30:15

Docker安装使用

1.Docker简介 Docker是一个开源的应用容器引擎&#xff1b;是一个轻量级容器技术&#xff1b; Docker支持将软件编译成一个镜像&#xff1b;然后在镜像中各种软件做好配置&#xff0c;将镜像发布出去&#xff0c;其他使用者可以直接使用这个镜像&#xff1b; 运行中的这个镜…...

编程日记 2025/8/17 22:28:06

Linux/AndroidOS中进程间的通信线程间的同步 - POSIX IPC

1 什么是POSIX&#xff1f; POSIX&#xff08;Portable Operating System Interface&#xff09;即可移植操作系统接口&#xff0c;它是IEEE为要在各种UNIX操作系统上运行软件&#xff0c;而定义API的一系列标准的总称。以下为你展开介绍&#xff1a; 产生背景&#xff1a;在…...

编程日记 2025/8/18 23:40:39

5.2创新架构

一、MoE&#xff08;Mixture of Experts&#xff0c;混合专家模型&#xff09; 了解混合专家模型架构&#xff0c;与 Dense 架构相比有什么优劣 是一种提升大模型推理效率和参数利用率的关键技术 核心思想&#xff1a;在模型中增加多个“专家模块”&#xff08;Experts&#x…...

编程日记 2025/8/17 22:27:57

驱动开发系列57 - Linux Graphics QXL显卡驱动代码分析（四）显示区域更新

一&#xff1a;概述 前面在介绍了显示模式设置&#xff08;分辨率&#xff0c;刷新率&#xff09;之后&#xff0c;本文继续分析下&#xff0c;显示区域的绘制&#xff0c;详细看看虚拟机的画面是如何由QXL显卡绘制出来的。 二&#xff1a;相关数据结构介绍 struct qxl_moni…...

编程日记 2025/8/17 8:43:41

疗愈服务预约小程序源码介绍

基于ThinkPHP、FastAdmin和UniApp开发的疗愈服务预约小程序源码&#xff0c;这款小程序在功能设计和用户体验上都表现出色&#xff0c;为疗愈行业提供了一种全新的服务模式。 该小程序源码采用了ThinkPHP作为后端框架&#xff0c;保证了系统的稳定性和高效性。同时&#xff0c…...

编程日记 2025/8/17 6:14:02

力扣118，1920题解

记录 2525.5.6 题目&#xff1a; 思路&#xff1a; 用一个二维数组dp[numRows][numRows]保存每一次动态规划的结果 1.令dp[0][0]1(第一列) 2.找规律 3.得到如下规律(以下情况均为列数大于1) if(col0){ dp[row][col]1 } else { dp[row][col]dp[row-1][col-1]dp[row-1][col] }…...

编程日记 2025/8/17 10:47:52

电池热管理CFD解决方案，为新能源汽车筑安全防线

在全球能源结构加速转型的大背景下&#xff0c;新能源汽车产业异军突起&#xff0c;成为可持续发展的重要驱动力。而作为新能源汽车 “心脏” 的电池系统&#xff0c;其热管理技术的优劣&#xff0c;直接决定了车辆的安全性、续航里程和使用寿命。电池在充放电过程中会产生大量…...

编程日记 2025/8/17 9:28:38

（一）毛子整洁架构（Domain Layer/Repository Pattern/Result Pattern/Error Pattern）

文章目录 项目地址一、整洁架构概念1.1 各个分层的功能1. Domain核心部件2. Application Layer3. Infrastructure layer3. Presenetation layer1.2 项目数据库二、Domain Layer2.1 Apartments 实体1. Current Value Obj2. Money Value Obj3. Apartment 类2.2 User 实体1. User类…...

编程日记 2025/8/17 8:30:42

XSS ..

Web安全中的XSS攻击详细教学&#xff0c;Xss-Labs靶场通关全教程&#xff08;建议收藏&#xff09; - 白小雨 - 博客园跨站脚本攻击&#xff08;XSS&#xff09;主要是攻击者通过注入恶意脚本到网页中&#xff0c;当用户访问该页面时&#xff0c;恶意脚本会在用户的浏览器中执行…...

编程日记 2025/8/17 14:22:59

Github Action部署node项目

Github Action部署node项目 个人学习的时候&#xff0c;作为前端感觉这个CICD基本流程还是有必要了解的&#xff0c;这里记录一下Github Action部署node项目的流程&#xff0c;也算是一个学习的过程 首先肯定是要有一个可运行的node项目 编写部署文件 部署文件放置在.githu…...

编程日记 2025/8/17 8:30:36

高频面试题：设计秒杀系统，用Redis+Lua解决超卖

高频面试题&#xff1a;设计秒杀系统&#xff0c;用RedisLua解决超卖 **1. 问题背景****2. 解决方案&#xff1a;Redis Lua****为什么选择Redis Lua&#xff1f;****核心代码逻辑****Java调用示例&#xff08;Spring Boot&#xff09;** **3. 方案优势****4. 面试回答话术***…...

编程日记 2025/8/18 11:41:37

2、Kafka Replica机制与ISR、HW、LEO、AR、OSR详解

Kafka 作为分布式高可用消息队列&#xff0c;其副本&#xff08;Replica&#xff09;机制是实现高可靠性和数据一致性的核心。本文将系统介绍 Kafka 的 Replica 机制&#xff0c;并详细解释 ISR、HW、LEO、AR、OSR 等关键概念。 一、Kafka Replica机制概述 在分布式系统中&am…...

编程日记 2025/8/17 8:37:47

生成式 AI：从工具革命到智能体觉醒，2025 年的质变与突破

在上海胸科医院的手术室里&#xff0c;一束全息投影正精准勾勒出患者肺部的三维血管模型。主刀医生手持机械臂的瞬间&#xff0c;AI 导航系统已同步完成 200 次路径演算&#xff0c;将毫米级误差控制在 0.3 毫米以内 —— 这个真实发生在 2025 年的临床场景&#xff0c;标志着生…...

编程日记 2025/8/17 8:30:27

安卓基础（拖拽）

当用户长按或拖拽某个视图&#xff08;如按钮、图片&#xff09;时&#xff0c;需要提供视觉反馈&#xff08;即阴影&#xff09;。这行代码通常在拖拽事件的处理逻辑中&#xff0c;例如&#xff1a; view.setOnLongClickListener(v -> {// 创建拖拽阴影DragShadowBuilder …...

编程日记 2025/8/17 10:31:48

IoTDB磁盘I/O性能监控与优化指南

一、磁盘I/O性能观测核心指标 在现代计算机系统中&#xff0c;磁盘I/O性能对整体系统表现至关重要。为有效监控和优化磁盘I/O性能&#xff0c;需关注以下核心指标&#xff1a; ‌I/O读写延迟‌&#xff1a;衡量从发起I/O请求到接收响应的时间间隔。‌IOPS&#xff08;Input/O…...

编程日记 2025/8/17 8:36:43

java每日精进 5.06【框架之功能权限】

0.概述 0.1 整体架构概述 这个RBAC权限系统基于Spring Security和Token认证机制&#xff0c;主要包含以下核心组件&#xff1a; 用户-角色-菜单的多对多关系模型 基于Token的认证流程 细粒度的权限控制&#xff08;菜单权限、按钮权限&#xff09; 灵活的权限配置方式 1…...

编程日记 2025/8/18 2:41:11

静态NAT

实验需求 PC1和PC2通过静态NAT去访问服务器 实验拓扑 图13-1 静态NAT 实验步骤 步骤1&#xff1a;IP地址的配置 PC1的配置 PC2的配置 R1的配置 <Huawei>system-view [Huawei]undo info-center enable [Huawei]sysname R1 [R1]interface g0/0/0 [R1-GigabitEt…...

编程日记 2025/8/17 10:57:11

RabbitMQ-api开发

前言 MQ就是接收并转发消息 核心概念 admin是用户 每个虚拟机上都有多个交换机 快速入门 引入依赖 <dependency><groupId>com.rabbitmq</groupId><artifactId>amqp-client</artifactId><version>5.22.0</version></dependen…...

编程日记 2025/8/17 1:59:44

const MachineTree getMachineTree() ； MachineTree getMachineTree() const； 区别？

这两个函数声明在语法和语义上有明显的区别&#xff0c;它们的用途和行为也不同。让我们逐一分析它们的区别&#xff1a; 1. const MachineTree &getMachineTree(); 这个函数声明表示&#xff1a; 返回类型&#xff1a;const MachineTree &&#xff0c;即返回一个 M…...

编程日记 2025/8/17 8:30:33

使用DevTools工具调试前端页面，便捷脚本，鸿蒙调试webView

参考官方文章 便捷脚本 创建文本&#xff0c;复制修改后缀为bat 建立bat文件 echo off setlocal enabledelayedexpansion:: Initialize port number and PID list set PORT9222 set PID_LIST:: Get the list of all forwarded ports and PIDs for /f "tokens2,5 delims…...

编程日记 2025/8/18 0:09:43

浏览器存储 Cookie，Local Storage和Session Storage

什么是Cookie&#xff1f; 存储容量&#xff1a;一般限制在 4KB 以内。数据有效期&#xff1a;可以设置过期时间&#xff0c;若未设置&#xff0c;则在浏览器关闭时失效。数据共享&#xff1a;在同一域名下&#xff0c;不同页面可以共享cookie数据。并且在每次 HTTP 请求时&am…...

编程日记 2025/8/17 8:30:19

校内周赛题（思维题）

这次周赛的题目没有什么很难的代码实现&#xff0c;基本上都是对思路的把握。 与君共勉&#x1f339; 选取x个数&#xff0c;看能不能使得这x个数相加的结果是奇数。 如果x是偶数&#xff0c;他的分布肯定是一个奇数一个偶数若干个两两配对的奇数若干个两两配对的偶数。 如果…...

编程日记 2025/8/17 8:30:34

在 GitLab 中部署Python定时任务

在 GitLab 中部署定时任务（如每天早8点运行Python脚本并存储结果）可以通过 GitLab CI/CD 结合 计划任务（Scheduled Pipelines） 实现。以下是详细步骤和准备工作： 1. 准备工作 (1) 项目结构准备 确保项目包含： Python脚本（如 main.py）：执行核心算法逻辑。 结果存储模…...

编程日记 2025/8/17 8:59:39

学习黑客Windows权限体系

已思考 24 秒 借着 Week 2 Day 4 的号角&#xff0c;我们把权限系统这条「双持长枪」摆上擂台&#xff1a;一边是 Windows DACL/icacls&#xff0c;另一边是 Linux sudoers。你将看到二者在授权语法、常见配置漏洞与提权打法上的一一对照——尤其关注 可写服务&#xff08;Wr…...

编程日记 2025/8/17 10:19:17

DXFViewer进行中2 -＞ 直线 解析+渲染 ✅已完成

DXFViewer进行中 : -&#xff1e;封装OpenGL -&#xff1e; 解析DXF直线-CSDN博客https://blog.csdn.net/qq_25547755/article/details/147723906 上篇博文 解析dxf直线635条 1. DXFViewer.h #pragma once #include "Application.h" #include <stdio.h> #inc…...

编程日记 2025/8/17 10:49:41

当智能科技遇上医疗行业会帮助疫苗如何方便管理呢？

​ 随着科技的发展&#xff0c;智能科技在医疗行业的应用日益广泛&#xff0c;在疫苗管理方面&#xff0c;温湿度监控设备的安装可以简化管理流程&#xff0c;提高监测效率&#xff0c;降低疫苗损坏的风险。 疫苗管理面临着诸多挑战和需求。疫苗的存储、运输、接种等环节都…...

编程日记 2025/8/18 0:09:31

Excel 数据 可视化 + 自动化！Excel 对比软件

各位Excel小能手们&#xff01;你们有没有过要对比两个Excel表格数据差异&#xff0c;却看得眼睛都花了的经历&#xff1f;其实啊&#xff0c;现在有专门的Excel文件比较软件能帮咱解决这大难题。这软件就是用来快速找出两个或多个Excel表格数据不同之处&#xff0c;还能把修改…...

编程日记 2025/8/17 1:58:28

Selenium模拟人类行为，操作网页的方法（全）

看到有朋友评论问&#xff0c;用selenium怎么模仿人类行为&#xff0c;去操作网页的页面呢&#xff1f; 我想了想&#xff0c;这确实是一个很大的点&#xff0c;不应该是一段代码能解决的&#xff0c; 就像是,如果让程序模拟人类的行为。例如模拟人类买菜&#xff0c;做饭&am…...

编程日记 2025/8/19 1:37:42

LVS负载均衡群集解析：理解LVS-NAT的工作原理

目录 一、LVS群集应用基础 1.群集技术概述 2.LVS虚拟服务器 3.NFS共享存储服务 二、案例&#xff1a;地址转换模式&#xff08;LVS-NAT&#xff09; 1.资源清单 2.修改主机名 3.配置负载调度器&#xff08;LVS上&#xff09; 4.配置节点服务器(web1、web2) 5.测试LVS…...

编程日记 2025/8/18 21:32:35

Leetcode Hot 100最长连续序列

题目描述 思路 思路1 我们对数组进行排序&#xff0c;通过遍历数组&#xff0c;如果前一个数组的值1等于当前数组的值&#xff0c;计数count&#xff0c;如果中断了&#xff0c;计算当前最大连续长度的值ans&#xff0c;并且统计值count重新置为1&#xff0c;最后返回count与…...

编程日记 2025/8/17 8:30:58

【东枫科技】代理英伟达产品：交换机系统

文章目录 总体详细&#xff1a;NVIDIA Spectrum SN5000详细&#xff1a;NVIDIA Spectrum SN2100详细&#xff1a;NVIDIA Spectrum SN4700详细&#xff1a;NVIDIA Spectrum SN2010详细&#xff1a;NVIDIA Spectrum SN4600详细&#xff1a;NVIDIA Spectrum SN3700详细&#xff1a…...

编程日记 2025/8/17 10:12:34

[前端]Javascript获取元素宽度

元素宽度属性对比示意图 ---------------------------------- | 外边距&#xff08;margin&#xff09; | -------------------------------- | | 边框&#xff08;border&#xff09; | | | -------------------------- | | | …...

编程日记 2025/8/18 21:28:25

MySQL + Qwen3-0.5B + Flask + Dify 工作流部署指南

1. 安装MySQL和PyMySQL 安装MySQL # 在Ubuntu/Debian上安装 sudo apt update sudo apt install mysql-server sudo mysql_secure_installation# 启动MySQL服务 sudo systemctl start mysql sudo systemctl enable mysql 安装PyMySQL pip install pymysql 使用 apt 安装 My…...

编程日记 2025/8/17 8:30:12

项目三 - 任务3：学生多态方式喂养宠物

在本次实战中&#xff0c;我们通过创建动物类及其子类&#xff08;猫、狗、鸟&#xff09;&#xff0c;并设计学生类的喂养方法&#xff0c;深入学习了Java中的多态和方法重载。学生类通过重载方式为每种动物提供专门的喂养方法&#xff0c;而通过多态方式则仅用一个方法即可喂…...

编程日记 2025/8/18 0:09:15

TypeScript速成

1、类型推断 这里的str已经推断为string类型&#xff0c;不能像JavaScript一样直接给str赋值number类型 2、类型注解 let str:stringabc 或者 let str:string strabc 3、类型断言 因为typescript会判定这个item可能为undefined类型&#xff0c;但是我们人为可以确定item一…...

编程日记 2025/8/18 0:09:13

CompletableFuture的底层ForkJoinPool

什么是 ForkJoinPool&#xff1f;它和普通线程池&#xff08;ThreadPoolExecutor&#xff09;有什么区别&#xff1f; 答案要点&#xff1a; ForkJoinPool 是 Java 7 引入的线程池&#xff0c;专为 分治任务 设计&#xff0c;支持递归任务拆分&#xff08;Fork&#xff09;和…...

编程日记 2025/8/17 9:17:45

高等数学第五章---定积分（§5.1定积分的概念、性质和应用）

5.1 定积分的概念及性质 一、引例 在学习定积分之前&#xff0c;我们先通过两个具体的例子来感受其思想和方法。 例1 曲边梯形的面积 定义&#xff1a;曲边梯形 由连续曲线 y f ( x ) y f(x) yf(x)&#xff08;假设 f ( x ) ≥ 0 f(x) \ge 0 f(x)≥0 在所讨论的区间上&…...

编程日记 2025/8/17 10:30:56