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

用selenium4 webdriver + java 搭建并完成第一个自动化测试脚本

news 来源：原创 2025/7/18 1:30:12

自动化测试任务：

百度搜索自己的姓名。点击第一个链接（或者第二个），在新的页面上，添加断言，验证你的名字是否存在。

实验资料百度网盘下载路径：

链接: https://pan.baidu.com/s/1nVlHX_ivresul9Thg6Cvjw?pwd=2ydd 提取码: 2ydd 

1.新建一个java工程

打开eclipse，点击菜单 File -> New -> Java Project

输入项目名称，（为了区分作业，请包含自己的姓名） 

2.将selenium 包添加到编译路径

1）在项目上添加文件夹"lib"   ( 文件夹名也可以是其他的，不影响使用）

弹出窗口中指定文件夹名称

2） 将给大家下发资料中的lib文件夹下的“4_selenium-server-4..jar”复制到lib文件夹中

3）将jar包添加到编译路径

选中刚才添加的jar文件。点击右键菜单 build path -> add to build path

如下图所示。则说明selenium已经成功添加到编译路径了

3.将junit到编译路径

为了使用junit框架来编写测试脚本，我们可以把junit添加到工程中来

在工程上点击右键菜单 build path -> configure build path,..

弹出窗口上。在library选项卡下，点击“Add library”

系统返回到 java build path 页面。点击【Apply and Close】

此时工程中可以看到junit4了奥

5.将浏览器驱动程序添加到工程中

selenium 并不能直接操作浏览器，它需要通过浏览器驱动程序操作浏览器。

为了便于管理，我们把浏览器驱动程序也放到项目工程中。

这里需要注意，浏览器驱动程序一定要和浏览器一致，是火狐还是edge浏览器，版本是多少，都要弄清楚。

例如，

edge浏览器在网址中输入：edge://version/ 可以查看edge浏览器的版本号

火狐浏览器在网址中输入：about:support 可以查看浏览器版本

本次以火狐浏览器为例说明

新建文件夹“firefoxdriver”

然后把我给大家的firefoxdriver下的“geckodriver-v0.34.0-win32.exe”复制，粘贴该文件夹下

如下所示，火狐浏览器的驱动程序已经放到工程中了，后面我们就可以使用该驱动程序了

4.创建测试文件

在工程src目录上点击右键 New - > class ,添加一个java文件

输入测试类的名称（请大家包含自己的姓名，后面作业提交截图会用到）

5.编写第一个测试用例

1）输入如下图中的矩形框内的代码

2）导包

此时，@Test注解飘红，这是因为还没有将其添加到编译路径上

下面我们来导包。光标悬停在飘红的Test上时，系统会给出若干个快速解决方案。如下所示，选择导入 oig.junit 

导入后，@Test不在飘红了，说明系统已经能识别到该类了。

3) 输入脚本

大家可以复制如下脚本。

复制之前可以看一下我写脚本的过程，对大家编写脚本也有帮助

元素定位，大家可以借助开发中工具（F12可以打开）点选元素，拷贝它的xpath定位方式 和css定位方式

		  System.setProperty("webdriver.gecko.driver", "firefoxdriver\\geckodriver-v0.34.0-win32.exe"); // 设置chrome驱动程序的路径WebDriver driver = new FirefoxDriver(); //实例化浏览器driver.get("https://www.baidu.com/");   //打开百度页面driver.manage().window().maximize();    //最大化窗口driver.findElement(By.xpath("//*[@id=\"kw\"]")).sendKeys("曹红杏");  //搜索框输入 你的名字driver.findElement(By.xpath("//*[@id=\"su\"]")).click();driver.findElement(By.xpath("//*[@id=\"1\"]/div/div[1]/div[1]/h3/a")).click();//切换窗口Object win2 = driver.getWindowHandles().toArray()[1];driver.switchTo().window((String)win2);String text = driver.findElement(By.xpath("/html/body/div[6]/div/div/div[3]/form/div[1]/h3")).getText();Assert.assertEquals("曹红杏", text);

6.运行测试用例

选中要运行的测试用例执行

由于脚本中未考虑测试程序和被测程序的同步问题。有的页面还没有加载完成。测试程序就试图定位，导致元素定位不到，junit执行会出错

7. 三种同步方式

大家可以使用任意一种同步方式，使得脚本正常运行

强制等待

Thread.sleep(n);   停顿n毫秒

sleep可能抛出异常，异常可以自己处理，即使用try..catch捕获，也可以throw抛出，交给调用者处理

