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

【黑马JavaWeb+AI知识梳理】前端Web基础02 - JS+Vue+Ajax

news 来源：原创 2025/6/9 8:48:16

JS（行为/交互效果）

JavaScript（JS）跨平台、面向对象，是用来控制网页行为，实现页面交互效果的脚本语言。

和Java完全不同，但基础语法类似。

  • 组成：
    • ECMAScript：规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等
    • BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等
    • DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等

JS核心语法

引入方式
  • 内部脚本：将JS代码定义在HTML页面中
    • JavaScript代码必须位于<script></script>标签之间
    • 在HTML文档中，可以在任意地方，防止任意数量的<script>
    • 一般会把脚本置于<body>元素的底部，可改善显示速度
  • 外部脚本：将JS代码定义在外部JS文件中，然后通过<script src=""></script>引入到HTML页面中
  • 书写规范：每行结束符为分号，但可有可无
基础语法

  • 变量/常量

    JS中用let关键字来声明变量（弱类型语言，变量可以存放不同类型的值）。

    早期可以用var，但并不严谨（不推荐）：var声明的变量可以重复声明，且会提升变量的作用域

    变量名需要遵循：

    • 只能用字母、数字、下划线（_）、美元符号($)组成，且数字不能开头
    • 变量名严格区分大小写，大小写不同则变量不同
    • 不能使用关键字，如let\var\if\for等

    JS中用const关键字声明常量，一旦声明无法更改

    输出方式：

    • window.alert() 弹出警告窗（window.可省略）
    • console.log() // 输出到控制台
    • document.write() // 输出到body区域，不常用

  • 数据类型

    • 基本数据类型：

      • number：数字（整数、小数、NaN（Not a Number））

      • boolean：true、false

      • null：对象为空，JavaScript大小写敏感，null、Null、NULL不同

      • undefined：声明的变量未初始化

      • string：单引号、双引号、反引号都可以，推荐使用单引号

        • 模板字符串语法：

          • ``（反引号）

          • 内容拼接变量时，使用${}包住变量

            let name = "小明"; // 声明变量并赋值
let age = 18; // 声明变量并赋值
console.log('大家好，我是' + name + '，今年' + age + '岁。'); // 输出变量的值
console.log(`大家好，我是${name}，今年${age}岁。`); // 输出变量的值

      • 使用typeof运算符可以获取数据类型

    • 引用数据类型

  • 函数：被设计用来执行特定任务的代码块，方便程序封装复用

    JS是弱类型语言，形参、返回值都不需要指定类型，在调用函数时，实参个数与形参个数可以不一致，但建议一致。

    • 定义：JavaScript中的函数通过function关键字进行定义：

      function functionName(parameter1, parameter2...){}

    • 调用：函数名称（实际参数列表）

      let result = functionName(1,2);

    • 匿名函数（用一个变量接收以后可被调用）

      • 函数表达式

        let add = function(a, b){return a + b;
}

      • 箭头函数

        let add = (a, b) => {return a + b
}

  • 自定义对象

    在箭头函数中，this指向的是当前对象的父级，不要在自定义对象的时候用箭头函数

    let 对象名 = {属性名1：属性值1；属性名2：属性值2；属性名3：属性值3；方法名：function（形参列表）{}
}
let 对象名 = {属性名1：属性值1；属性名2：属性值2；属性名3：属性值3；方法名（形参列表）{}
}

  • JSON（JavaScript Object Notation），JavaScript对象标记法。

    • JSON 是通过JavaScript 对象标记法书写的文本

    • 由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输
      在这里插入图片描述

    • 自定义对象时，属性名不用加双引号，但JSON中必须要加

      • JSON.parse()

        JSON转对象

      • JSON.stringfy()

        对象转JSON

DOM（Document Object Model，文档对象模型）

将标记语言的各个组成部分封装为对应的对象：

  • Document：整个文档对象
  • Element：元素对象
  • Attribute：属性对象
  • Text：文本对象
  • Comment：注释对象

JavaScript通过DOM，就能对HTML进行：

  • 改变HTML元素的内容
  • 改变HTML元素的样式（CSS）
  • 对HTML DOM事件作出反应
  • 添加和删除HTML元素

操作：

  • 核心思想：将网页中所有的元素当做对象来处理（标签的所有属性在该对象都可以找到）

  • 步骤：

    • 获取要操作的DOM元素对象
    • 操作DOM对象的属性或方法

  • 获取DOM对象

    早期为document.getElementById等等

    • 根据CSS选择器来获取DOM元素，获取匹配到的第一个元素：document.querySelector(‘选择器’)

    • 根据CSS选择器来获取DOM元素，获取匹配到的所有元素：document.querySelectorAll(‘选择器’)

      注意：得到的是一个NodeList节点集合，是一个伪数组（有长度、有索引的数组）

JS事件监听

事件：HTML事件是发生在HTML元素上的“事情”。如：

  • 按钮被点击
  • 鼠标移动到元素上
  • 按下键盘按键

事件监听：JavaScript可以在事件触发时，立即调用一个函数做出响应，也称为事件绑定或注册事件

语法：事件源.addEventListener(‘事件类型’, 事件触发执行的函数);

早期：事件源.on事件=...，on方式会被覆盖，addEventListener方式可以绑定多次，拥有更多特性，推荐使用

事件监听三要素：

  • 事件源：哪个dom元素触发了事件，要获取dom元素
  • 事件类型：用什么方式触发，比如鼠标单击 click
  • 事件触发执行的函数：要做什么事

常见事件

  • 鼠标事件
    • click
    • mouseenter
    • mouseleave
  • 键盘事件
    • keydown
    • keyup
  • 焦点事件
    • focus
    • blur
  • 表单事件
    • input
    • submit

JS程序优化

导入其他文件中的函数：

import {printLog} from './utils.js'

导出函数被其他类看见：

export function printLog(){}

html文件中宣布类型为模块化：

<script src="./js/eventDemo.js" type="module"></script>

Vue3

什么是Vue？

  • Vue是一款用于构建用户界面的渐进式的JavaScript框架。官方网站

  • 渐进式：
    在这里插入图片描述

  • 框架：一套完整的项目解决方案，用于快速构建项目

  • 优点：大大提升前端项目的开发效率

  • 缺点：需要理解记忆框架的使用规则。（参照官网）

Vue快速入门

  • 准备

    • 引入Vue模块（官网提供）
    • 创建Vue程序的应用实例，控制视图的元素
    • 准备元素（div），被Vue控制

  • 数据驱动视图

    • 准备数据

    • 通过插值表达式渲染页面

      <div id="app"><h1>{{message}}</h1>
</div><script type="module">import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';createApp({data(){return{message:"Hello Vue!"}}}).mount("#app");</script>

Vue常用指令

  • 指令：HTML标签上带有v-前缀的特殊属性，不同的指令具有不同的含义，可以实现不同的功能。

  • 常用指令

    指令作用
    v-for列表渲染，遍历容器的元素或者对象的属性
    v-bind动态为HTML标签绑定属性值，如设置href，css，style样式等
    v-if/v-else-if/v-else条件性的渲染某元素，判定为true时渲染，否则不渲染
    v-show根据条件展示某元素，区别在于切换的是display属性的值
    v-model在表单元素上创建双向数据绑定，可以方便地获取或设置表单项数据
    v-on为HTML标签绑定事件（添加事件监听）

    • v-for

      注意：遍历的数组必须在data中定义；要想让哪个标签循环展示多次，就在哪个标签上使用v-for指令

      <tr v-for="(item, index) in items" :key="item.id">{{item}}</tr>
      • items：遍历的数组
      • item：遍历出来的元素
      • index：索引/下标，从0开始；可以省略：v-for=“item in items”
      • key
        • 作用：给元素添加的唯一标识，便于vue进行列表项的正确排序复用，提升渲染性能
        • 推荐使用id作为key（唯一），不推荐使用index作为key（会变化，不对应）

    • v-bind

      <img v-bind:src="item.image" width="30px">