隐式等待

隐式等待时间也叫全局等待时间，并设置有超时时间；

即脚本运行到此处时，在等待时间内进行轮询，直到页面元素出现方继续向下运行， 若在超时时间内仍有元素未出现，则不再等待，脚本继续往下运行。

driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3)); 隐式等待具有全局性，对所有的元素定位都有效果

显示等待

显式等待是针对于某个特定的元素设置的等待时间， 在设置时间内，元素变得可用，则继续执行后续操作；如果等待时间后元素仍然不可用，则抛出NoSuchElementException异常。

例如：

WebDriverWait wait =new WebDriverWait(driver, 5); wait.until(ExpectedConditions.presenceOfElementLocated(By.xpath("//*@id='1']/div/div[1]/h3/a")));

8.窗口切换

百度搜索时，点击第一个链接，会打开一个新的页面。如果希望到新的页面上继续操作。

则需要先切换到该页面上奥。然后才能在该页面上定位元素，进行操作。

          Object win2 = driver.getWindowHandles().toArray()[1];
          driver.switchTo().window((String)win2);

相关文章：

用selenium4 webdriver + java 搭建并完成第一个自动化测试脚本

自动化测试任务： 百度搜索自己的姓名。点击第一个链接（或者第二个），在新的页面上，添加断言，验证你的名字是否存在。 实验资料百度网盘下载路径： 链接: https://pan.baidu.com/s/1nVlHX_ivres…...

编程日记 2025/7/18 1:30:12

晨控CK-FR12与欧姆龙NX系列PLC配置EtherNet/IP通讯连接操作手册

晨控CK-FR12系列作为晨控智能工业级别RFID读写器,支持大部分工业协议如RS232、RS485、以太网。支持工业协议Modbus RTU、Modbus TCP、Profinet、EtherNet/lP、EtherCat以及自由协议TCP/IP等。 本期主题：围绕CK-FR12产品的EtherNet/IP通讯协议与欧姆龙PLC进行通讯配置…...

编程日记 2025/7/18 18:08:22

武装Burp Suite工具：RouteVulScan插件_被动扫描发现漏洞.

武装Burp Suite工具：RouteVulScan插件_被动扫描. RouteVulScan 是一款使用Java语言编写，基于Burp Suite API的插件，用于递归地检测潜在的脆弱路径。 该插件通过被动扫描的方式，对路径的各个层级进行深度分析。利用预设的正则表达…...

编程日记 2025/7/18 7:32:36

Selenium+Java 环境搭建

windows电脑环境搭建Chrome浏览器 1.下载 Google Chrome 网络浏览器 （一定要下载官方的！！！） 注：最好下载在浏览器默认的路径 便于查找，而且占内存不是很大 2.查看chrome浏览器的版本 3.下载…...

编程日记 2025/7/18 10:15:22

网易云IP属地可以查看城市吗？深度解析与使用指南

在互联网时代，用户的隐私和数据安全越来越受到关注。许多社交平台和应用都会显示用户的IP属地，以增加透明度和真实性。网易云音乐作为国内领先的音乐平台，也引入了IP属地显示功能。那么，网易云IP属地能否精确到城市？这…...

编程日记 2025/6/29 11:22:17

Cline 之Plan和Act模式

Cline 提供了 "Plan & Act"双模式开发框架。适用在不同的场景。 一、核心模式理念 通过结构化开发流程提升AI编程效率，采用"先规划后执行"的核心理念。 该框架旨在帮助开发者构建更易维护、准确性更高的代码，同时显著缩短开发…...

编程日记 2025/7/18 21:07:28

【Java面试笔记：基础】7.int和Integer有什么区别？

在Java中，int和Integer虽然都用于表示整数值，但它们在本质、用法和特性上有显著差异。 1. int 和 Integer 的区别 int： 原始数据类型：int 是 Java 的 8 个原始数据类型之一，用于表示整数。性能优势：直接存…...

编程日记 2025/6/29 12:07:57

嘻游后台系统与机器人模块结构详解：功能逻辑 + 定制改造实战

作为“嘻游电玩三端组件”系列的最后一篇，本篇将全面剖析平台自带的后台控制系统与机器人行为逻辑模块，包括：用户管理、房间配置、日志系统、机器人规则编排与行为策略扩展等。通过技术视角展示其整体框架与可拓展性，帮助开发者更…...

编程日记 2025/7/18 21:07:27