<img :src="item.image" width="20px">

    • v-if/v-else-if/v-else

      注意：v-else-if必须出现在v-if之后，可以出现多个；v-else必须出现在v-if/v-else-if之后。

      • v-if=“表达式”，表达式值为true，显示，false，隐藏
      • 基于条件判断，来控制或移除元素节点（条件渲染）
      • 要么显示，要么不显示，不频繁切换的场景
      • 可以配合v-else-if / v-else进行链式调用条件判断

    • v-show

      • v-show=“表达式”，表达式值为true，显示，false，隐藏
      • 基于CSS样式display来控制显示与隐藏
      • 频繁切换显示隐藏的场景

    • v-model：v-model=“变量名”

      注意：v-model中绑定的变量，必须在data中定义。

      <input type="text" id="name" v-model="searchForm.name"

    • v-on：v-on: 事件名=“方法名”，简写为：@事件名=“…”

      注意：methods函数中的this指向Vue实例，可以通过this获取到data中定义的数据。

Vue生命周期

在这里插入图片描述

  • 生命周期：指一个对象从创建到销毁的整个过程。

  • 生命周期的八个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法（钩子）

    状态阶段周期
    beforeCreate创建前
    created创建后
    beforeMount载入前
    mounted挂载完成
    beforeUpdate数据更新前
    updated数据更新后
    beforeUnmount组件销毁前
    unmounted组件销毁后

Ajax

入门

  • 定义：Asynchronous JavaScript And XML，异步的JavaScript和XML（Extensible Markup Language，可扩展标记语言，本质是一种数据格式，可以用来存储复杂的数据结构。）

  • 作用

    • 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。
    • 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。如：搜索联想、用户名是否可用的校验等等。

  • 同步与异步外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • async & await

    await关键字只能在async函数内有效，await关键字取代then函数，等待获取到请求成功的结果值

Axios
  • 介绍：Axios对原生的Ajax进行了封装，简化书写，快速开发。
  • 官网：https://www,axios-http.cn/
  • 步骤：
    • 引入Axios的js文件（参照官网）
    • 使用Axios发送请求，并获取响应结果
      • GET：axios.get(url).then((res)=>{…}).catch((err)=>{})
      • POST：axios.post(url).then((res)=>{…}).catch((err)=>{})
    • 参数
      • method：请求方式，GET/POST
      • url：请求路径
      • data：请求数据（POST）
      • params：发送请求时携带的url参数，如：?pwd=1234
    • Axios-请求方式别名
      • 格式：axios.请求方式(url [, data [, config]])

相关文章：

【黑马JavaWeb+AI知识梳理】前端Web基础02 - JS+Vue+Ajax

JS&#xff08;行为/交互效果&#xff09; JavaScript&#xff08;JS&#xff09;跨平台、面向对象&#xff0c;是用来控制网页行为&#xff0c;实现页面交互效果的脚本语言。 和Java完全不同&#xff0c;但基础语法类似。 组成&#xff1a; ECMAScript&#xff1a;规定了JS…...

编程日记 2025/5/24 23:50:20

Unity Post Processing 小记 【使用泛光实现灯光亮度效果】

一、前言 本篇适用于Unity 2018 - 2019及以上版本&#xff0c;以默认渲染管线为例。文章内容源于个人研究尝试与网络资料收集&#xff0c;可能存在不准确之处。初衷是因新版本制作时老的Bloom插件失效&#xff0c;经研究后分享开启Bloom效果的方法。若在项目中使用Post Proces…...

编程日记 2025/5/19 9:03:01

NFC 碰一碰发视频贴牌技术，音频功能的开发实践与技术解析

在数字化营销与信息交互场景中&#xff0c;NFC 碰一碰技术凭借其便捷性和高效性&#xff0c;成为快速传递多媒体内容的新选择。通过 NFC 实现视频音频的快速传输&#xff0c;不仅能提升用户体验&#xff0c;还能为各类场景带来创新应用。本文将深入探讨该功能开发过程中的关键技…...

编程日记 2025/5/28 19:10:38

新型“电力寄生虫“网络钓鱼攻击瞄准能源企业与知名品牌

本周发布的综合威胁报告显示&#xff0c;自2024年以来&#xff0c;一场名为"电力寄生虫"&#xff08;Power Parasites&#xff09;的复杂网络钓鱼活动持续针对全球能源巨头和知名品牌展开攻击。 该攻击活动主要通过精心设计的投资骗局和虚假招聘信息&#xff0c;冒用…...

编程日记 2025/5/26 9:12:09

如何将数据输入到神经网络中

引言 在前面的文章学习中&#xff0c;我们初步了解到神经网络在人工智能领域扮演着至关重要的角色&#xff0c;它具备实现真正人工智能的潜力。真正的人工智能意味着机器能够像人类一样进行感知、学习、推理和决策等复杂活动。而神经网络作为实现这一目标的关键技术&#xff0c…...

编程日记 2025/5/28 13:59:05

【quantity】2 Unit 结构体（unit.rs）

一、源码 下面代码实现了一个基于类型级别的物理量单位系统&#xff0c;使用Rust的类型系统在编译期保证单位运算的正确性。 use typenum::{Integer, Sum, Diff, Z0, // 0P1, P2, P3, P4, // 1, 2, 3, 4N1, N2, N3 // -1, -2, -3 }; use std::marker::PhantomData; use st…...

编程日记 2025/5/27 6:04:41

OpenCV 图形API（66）图像结构分析和形状描述符------将一条直线拟合到三维点集上函数fitLine3D()

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 拟合一条直线到3D点集。 该函数通过最小化 ∑iρ(ri) 来将一条直线拟合到3D点集&#xff0c;其中 ri 是第 i 个点与直线之间的距离&#xff0c;…...

编程日记 2025/6/1 17:13:09

uniapp: 低功耗蓝牙（BLE）的使用

在微信小程序中实现蓝牙对接蓝牙秤的重量功能&#xff0c;主要依赖微信小程序提供的低功耗蓝牙&#xff08;BLE&#xff09;API。以下是一个清晰的步骤指南&#xff0c;帮助你完成从连接蓝牙秤到获取重量数据的开发流程。需要注意的是&#xff0c;具体实现可能因蓝牙秤的协议和…...

编程日记 2025/5/11 5:03:37

谢飞机的Java面试之旅：从Spring Boot到Kubernetes的挑战

场景：互联网大厂Java求职 在一家知名互联网大厂的面试现场，严肃的面试官坐在谢飞机的对面，开始了面试。 第一轮：基础技术与平台 面试官： 谢先生，您能简单介绍一下Java SE 8的主要新特性吗？ 谢飞机： 当然，Java 8引入了Lambda表达式、Stream API和新的日期时间API。 …...

编程日记 2025/5/11 5:04:02

Shadertoy着色器移植到Three.js经验总结

Shadertoy是一个流行的在线平台&#xff0c;用于创建和分享WebGL片段着色器。里面有很多令人惊叹的画面&#xff0c;甚至3D场景。本人也移植了几个ShaderToy上的着色器。本文将详细介绍移植过程中需要注意的关键点。 1. 基本结构差异 想要移植ShaderToy的shader到three.js&am…...

编程日记 2025/5/11 5:04:15

基于BenchmarkSQL的OceanBase数据库tpcc性能测试

基于BenchmarkSQL的OceanBase数据库tpcc性能测试 安装BenchmarkSQL及其依赖安装软件依赖编译BenchmarkSQLBenchmarkSQL props文件配置数据库和测试表配置BenchmarkSQL压测装载测试数据TPC-C压测（固定事务数量）TPC-C压测（固定时长）生成测试报告重复测试流程梳理安装Benchmar…...

编程日记 2025/5/11 5:04:03

Flutter 泛型 泛型方法 泛型类 泛型接口

目录 泛型简单使用 泛型类的简单使用 泛型接口的使用 通俗理解:泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持(类型校验) 泛型简单使用 main(){print(getData2("XXX"));getData2<String>("XXX");getData2<int>(1);}Str…...

编程日记 2025/5/11 5:04:00

边缘函数：全栈开发的最后1毫秒性能革命

一、边缘计算的时空折叠术 1. 传统CDN vs. 智能边缘网络 全球电商平台实测数据&#xff1a; 场景云端处理延迟边缘处理延迟转化率提升搜索建议320ms8ms18%个性化推荐450ms12ms27%实时库存检查680ms9ms42%欺诈检测920ms15ms63% 二、边缘全栈架构的量子纠缠 1. 代码的时空分布…...

编程日记 2025/5/28 4:08:12

网店专用版批量转账系统，覆盖淘宝、拼多多、抖店订单信息自动核对+插旗自动备注，支持微信支付宝批量转账

不少电商人在运营过程中&#xff0c;需要用转账工具来解决日常运营过程中的返款问题。 但在实际操作过程中&#xff0c;往往有很多问题。东哥在这里梳理下&#xff0c;方便大家了解&#xff1a; 1.错返/漏返的情况时有发生 为什么会错返和漏返&#xff1f; 实际来看&#x…...