Linux 网络编程：select、poll 与 epoll 深度解析 —— 从基础到高并发实战

一、IO 多路复用：解决并发 IO 的核心技术 在网络编程中，当需要同时处理大量客户端连接时，传统阻塞式 IO 会导致程序卡在单个操作上，造成资源浪费。IO 多路复用技术允许单线程监听多个文件描述符（FD）&#…...

编程日记 2025/7/17 5:37:36

在统信UOS1060上安装Fail2Ban并通过邮件发送通知

在统信UOS1060上安装Fail2Ban并通过邮件发送通知 Fail2Ban 是一个开源的防止暴力攻击的软件，可以有效保护您的服务器免受频繁的登录失败攻击。本文将指导您如何在统信UOS 1060上安装Fail2Ban，并在IP被封禁后通过邮件发送通知。 步骤 1：查看…...

编程日记 2025/6/29 10:33:48

PyTorch 分布式 DistributedDataParallel (DDP)

在之前的讨论（或者如果你直接跳到这里）中，我们了解了 torch.nn.DataParallel (DP) 作为 PyTorch 多 GPU 训练的入门选项。它简单易用，但其固有的主 GPU 瓶颈、GIL 限制和低效的通信模式，往往让它在实际应用中难以充分发…...

编程日记 2025/6/29 12:22:10

精益数据分析（14/126）：基于数据洞察优化产品与运营

精益数据分析（14/126）：基于数据洞察优化产品与运营 在创业和数据分析的道路上，我们都在不断摸索前行。我一直希望能和大家共同学习、共同进步，所以今天继续为大家解读《精益数据分析》。这次我们将深入探讨HighScore …...

编程日记 2025/6/29 10:27:38

flutter 插件收集

2025年 1月10号Flutter插件手机 声音转文字 speech_to_text | Flutter package 文字转声音 flutter_tts | Flutter package 堆栈信息 stack_trace | Dart package 跳转到app设置里面 app_settings | Flutter package 轻松的动画 animations | Flutter package 日志打印 t…...

编程日记 2025/6/29 10:21:46

WPF特性分析

文章目录 WPF特性全面分析与性能优化指南引言WPF核心特性1. 声明式UI与XAML2. 硬件加速渲染3. 数据绑定与MVVM4. 样式与模板5. 动画系统 WPF与其他框架比较WPF vs. WinFormsWPF vs. UWPWPF vs. MAUI WPF性能优化最佳实践1. 内存管理优化2. UI虚拟化3. 使用冻结对象4. 减少视觉树…...

编程日记 2025/7/18 19:32:23

3.1goweb框架gin下