编程日记 2025/5/11 5:04:12

AUTOSAR_RS_ClassicPlatformDebugTraceProfile

AUTOSAR经典平台调试、跟踪与分析支持 AUTOSAR组件调试、跟踪与分析功能详解 目录 简介ARTI核心扩展 核心特定ARTI扩展结构核心参数定义 操作系统和任务扩展 OS特定ARTI扩展任务特定ARTI扩展软件组件特定扩展 总体架构 组件结构接口定义 错误处理 默认错误跟踪器(DET) 总结 1.…...

编程日记 2025/5/11 5:04:04

vue中将html2canvas转成的图片传递给后台 Python Flask 服务

下面将详细介绍如何在 Vue 项目里把 html2canvas 转换得到的图片传递给后台的 Python Flask 服务。 前端&#xff08;Vue&#xff09;步骤 1. 安装依赖 首先要确保已经安装了 html2canvas 和 axios&#xff0c;若未安装&#xff0c;可在终端执行以下命令&#xff1a; npm i…...

编程日记 2025/5/11 5:04:00

基于深度学习的智能交通流量监控与预测系统设计与实现

基于深度学习的智能交通流量监控与预测系统设计与实现 摘要 随着城市化进程的加速和机动车保有量的激增&#xff0c;交通拥堵、事故频发、环境污染等问题日益严峻&#xff0c;对传统的交通管理方式提出了巨大挑战。智能交通系统&#xff08;ITS&#xff09;作为解决这些问题的…...

编程日记 2025/6/2 17:58:54

鸿蒙系统应用开发全栈指南

一、开发环境搭建与工具链配置 1. DevEco Studio深度解析 作为鸿蒙生态的官方IDE&#xff0c;DevEco Studio 4.2版本已集成ArkTS 3.0编译器与AI代码助手功能。安装过程需注意&#xff1a; 系统要求&#xff1a;Windows 10 21H2或macOS Monterey以上环境依赖&#xff1a;Node…...

编程日记 2025/5/11 5:04:09

STC32裸机项目集成FreeRTOS的实战问题解析

目录 &#x1f345;点击这里查看所有博文 随着自己工作的进行&#xff0c;接触到的技术栈也越来越多。给我一个很直观的感受就是&#xff0c;某一项技术/经验在刚开始接触的时候都记得很清楚。往往过了几个月都会忘记的差不多了&#xff0c;只有经常会用到的东西才有可能真正记…...

编程日记 2025/5/11 5:04:13

振弦式应变计在混凝土结构长期监测中的应用与特点 久岩传感 GEO-explorer

振弦式应变计在混凝土结构长期监测中的应用与特点 久岩传感 GEO-explorer 振弦式应变计是一种专为长期埋设于水工建筑物及各类混凝土结构内部而设计的测量仪器&#xff0c;可广泛应用于梁体、柱体、桩基、挡土墙、隧道衬砌、桥墩及基岩等结构的应变与应力监测&#xff0c;同时具…...

编程日记 2025/5/11 5:04:02

AVFormatContext 再分析

说明 &#xff1a;将 avfromatContext 的变量依次打印分析&#xff0c;根据ffmpeg 给的说明&#xff0c;猜测&#xff0c;结合网上的文章字节写测试代码分析。 从常用到不常用依次分析 1. unsigned int nb_streams; 代表 avfromatContext 中 AVStream **streams 的个数 /** …...

编程日记 2025/5/11 5:04:06

力扣hot100，739每日温度(单调栈)详解

时隔多久又遇到单调栈的题了&#xff0c;上次记得是接雨水的题&#xff0c;简单讲一下单调栈的适用场景和定义。 意义:看名字就知道单调栈是一个栈里面的数据是单调的 。 解决问题: 单调栈主要用于解决需要**快速找到某个元素附近更大或更小的元素**的问题&#xff0c;其核心…...

编程日记 2025/5/30 20:38:02

怎么检测代理IP延迟？如何选择低延迟代理？

在跨境电商、数据采集以及社交媒体管理等活动中&#xff0c;代理IP的延迟是评估其性能的关键指标之一。高延迟的代理IP可能显著影响任务效率&#xff0c;特别是在需要高并发或大量请求的情况下。本文将介绍几种测试海外代理IP延迟的方法。 一、使用Ping命令测试延迟 Ping命令…...

编程日记 2025/5/11 5:04:04

QEMU 10.0 发布

QEMU 10.0 于 2025 年 4 月 23 日发布。此版本包含 2800 多个提交&#xff0c;来自 211 位作者。以下是一些主要的更新内容&#xff1a; CPU 和主板支持增强 x86 架构&#xff1a;优化了字符串操作指令&#xff0c;显著缩短启动时间。新增了 Intel Clearwater Forest 和 Sierra…...

编程日记 2025/5/11 5:04:10

C++和Java该如何选择？

我真诚的建议你选择C。因为国内Java程序员内卷太严重了&#xff0c;某些公司发布一个Java岗位&#xff0c;立刻就有几百人打招呼&#xff1b;而发布一个C岗位&#xff0c;打招呼的人数就那么十几个。 要知道&#xff0c;无论什么时候&#xff0c;只要你能够学得动C&#xff0c…...

编程日记 2025/6/2 3:06:20

Javase 基础入门 —— 06 final + 单例

本系列为笔者学习Javase的课堂笔记&#xff0c;视频资源为B站黑马程序员出品的《黑马程序员JavaAI智能辅助编程全套视频教程&#xff0c;java零基础入门到大牛一套通关》&#xff0c;章节分布参考视频教程&#xff0c;为同样学习Javase系列课程的同学们提供参考。 01 final 关…...

编程日记 2025/5/11 5:04:09

web 开发中，前端部署更新后，该怎么通知用户刷新

web 开发中&#xff0c;前端部署更新后&#xff0c;该怎么通知用户刷新&#xff1f; 浏览器为什么存在刷新按钮&#xff1f;&#x1f518; 因为需要重新加载js&#xff0c;css&#xff0c;html。但为何需要重新加载这些东西&#xff1f;直白点说这些东西其实就是一个文档&…...

编程日记 2025/5/11 5:04:03

LaTex、pdfLaTex、XeLaTex和luaLaTex的区别和联系

之前一直搞不懂这些乱七八糟的Tex到底有啥区别&#xff0c;不同引擎不同编译器换来换去&#xff0c;查了些资料又问了下AI&#xff0c;总算是搞懂了。 大概是这样&#xff0c;很久以前有人写了个Tex排版引擎&#xff0c;输入一些代码命令&#xff0c;输出dvi文件&#xff08;设…...

编程日记 2025/5/11 5:04:02

深入解析 npm 与 Yarn：Node.js 包管理工具对比与选型指南

在 Node.js 生态中&#xff0c;依赖管理是项目开发的核心环节。npm&#xff08;Node Package Manager&#xff09;和 Yarn 作为两大主流包管理工具&#xff0c;虽目标一致但各有特色。本文将从技术实现、使用场景、生态整合等维度深度对比&#xff0c;助你选择更适合的工具。​…...

编程日记 2025/5/11 5:04:11

PDF嵌入图片