Gin 框架有内置的模板引擎，它允许你将数据和 HTML 模板结合，动态生成网页内容。 模板引擎基础使用 单模板文件示例 以下是一个简单的使用单个 HTML 模板文件的示例，展示了如何在 Gin 中渲染模板： package mainimport ("g…...

编程日记 2025/6/29 12:12:36

【全解析】深入理解 JavaScript JSON 数据解析

一、JSON 概述 1. 概念 JSON 全称为 JavaScript Object Notation，是一种轻量级的数据交换格式。它是 JavaScript 中用于描述对象数据的语法的扩展。不过并不限于与 JavaScript 一起使用。它采用完全独立于语言的文本格式，这些特性使 JSON 成为理想的数…...

编程日记 2025/7/18 18:10:19

影刀RPA怎么和AI结合，制作自动采集小红书爆款文章+自动用AI改写标题、内容+用AI文生图生成发文图片+自动在小红书上发布文章

环境： 影刀5.26.24 Win10专业版 doubao deepseek r1 wps 问题描述： 影刀RPA怎么和AI结合，制作自动采集小红书爆款文章+自动用AI改写标题、内容+用AI文生图生成发文图片+自动在小红书上发布文章，最后上传到飞书备份 解决方案： 1.主要流程如下： 全局变量设置(关键…...

编程日记 2025/6/29 12:18:30

懒人一键搭建符号执行环境V5K3

0.背景 在写完上一篇文章后发现，其实V5k3的组合也可以使用。Verilator v5.x 系列版本完全支持本项目的编译与仿真。 不同于 v3 版本，Verilator v5 引入了更严格的访问控制机制：要从 Verilator 生成的 C 仿真模型中访问内部信号或变量&#x…...

编程日记 2025/6/29 11:46:50

Java队列（Queue）核心操作与最佳实践：深入解析与面试指南

文章目录 概述一、Java队列核心实现类对比1. LinkedList2. ArrayDeque3. PriorityQueue 二、核心操作API与时间复杂度三、经典使用场景与最佳实践场景1：BFS层序遍历（树/图）场景2：滑动窗口最大值（单调队列） …...

编程日记 2025/7/18 13:20:38

Android 中实现图片翻转动画（卡片翻转效果）

1、简述 通过 ObjectAnimator 和 AnimatorSet 可以实现图片的翻转动画，并在翻转过程中切换图片，同时避免图片被镜像。 ObjectAnimator 是 Android 动画框架中的一个类，用于对对象的属性进行动画效果处理。它通过改变对象的属性值来实现动画效果，非常适合实现复杂的动画，如…...

编程日记 2025/6/29 10:58:55

智能电网第1期 | 工业交换机在变电站自动化系统中的作用

随着智能电网建设的加速推进，变电站自动化系统对通信网络的实时性、可靠性和安全性提出了更高要求。在变电站智能化改造过程中，传统网络架构面临诸多挑战： 多协议兼容难题：继电保护、测控装置等设备通信协议多样，难以统…...

编程日记 2025/6/29 12:02:03

01.浏览器自动化webdriver源码分析之启动函数

日后，网络爬虫也好，数据采集也好，自动化必然是主流。因此，笔者未雨绸缪，在此研究各类自动化源码，希望能够赶上时代，做出一套实用的自动化框架。 这里先研究传统的webdriver中转来进行浏览器自动…...

编程日记 2025/6/29 10:59:39

day35图像处理OpenCV

文章目录 一、图像预处理17 直方图均衡化17.1绘制直方图17.2直方图均衡化1. 自适应直方图均衡化2. 对比度受限的自适应直方图均衡化3. 示例 19 模板匹配 一、图像预处理 17 直方图均衡化 直方图：反映图像像素分布的统计图，横坐标就是图像像素的取值&…...

编程日记 2025/7/18 18:08:22

精益数据分析（15/126）：解锁数据分析关键方法，驱动业务增长

精益数据分析（15/126）：解锁数据分析关键方法，驱动业务增长 在创业与数据分析的征程中，我们都在努力探寻成功的密码。今天，我依旧带着和大家共同进步的初衷，深入解读《精益数据分析》的相关内容…...

编程日记 2025/6/29 11:21:17

JETBRAINS USER AGREEMENT【2025.4.16】更新用户许可协议

JETBRAIN旗下的各产品更新用户许可协议： 大致跟漂亮国出口管制政策有关，以下是详细内容： JETBRAINS USER AGREEMENT Version 2.0, effective as of April 16, 2025 THIS IS A LEGAL AGREEMENT. BY CLICKING ON THE "I AGREE" (OR…...

编程日记 2025/6/29 12:13:04

【数字图像处理】立体视觉基础（1）

成像 成像过程：三维空间坐标到二维图像坐标的变换 相机矩阵：建立三维到二维的投影关系 相机的使用步骤（模型-视图变换）： （1）视图变换 （2）模型变换 （3&…...

编程日记 2025/6/29 11:31:27

通过AI工具或模型创建PPT的不同方式详解，结合 Assistants API、DALL·E 3 等工具的功能对比及表格总结

以下是通过AI工具或模型创建PPT的不同方式详解，结合 Assistants API、DALLE 3 等工具的功能对比及表格总结： 1. 主要实现方式详解 1.1 基于文本生成PPT 工具示例：Microsoft PowerPoint Copilot、Google Workspace（AI-powered D…...

编程日记 2025/7/17 4:54:22

weibo_har鸿蒙微博分享，单例二次封装，鸿蒙微博，微博登录

weibo_har鸿蒙微博分享，单例二次封装，鸿蒙微博 HarmonyOS 5.0.3 Beta2 SDK，原样包含OpenHarmony SDK Ohos_sdk_public 5.0.3.131 (API Version 15 Beta2) 🏆简介 zyl/weibo_har是微博封装使用，支持原生core使用 &a…...

编程日记 2025/6/29 11:48:16

C++ Lambda表达式复习

C Lambda表达式 (C Lambda Expressions: Beginner to Advanced) Lambda表达式是C11引入的一种轻量级匿名函数语法，支持闭包捕获，可以简化代码逻辑，特别是在函数式编程、回调函数和STL算法场景中尤为常用。本文将从基础语法到高级应用&#x…...

编程日记 2025/6/29 11:00:59

鸿蒙NEXT开发权限工具类（申请授权相关）（ArkTs）

import abilityAccessCtrl, { Permissions } from ohos.abilityAccessCtrl; import { bundleManager, common, PermissionRequestResult } from kit.AbilityKit; import { BusinessError } from ohos.base; import { ToastUtil } from ./ToastUtil;/*** 权限工具类（…...

编程日记 2025/7/18 17:51:52

1000 QPS 下 MySQL 性能瓶颈解决方案

当 MySQL 在 1000 QPS 时出现性能瓶颈，需从‌索引优化‌、‌查询逻辑调整‌、‌服务器配置调优‌、‌架构扩展‌等多维度综合解决，具体策略如下： 一、索引优化 补充缺失索引‌ 通过慢查询日志定位高频低效 SQL，使用 EXPLAIN 分…...

编程日记 2025/7/18 16:25:23

【MySQL】MySQL 表的增删改查（CRUD）—— 下篇（内含聚合查询、group by和having子句、联合查询、插入查询结果）

目录 1. 插入查询结果 2 聚合查询 （行与行之间运算） count 计算查询结果的行数 sum 求和 avg 求平均值 max 最大值 min 最小值 【小结】 3. group by 子句 分组 where 条件 having 条件 4. 联合查询（多表查询） 内连接…...

编程日记 2025/7/18 4:51:21

简化K8S部署流程：通过Apisix实现蓝绿发布策略详解（上）

本次主题主要目的是为大家讲解蓝绿发布，但是发现文档和内容太长了，对此将文档拆分成了两部分，视频拆分成了好几部分，这样大家刷起来没疲劳感。 第一部分《apisix argorollout 实现蓝绿发布I-使用apisix发布应用》，主要…...

编程日记 2025/7/18 20:00:54

FLV 与 MP4 格式深度剖析：结构、原理

1 FLV格式分析 1.1 定义 FLV(Flash Video)是Adobe公司推出的⼀种流媒体格式，由于其封装后的⾳视频⽂件体积⼩、封装简单等特点，⾮常适合于互联⽹上使⽤。⽬前主流的视频⽹站基本都⽀持FLV。采⽤FLV格式封装的⽂件后缀为.flv FLV封装格式是由⼀个**⽂件…...

编程日记 2025/7/2 22:23:20

k8s的yaml文件里的volume跟volumeMount的区别

volume 是 Pod 级别的资源，用于定义存储卷。它是一个独立于容器的存储资源，可以被一个或多个容器共享使用。volume 的定义位于 Pod 的 spec.volumes 部分。 特点 独立性：volume 是 Pod 的一部分，而不是容器的一部分。它独立于容…...

编程日记 2025/7/16 15:26:20

Git常用操作命令

配置 Git git config --global user.name "Your Name": 设置用户名。git config --global user.email "your_emailexample.com": 设置用户邮箱。 初始化和克隆仓库 git init: 初始化一个新的 Git 仓库。git clone [URL]: 克隆一个远程仓库到本地。 git cl…...

编程日记 2025/7/18 5:02:30

09.传输层协议 ——— TCP协议

文章目录 TCP协议 谈谈可靠性TCP协议格式 序号与确认序号窗口大小六个标志位 确认应答机制（ACK）超时重传机制连接管理机制 三次握手四次挥手 流量控制滑动窗口拥塞控制延迟应答捎带应答面向字节流粘包问题TCP异常情况TCP小结基于TCP的应用层协议 TCP协…...

编程日记 2025/7/18 10:34:48

NineData 与飞书深度集成，企业级数据管理审批流程全面自动化

NineData 正式推出与飞书审批系统的深度集成功能，企业用户在 NineData 平台发起的审批工单，将自动推送至审批人的飞书中，审批人可以直接在飞书进行审批并通过/拒绝。该功能实现跨系统协作，带来巨大的审批效率提升，为各…...

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

WebRTC服务器Coturn服务器中的通信协议

1、概述 作为WebRTC服务器，coturn通信协议主要是STUN和TURN协议 STUN&TURN协议头部都是20个字节,用 Message Type来区分不同的协议 |------2------|------2------|------------4------------|------------------------12-------------------------|-----------…...

编程日记 2025/6/29 10:57:23

4.19除自身以外数组的乘积

我自己的思路，想用双指针， 一个从左边left开始乘，一个从右边right开始乘，如果left,或者right遇到了目标索引i(也就是我们要跨过去的当前元素)，那么直接让对应的指针加一，当前元素不参与累积的计算&#xff…...

编程日记 2025/6/29 9:35:07

Anaconda3使用conda进行包管理

一、基础包管理操作 ‌安装包‌ 使用 conda install <包名> 安装指定包&#xff0c;支持多包批量安装和版本指定&#xff1a; conda install numpy # 安装单个包 conda install numpy scipy pandas # 批量安装多个包 conda install numpy1.21 # 指定版本 conda instal…...

编程日记 2025/7/18 1:30:27

媒体关注：联易融聚焦AI+业务，重塑供应链金融生态

近日&#xff0c;供应链金融科技龙头企业联易融科技集团&#xff08;以下简称“联易融”&#xff09;发布的公告显示&#xff0c;截至2024年末&#xff0c;公司现金储备达51亿元&#xff0c;同比上一年增加2亿元。公司称&#xff0c;公司经营性现金流保持健康&#xff0c;现金储…...

编程日记 2025/6/29 12:08:42

安装 Conda 环境

安装 Conda 环境&#xff1a;快速指南 什么是 Conda&#xff1f; Conda 是一个开源的跨平台包管理器和环境管理系统&#xff0c;支持 Python、R、Julia 等语言。它广泛用于数据科学和机器学习领域&#xff0c;能够轻松创建、管理和切换开发环境。 安装步骤 1. 安装 Anaconda…...

编程日记 2025/7/17 13:30:15

Qt Creator 创建 Qt Quick Application一些问题

一、Qt Creator 创建 Qt Quick Application 时无法选择 MSVC 编译器（即使已安装 Qt 5.15.2 和 MSVC2019） 1、打开 Qt Creator 的编译器设置 工具 (Tools) → 选项 (Options) → Kits → 编译器 (Compilers) 检查是否存在 Microsoft Visual C++ Compiler (x86_amd64) 或类似条…...

编程日记 2025/6/29 10:34:19

Spark-Streaming核心编程

以下是今天所学的知识点与代码测试&#xff1a; Spark-Streaming DStream实操 案例一&#xff1a;WordCount案例 需求&#xff1a;使用 netcat 工具向 9999 端口不断的发送数据&#xff0c;通过 SparkStreaming 读取端口数据并统计不同单词出现的次数 实验步骤&#xff1a;…...

编程日记 2025/6/29 11:25:19

深度剖析神经网络：从基础原理到面试要点（二）

引言 在人工智能蓬勃发展的今天&#xff0c;神经网络作为其核心技术之一&#xff0c;广泛应用于图像识别、自然语言处理、语音识别等众多领域。深入理解神经网络的数学模型和结构&#xff0c;对于掌握人工智能技术至关重要。本文将对神经网络的关键知识点进行详细解析&#xf…...

编程日记 2025/7/16 17:37:39

c#操作excel

说明 vs2022开发&#xff0c;调用excel 代码 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.IO; using System.Linq; using System.Text; using System.Threading.Tasks; using Sy…...

编程日记 2025/7/18 20:00:48

MQTTX + MCP：MQTT 客户端秒变物联网 Agent

引言&#xff1a;MQTTX 与 MCP 的融合 作为最受欢迎的 MQTT 客户端工具&#xff0c;MQTTX 在 1.12.0 beta 版本中集成了模型上下文协议&#xff08;MCP&#xff09;到 Copilot AI 功能中&#xff0c;显著提升了服务能力。这一融合让 MQTTX 转变为 MCP Host&#xff08;也就是发…...

编程日记 2025/6/29 9:35:03

GSAP 动画引擎实战：打造丝滑动效交互组件库

目录 一、前言二、项目初始化三、核心动效组件实战1. 元素淡入组件&#xff1a;FadeIn.vue2. 列表级联动画&#xff1a;SlideList.vue3. 滚动触发 Reveal 动画&#xff1a;ScrollReveal.vue4. 拖拽盒子组件&#xff1a;DraggableBox.vue5. 打字机效果组件&#xff1a;Typewrite…...

编程日记 2025/7/17 13:52:46

[OpenGL] Lambertian材质漫反射BRDF方程的解释与推导

一、简介 本文简单的介绍了 Physical Based Rendering, PBR 中的 Lambertian 材质漫反射BRDF公式 f r l a m b e r t i a n c d i f f π fr_{lambertian}\frac{c_{diff}}{\pi} frlambertian​πcdiff​​的推导。 二、漫反射项 根据 渲染方程&#xff1a; L o ( v ) ∫ …...

编程日记 2025/6/29 11:20:09