所需依赖 <dependency><groupId>com.itextpdf</groupId><artifactId>itext-core</artifactId><version>9.0.0</version><type>pom</type> </dependency>源码 /*** PDF工具*/ public class PdfUtils {/*** 嵌入图…...

编程日记 2025/5/11 5:04:09

Coding Practice，48天强训（24）

Topic 1&#xff1a;判断是不是平衡二叉树&#xff08;递归&#xff09; 判断是不是平衡二叉树_牛客题霸_牛客网 /*** struct TreeNode {* int val;* struct TreeNode *left;* struct TreeNode *right;* };*/ /*** 代码中的类名、方法名、参数名已经指定&#xff0c;请勿修改&…...

编程日记 2025/5/11 5:03:59

技术分享 | Oracle-RAC修改IP信息

本文为墨天轮数据库管理服务团队第61期技术分享&#xff0c;内容原创&#xff0c;作者为技术顾问胡振兴&#xff0c;如需转载请联系小墨&#xff08;VX&#xff1a;modb666&#xff09;并注明来源。 在生产中有时候会遇到网络变更&#xff0c;Oracle RAC IP信息更换等情况&…...

编程日记 2025/5/11 5:04:14

北京工业大学25计专上岸经验分享

1.个人情况介绍 本科就读于河北双非&#xff0c;专业为计算机科学与技术&#xff0c;四级三次498&#xff0c;六级两次460&#xff0c;拿过几次校级奖学金&#xff0c;竞赛经历有蓝桥杯国三、数学竞赛省二。本科成绩排名靠前&#xff0c;保研保7排8&#xff0c;遗憾选择考研继…...

编程日记 2025/5/11 5:04:15

rabbitmq常用命令

目录 1.查看集群状态 2.查看消息对列的堆积 3.重启mq服务 4.清理mq队列消息 1.查看集群状态 rabbitmqctl cluster_status 2.查看消息对列的堆积 rabbitmqctl list_queues rabbitmqctl list_queues | grep -v 0$ 3.重启mq服务 systemctl status rabbitmq-server.servic…...

编程日记 2025/5/28 9:34:51

Spring Cloud Alibaba 整合 Sentinel：实现微服务高可用防护

一、Sentinel 简介 Sentinel 是阿里巴巴开源的面向分布式服务架构的流量控制组件&#xff0c;主要提供以下核心功能&#xff1a; 流量控制&#xff1a;针对不同的调用关系&#xff0c;以不同的运行指标&#xff08;如 QPS、线程数、系统负载等&#xff09;为基准&#xff0c;对…...

编程日记 2025/5/11 5:04:06

机器人抓取位姿检测——GRCN训练及测试教程（Pytorch）

机器人抓取位姿检测——GRCN训练及测试教程（Pytorch） 这篇文章主要介绍了2020年IROS提出的一种名为GRCN的检测模型，给出了代码各部分的说明，并给出windows系统下可以直接复现的完整代码，包含Cornell数据集。 模型结构图 github源码地址：https://github.com/skumra/robo…...

编程日记 2025/5/31 16:45:18

《一键式江湖：Docker Compose中间件部署108式》开篇：告别“配置地狱”，从此笑傲云原生武林！》

&#xff08;&#x1f5e1;️江湖险恶&#xff0c;少侠可曾受困&#xff1f;&#xff09; 深夜&#x1f319;&#xff0c;你盯着屏幕泛红的终端报错&#xff0c;第3次从GitHub某个无名仓库扒下残缺的docker-compose.yaml&#xff0c; 却发现&#xff1a; RabbitMQ连不上&#…...

编程日记 2025/5/11 5:04:11

C语言内敛函数

目录 1、内敛函数的定义 2、内敛函数的特点 2.1 减少函数调用开销 2.2 代码膨胀 2.3 编译器决定 2.4 适用于小型函数 3、示例 4、注意事项 在C语言中&#xff0c;内敛函数&#xff08;Inline Function&#xff09;是一种通过编译器优化来减少函数调用开销的机制。它通过…...

编程日记 2025/5/11 5:04:05

DAY8-GDB调试及打桩

GDB打桩 1.类成员函数打桩 // example1.cpp #include <iostream>class Calculator { public:int add(int a, int b) {return a b;} };int main() {Calculator calc;std::cout << "Result: " << calc.add(2, 3) << std::endl;return 0; }(…...

编程日记 2025/5/11 5:04:10

三、UI自动化测试03--操作方法API

目录 一、元素操作⽅法二、浏览器操作⽅法1. Part1: 设置最⼤化/⼤⼩/位置扩展: Web/APP 项⽬⻚⾯布局坐标系示意2. Part2: 后退/前进/刷新3. Part3: 关闭/退出/获取⻚⾯标题和 URL 地址 三、获取元素信息⽅法1. Part1: 获取⼤⼩/⽂本/属性值2. Part2: 判断元素是否可⻅/可⽤/可…...

编程日记 2025/5/11 5:04:05

人工智能—— K-means 聚类算法

目录 摘要 16 K-means 聚类算法 16.1 本章工作任务 16.2 本章技能目标 16.3 本章简介 16.4 编程实战 16.5 本章总结 16.6 本章作业 本章已完结&#xff01;&#xff01;&#xff01; 摘要 本章实现的工作是&#xff1a;首先采用Python语言读取样本数据(学生的语文、数…...

编程日记 2025/5/11 5:04:03

使用XMLSpy校验xml是否合法

# 背景说明 近期大部分地区都在做或将要做数据迁移&#xff0c;基本所有产品的迁移工具底层都依赖了XSD文件对迁移的结构化数据对应XML文件进行初步校验&#xff0c;但有些XSD的问题提示不太容易理解&#xff0c;正好N年前我做XX数据上报时用过XMLSpy可以直接校验每个xml是否合…...

编程日记 2025/5/11 5:04:03

游戏引擎学习第248天:清理数据块显示

启动代码&#xff0c;构建游戏&#xff0c;回顾并为今天的工作做好准备 今天还需要做一些额外的调整。具体来说&#xff0c;我们希望能编辑一些调试值&#xff0c;而这个结构在当前的调试系统中已经有了&#xff0c;所以今天主要是清理一些无关的部分&#xff0c;并进行一些连…...

编程日记 2025/5/11 5:04:01

基于Pytest接口自动化的requests模块项目实战以及接口关联方法详解

&#x1f345; 点击文末小卡片&#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 1、基于pytest单元测试框架的规则 1.1 模块名&#xff08;即文件名&#xff09;必须以test_开头或者_test结尾 1.2 类名必须以Test开头且不能有init方法 1.3 用…...

编程日记 2025/5/11 5:04:05

腾讯 Kuikly 正式开源，了解一下这个基于 Kotlin 的全平台框架

在 3月的时候通过 《腾讯 TDF 即将开源 Kuikly 跨端框架&#xff0c;Kotlin 支持全平台》 我们大致知道了 Kuikly 的基本情况&#xff0c;Kuikly 是一个面向终端技术栈的跨端开发框架&#xff0c;完全基于kotlin语言开发&#xff0c;提供原生的性能和体验。 按照官方的说法&…...

编程日记 2025/5/11 5:03:59

【c++】AVL树模拟实现

简介 AVL树是最先被发明出来的自平衡二叉查找树&#xff0c;在1962由前苏联科学家G. M. Adelson-Velsky和E. M. Landis在论文中发表。AVL树中引入了平衡因子&#xff0c;每一个节点都有一个平衡因子&#xff08;一般是右子树高度 - 左子树高度&#xff09;&#xff1b;AVL树要…...

编程日记 2025/5/29 11:03:33

具身智能模型开发训练技法之仿真平台动捕数据重定向

具身智能大模型的开发与训练高度依赖大量的数据输入&#xff0c;形象地说&#xff0c;如同需要持续的“数据喂养”。只有经过不断地进行数据积累和模型训练&#xff0c;具身智能大模型才能够实现自主感知、自主决策以及自主执行的完整进程。在多样化的数据形态中&#xff0c;真…...

编程日记 2025/5/11 5:04:10

手撕——贪吃蛇小游戏（下）

引言 上一章介绍了实现贪吃蛇小游戏必备的知识点。 这章&#xff0c;让我们一起开启手搓核弹之旅吧。 先附上贪吃蛇代码的git&#xff1a;贪吃蛇小游戏_4_23 Shown_shuai/learn_c - 码云 - 开源中国 (gitee.com) 上一章的窗口&#xff1a; 手撕——贪吃蛇小游戏&#xff0…...

编程日记 2025/6/4 12:41:28

C++ 类与对象（中）—— 默认成员函数与运算符重载的深度解析:构造函数,析构函数，拷贝构造函数，赋值运算符重载，普通取地址重载，const取地址重载

在 C 中&#xff0c;类的默认成员函数是编译器自动生成的重要机制&#xff0c;合理利用这些函数可以简化代码编写&#xff0c;同时避免资源管理错误。本文将从构造函数、析构函数、拷贝构造函数、赋值运算符重载等核心内容展开&#xff0c;结合具体案例深入解析。 一、默认成员…...

编程日记 2025/6/2 20:37:05

【Jupyter 启动时如何指定目录】

你在 Windows 系统下运行 jupyter notebook 时&#xff0c;遇到了 Jupyter Notebook 打开的目录不是你想要的 E:\desktop\yolo-study&#xff0c;而是其他路径。这可能是由于 Jupyter 的默认配置问题 或 启动路径问题 导致的。 &#x1f50d; 原因分析 Jupyter 默认根目录设置错…...

编程日记 2025/5/11 5:04:02