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

Web网页制作(静态网页):千年之恋

一、是用的PyCharm来写的代码

 

二、代码中所用到的知识点(无 js)

这段HTML代码展示了一个简单的注册页面,包含了多个HTML元素和CSS样式的应用。

这段HTML代码展示了一个典型的注册页面,包含了常见的HTML元素和表单控件。通过CSS样式表,可以进一步美化页面布局和样式。虽然代码中没有直接使用JavaScript,但可以通过添加JavaScript来实现更复杂的交互功能。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>千年之恋</title><link href="css/style06.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="head"><img src="images/logo.jpg"/>
</div>
<div id="nav_bg"><ul class="nav"><li><a href="#">首页</a></li><li><a href="#">会员</a></li><li><a href="#">活动</a></li><li><a href="#">直播</a></li><li><a href="#">视频</a></li><li><a href="#" class="bg">注册</a></li></ul>
</div>
<div id="banner"><img src="images/banner.jpg"/>
</div>
<div id="content"><h2 class="step">注册步骤:</h2><form action="#" method="post" class="one"><h3>您的帐号信息:</h3><table class="content"><tr><td class="left">注册方式:</td><td><label for="one"><input type="radio" name="sex" id="one"/>E-mail注册</label>&nbsp;&nbsp;&nbsp;&nbsp;<label for="two"><input type="radio" name="sex" id="two"/>手机号码注册</label></td></tr><tr><td class="left">注册邮箱:</td><td><input type="text" class="right" /></td></tr><tr><td class="left">注册手机:</td><td><input type="text" class="right" /></td></tr><tr><td class="left">登陆密码:</td><td><input type="password" maxlength="8" class="right" /></td></tr><tr><td class="left">昵称:</td><td><input type="text" class="right" /></td></tr></table><h3>您的个人信息:</h3><table class="content"><tr><td class="left">性别:</td><td><label for="boy"><input type="radio" name="sex" id="boy" />男</label>&nbsp;&nbsp;&nbsp;&nbsp;<label for="girl"><input type="radio" name="sex" id="girl" />女</label></td></tr><tr><td class="left">学历:</td><td><select><option>-请选择-</option><option>中职/高中</option><option>专科/本科</option><option>硕士研究生</option><option>博士研究生</option></select></td></tr><tr><td class="left">所在城市:</td><td><select><option>-请选择-</option><option selected="selected">北京</option><option>上海</option><option>广州</option><option>深圳</option></select></td></tr><tr><td class="left">兴趣爱好:</td><td><input type="checkbox" />足球&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" />篮球&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" />游泳&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" />唱歌&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" />跑步&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" />瑜伽</td></tr><tr><td class="left">自我介绍:</td><td><textarea cols="60" rows="8">评论的时候,请遵纪守法并注意语言文明,多给文档分享人一些支持。</textarea></td></tr><tr><td colspan="2"><input type="button" class="btn" /></td></tr></table></form>
</div>
<div id="footer"><p>Copyright &copy 2020-2030 QIANNIANZHLIANcom, All rights reserved.<br />2020-2030,版权所有千年之恋 85CP 备 3333</p>
</div>
</body>
</html>

1. HTML文档结构

  • <!DOCTYPE html>:声明文档类型为HTML5。

  • <html lang="en">:定义HTML文档的根元素,并设置语言为英语。

  • <head>:包含文档的元数据,如字符集、标题和外部样式表链接。

  • <body>:包含网页的可见内容。

2. 元数据

  • <meta charset="UTF-8">:指定文档的字符编码为UTF-8。

  • <title>千年之恋</title>:设置网页的标题,显示在浏览器的标签页上。

  • <link href="css/style06.css" type="text/css" rel="stylesheet">:链接外部CSS样式表文件style06.css,用于定义页面的样式。

3. 页面结构

  • 头部 (<div id="head">)

    • 包含一个图片 (<img src="images/logo.jpg"/>),用于显示网站的Logo。

  • 导航栏 (<div id="nav_bg">)

    • 使用无序列表 (<ul>) 创建导航栏,每个列表项 (<li>) 包含一个链接 (<a>),指向不同的页面或功能。

    • 最后一个链接 (<a href="#" class="bg">注册</a>) 有一个额外的类bg,可能是用于特殊样式。

  • 横幅 (<div id="banner">)

    • 包含一个图片 (<img src="images/banner.jpg"/>),用于显示网站的横幅广告或宣传图。

  • 内容区域 (<div id="content">)

    • 包含一个表单 (<form>),用于用户注册。

    • 表单分为两个部分:

      • 账号信息:包括注册方式(邮箱或手机)、注册邮箱、注册手机、登录密码和昵称。

      • 个人信息:包括性别、学历、所在城市、兴趣爱好和自我介绍。

    • 使用表格 (<table>) 来布局表单内容,每个表行 (<tr>) 包含表头 (<td class="left">) 和输入字段 (<td>)。

  • 页脚 (<div id="footer">)

    • 包含版权信息 (<p>),显示网站的版权声明和备案信息。

4. 表单元素

  • 单选按钮 (<input type="radio">)

    • 用于选择注册方式(邮箱或手机)和性别(男或女)。

    • name="sex" 用于将单选按钮分组,确保同一组中只能选择一个选项。

  • 文本输入框 (<input type="text">)

    • 用于输入注册邮箱、注册手机和昵称。

  • 密码输入框 (<input type="password">)

    • 用于输入登录密码,输入内容会被隐藏。

  • 下拉菜单 (<select>)

    • 用于选择学历和所在城市。

    • <option> 定义下拉菜单中的选项,selected="selected" 设置默认选中的选项。

  • 复选框 (<input type="checkbox">)

    • 用于选择兴趣爱好,用户可以多选。

  • 文本域 (<textarea>)

    • 用于输入自我介绍,用户可以输入多行文本。

  • 按钮 (<input type="button">)

    • 用于提交表单,但当前代码中没有指定按钮的文本或功能。

5. CSS类

  • class="bg":可能用于为“注册”链接添加特殊样式。

  • class="one":可能用于为表单添加样式。

  • class="left" 和 class="right":可能用于对齐表格中的内容。

  • class="btn":可能用于为按钮添加样式。

6. HTML属性

  • id:用于唯一标识元素,如id="head"id="nav_bg"等。

  • name:用于表单元素的名称,如name="sex"

  • maxlength:限制输入框的最大字符数,如maxlength="8"限制密码长度为8个字符。

  • cols 和 rows:定义文本域的列数和行数。

7. HTML实体

  • &copy;:显示版权符号(©)。

  • &nbsp;:表示不换行空格,用于在文本中插入空格。

8. CSS样式

  • 虽然代码中链接了外部样式表 (style06.css),但具体的样式规则没有在代码中展示。样式表可能定义了页面布局、颜色、字体等样式。

9. JavaScript交互

  • 代码中没有直接使用JavaScript,但可以通过<input type="button">或其他事件触发JavaScript函数,实现表单验证或提交功能。

三、CSS代码(内有注释详解)

/* 全局样式:重置所有元素的外边距、内边距、列表样式、轮廓线、边框和背景 */
* {margin: 0; padding: 0; list-style: none; /* 去除列表项的项目符号 */outline: none; /* 去除元素聚焦时的轮廓线 */border: 0; /* 去除所有元素的边框 */background: none; /* 去除所有元素的背景 */
}/* 页面整体样式:设置默认字体和字体大小 */
body {font-family: "微软雅黑"; /* 设置页面默认字体为“微软雅黑” */font-size: 14px; /* 设置页面默认字体大小为14像素 */
}/* 链接样式:设置未访问和已访问链接的样式 */
a:link, a:visited {text-decoration: none; /* 去除链接的下划线 */color: #fff; /* 设置链接文字颜色为白色 */font-size: 16px; /* 设置链接文字大小为16像素 */
}/* 头部样式:设置页面头部的宽度、高度、居中和顶部内边距 */
#head {width: 980px; /* 设置头部宽度为980像素 */height: 70px; /* 设置头部高度为70像素 */margin: 0 auto; /* 水平居中 */padding-top: 20px; /* 设置顶部内边距为20像素 */
}/* 导航栏背景样式:设置导航栏背景的宽度、高度和背景颜色 */
#nav_bg {width: 100%; /* 宽度占满父容器 */height: 48px; /* 设置高度为48像素 */background: #fe668f; /* 设置背景颜色为粉色 */
}/* 导航栏内容样式:设置导航栏内容的宽度和居中 */
.nav {width: 980px; /* 设置宽度为980像素 */margin: 0 auto; /* 水平居中 */
}/* 导航栏列表项样式:设置列表项左浮动(横向排列) */
.nav li {float: left; /* 左浮动,使列表项横向排列 */
}/* 导航栏链接样式:设置链接的显示方式、高度、内边距和文字垂直居中 */
a {display: inline-block; /* 将链接设置为行内块元素 */height: 48px; /* 设置高度为48像素 */padding: 0 50px; /* 设置左右内边距为50像素 */line-height: 48px; /* 设置行高为48像素,使文字垂直居中 */
}/* 特殊链接样式:为特定链接(如“注册”)设置背景颜色 */
.bg {background: #fe9ab5; /* 设置背景颜色为浅粉色 */
}/* 链接悬停样式:设置鼠标悬停时链接的背景颜色 */
a:hover {background: #fe9ab5; /* 鼠标悬停时背景颜色变为浅粉色 */
}/* 横幅样式:设置横幅的宽度和居中 */
#banner {width: 980px; /* 设置宽度为980像素 */margin: 0 auto; /* 水平居中 */
}/* 内容区域样式:设置内容区域的宽度、高度、背景图片、居中和左侧内边距 */
#content {width: 830px; /* 设置宽度为830像素 */height: 934px; /* 设置高度为934像素 */background: url(../images/content_bg.jpg) no-repeat; /* 设置背景图片,不重复 */margin: 0 auto; /* 水平居中 */padding-left: 150px; /* 设置左侧内边距为150像素 */
}/* 注册步骤标题样式:设置标题的宽度、高度、字体大小、颜色、背景图片和文字垂直居中 */
.step {width: 454px; /* 设置宽度为454像素 */height: 80px; /* 设置高度为80像素 */font-size: 20px; /* 设置字体大小为20像素 */font-weight: 100; /* 设置字体粗细为100(较细) */color: #dd8787; /* 设置文字颜色为浅红色 */background: url(../images/step.jpg) center right no-repeat; /* 设置背景图片,居中靠右,不重复 */line-height: 80px; /* 设置行高为80像素,使文字垂直居中 */
}/* 表单标题样式:设置表单标题的宽度、高度、字体大小、颜色、下边框和文字垂直居中 */
h3 {width: 444px; /* 设置宽度为444像素 */height: 45px; /* 设置高度为45像素 */font-size: 20px; /* 设置字体大小为20像素 */font-weight: 100; /* 设置字体粗细为100(较细) */color: #dd8787; /* 设置文字颜色为浅红色 */line-height: 45px; /* 设置行高为45像素,使文字垂直居中 */border-bottom: 1px solid #dd8787; /* 设置底部边框为1像素浅红色实线 */
}/* 表格单元格样式:设置单元格的高度和文字颜色 */
td {height: 50px; /* 设置高度为50像素 */color: #dd8787; /* 设置文字颜色为浅红色 */
}/* 左侧单元格样式:设置左侧单元格的宽度和文字右对齐 */
.left {width: 120px; /* 设置宽度为120像素 */text-align: right; /* 文字右对齐 */
}/* 右侧输入框样式:设置右侧输入框的宽度、高度和边框 */
.right {width: 320px; /* 设置宽度为320像素 */height: 28px; /* 设置高度为28像素 */border: 1px solid #dd8787; /* 设置边框为1像素浅红色实线 */
}/* 输入框垂直对齐样式:设置输入框内容垂直居中 */
input {vertical-align: middle; /* 垂直居中 */
}/* 下拉菜单样式:设置下拉菜单的宽度、边框和文字颜色 */
select {width: 171px; /* 设置宽度为171像素 */border: 1px solid #dd8787; /* 设置边框为1像素浅红色实线 */color: #dd8787; /* 设置文字颜色为浅红色 */
}/* 文本域样式:设置文本域的宽度、边框、禁止调整大小、字体大小、颜色和内边距 */
textarea {width: 380px; /* 设置宽度为380像素 */border: 1px solid #dd8787; /* 设置边框为1像素浅红色实线 */resize: none; /* 禁止用户调整文本域大小 */font-size: 12px; /* 设置字体大小为12像素 */color: #aaa; /* 设置文字颜色为灰色 */padding: 20px; /* 设置内边距为20像素 */
}/* 按钮样式:设置按钮的宽度、高度和背景图片 */
.btn {width: 408px; /* 设置宽度为408像素 */height: 76px; /* 设置高度为76像素 */background: url(../images/btn.jpg) right center no-repeat; /* 设置背景图片,靠右居中,不重复 */
}/* 页脚样式:设置页脚的宽度、高度、背景颜色、文字颜色、居中和顶部内边距 */
#footer {width: 100%; /* 宽度占满父容器 */height: 68px; /* 设置高度为68像素 */line-height: 26px; /* 设置行高为26像素 */background: #fe668f; /* 设置背景颜色为粉色 */color: #fff; /* 设置文字颜色为白色 */text-align: center; /* 文字居中 */padding-top: 40px; /* 设置顶部内边距为40像素 */
}


四、运行出来的网页。

相关文章:

Web网页制作(静态网页):千年之恋

一、是用的PyCharm来写的代码 二、代码中所用到的知识点&#xff08;无 js&#xff09; 这段HTML代码展示了一个简单的注册页面&#xff0c;包含了多个HTML元素和CSS样式的应用。 这段HTML代码展示了一个典型的注册页面&#xff0c;包含了常见的HTML元素和表单控件。通过CSS样…...

mac安装mysql之后报错zsh: command not found: mysql !

在Mac上安装MySQL后&#xff0c;如果终端中找不到mysql命令&#xff0c;通常是 因为MySQL的命令行工具&#xff08;如mysql客户端&#xff09;没有被正确地添加到你的环境变量中。 检查 MySQL 是否已安装 ps -ef|grep mysql查看到路径在 /usr/local/mysql/bin 查看 .bash_pro…...

Spring Boot 启动失败:Failed to start bean ‘documentationPluginsBootstrapper’ 解决方案

文章目录 1. 问题描述 &#x1f3af;2. 可能原因分析 &#x1f50d;原因 1&#xff1a;SpringFox 版本与 Spring Boot 版本不兼容 ❌✅ 解决方案&#xff1a;添加兼容性配置&#xff08;首选&#xff01;&#xff01;&#xff01;&#xff01;&#xff09; 原因 2&#xff1a;S…...

Python Cookbook-3.16 查看汇率

任务 想周期性地(用 crontab 或者 Windows计划任务来运行某 Python 脚本)从 Web 获取数据&#xff0c;监视某两种货币之间的兑换比例&#xff0c;并在两者之间的汇率达到某个值时发送提醒邮件。 解决方案 这个任务和一系列的从 Web 获取数据的监控任务很类似&#xff0c;它们…...

Manus(一种AI代理或自动化工具)与DeepSeek(一种强大的语言模型或AI能力)结合使用任务自动化和智能决策

一、Manus与DeepSeek差异 十分好奇DeepSeek和Manus究竟谁更厉害些&#xff0c;DeepSeek是知识型大脑&#xff0c;Manus则是全能型执行者。即DeepSeek专注于语言处理、知识整合与专业文本生成。其核心优势在于海量参数支持的深度学习和知识推理能力&#xff0c;例如撰写论文、润…...

Redis存数据就像存钱:RDB定期存款 vs AOF实时记账

Redis持久化 ◆ 核心概念1. ◆ 持久化全景图2. ◆ 生产环境黄金法则 ◆ RDB深度优化1. ◆ 生产配置精要2. ◆ 高级触发场景3. ◆ 故障应急方案 ◆ AOF深度解析1. ◆ 7.0版本革命性改进2. ◆ 同步策略深度测试3. ◆ 重写过程优化 ◆ 混合持久化实战1. ◆ 配置示例2. ◆ 数据恢复…...

【从零开始学习计算机科学】编译原理(一)编译过程概述

【从零开始学习计算机科学】编译原理(一)编译过程概述 绪论编译过程概述词法分析语法分析代码优化代码生成其他功能编译器的前端和后端绪论 什么叫编译程序?为什么我们需要编译程序?编译程序就是一个程序,将便于人编写、阅读、维护的高级计算机语言所写作的源代码程序,翻…...

第十八:go 并发 goroutine

channel 可以让多个goroutine 之间实现通信 Add方法调用时机&#xff1a;必须在goroutine 启动之前调用Add方法来增加计数器的值。 如果在goroutine已经启动之后再调用Add&#xff0c;可能会导致Wait方法提前返回&#xff0c;因为计数器没有正确反映正在运行的goroutine的数量…...

基于QGIS的二次开发(四):矢量编辑与属性表操作

一、实验目的 本次实验续接上一次的实验内容&#xff0c;旨在通过设计与开发地理信息系统的过程&#xff0c;加深学生对地理信息系统的理解&#xff0c;并掌握相关的设计与开发技能&#xff0c;包括熟悉地理信息系统的设计与开发流程&#xff0c;加强对 MVC 软件设计模式的理解…...

AI日报 - 2025年3月13日

&#x1f31f; 今日概览&#xff08;60秒速览&#xff09; ▎&#x1f916; AGI突破 | Reka开源21B参数推理模型Flash 3&#xff0c;推出企业智能平台Nexus &#x1f52c; 模型采用RLOO方法结合模型与规则基础奖励&#xff0c;实现高效推理 ▎&#x1f4bc; 商业动向 | Waymo在…...

lua C语言api学习1 编译第一个程序

本文开始进行lua C语言api的学习 1 简介 lua语言与C语言使用还是很紧密,以前我只是学习lua语言比较多,C语言api部分了解比较少,最近在学习tcc编译器的使用进一步学习一下lua C语言api的使用。 2 配置编译环境 首先需配置好tcc编译器环境[参考],再配置好lua源码路径[参考],新…...

【物联网-WIFI】

物联网-WIFI ■ ESP32-C3-模块简介■ ESP32-C3-■ ESP32-C3-■ WIFI-模组■ WIFI-■ WIFI- ■ ESP32-C3-模块简介 ■ ESP32-C3- ■ ESP32-C3- ■ WIFI-模组 ■ WIFI- ■ WIFI-...

在MATLAB中实现PID控制仿真

在MATLAB中实现PID控制仿真可以通过代码编程或Simulink图形化建模两种方式完成。以下是两种方法的详细操作步骤和示例&#xff1a; 方法1&#xff1a;使用MATLAB脚本编程&#xff08;基于控制系统工具箱&#xff09; 步骤1&#xff1a;定义被控对象的数学模型 假设被控对象是…...

C#实现本地Deepseek模型及其他模型的对话v1.4

前言 系 统&#xff1a;Window11 开发工具&#xff1a;Visual Studio 2022 相关技术&#xff1a;C# 、WPF .Net 8.0 1、C#实现本地AI聊天功能 WPFOllamaSharpe实现本地聊天功能,可以选择使用Deepseek 及其他模型。 新增根据聊天记录回复的功能。 优化了部分ViewModel&#xff…...

用sphinx-doc整理文档#2

上一篇博客&#xff1a;用sphinx-doc整理文档 回头看&#xff0c;上一篇博客已经是18年的事情了。最近我又开始维护起18年的项目了。最近策划同事提了一些需求。我又改进了一波&#xff0c;所以有本文。 sphinx支持导出pdf sphinx本身是支持导出pdf的&#xff0c;命令如下&am…...

DBeaver部分操作指南(数据库连接,构造ERD图,格式化SQL)

详细步骤指导如何使用DBeaver来连接到数据库&#xff1a; 步骤 1: 下载并安装 DBeaver 如果还没有安装DBeaver&#xff0c;请访问DBeaver官网下载适合操作系统的版本&#xff0c;并按照指示完成安装。 步骤 2: 启动 DBeaver 安装完成后&#xff0c;启动DBeaver应用程序。 …...

十种处理权重矩阵的方法及数学公式

1. 权重归一化&#xff08;Weight Normalization&#xff09; 目的&#xff1a;通过分离权重向量的范数和方向来加速训练。公式&#xff1a;对于权重向量 w \mathbf{w} w&#xff0c;归一化后的权重 w ′ \mathbf{w} w′ 为&#xff1a; w ′ w ∥ w ∥ \mathbf{w} \frac{…...

姚安娜新剧瘦了一圈,《仁心俱乐部》急诊医生顾诗宜在线上岗

《仁心俱乐部》在芒果 TV 播出&#xff0c;湖南卫视金鹰独播剧场也随之播出&#xff0c;这一剧集受到了不少观众的关注。姚安娜在剧中饰演的急诊科医生顾诗宜&#xff0c;她为患者检查身体时动作娴熟&#xff0c;与患者沟通时展现出的耐心和专注&#xff0c;都展现出很高的专业…...

postgresql源码安装

步骤 1: 安装依赖 在开始之前&#xff0c;请确保您的系统上安装了编译 PostgreSQL 所需的依赖包。使用以下命令安装必要的软件包&#xff1a; 对于 Debian/Ubuntu 系统&#xff1a; sudo apt update sudo apt install build-essential libreadline-dev zlib1g-dev flex biso…...

【51单片机】程序实验15.DS18B20温度传感器

主要参考学习资料&#xff1a;B站【普中官方】51单片机手把手教学视频 开发资料下载链接&#xff1a;http://www.prechin.cn/gongsixinwen/208.html 单片机套装&#xff1a;普中STC51单片机开发板A4标准版套餐7 目录 DS18B20介绍主要特性内部结构控制时序初始化时序写时序读时序…...

Java 集合框架:数据管理的强大工具

Java集合框架&#xff1a;数据管理的强大工具 目录 Java集合框架&#xff1a;数据管理的强大工具引言一、Set集合1. 定义与特点2. 常用实现类 - HashSet创建方式常用方法遍历方式 二、Map集合1. 定义与特点2. 常用实现类 - HashMap创建方式常用方法遍历方式 三、List集合1. 定义…...

AIM-T500绝缘监测仪:实时监测,确保IT系统绝缘安全-安科瑞 蒋静

在现代工业生产中&#xff0c;电力系统的稳定性和安全性至关重要。电力系统的绝缘状况直接关系到设备的正常运行和人员的安全。为了确保IT配电系统&#xff08;不接地系统&#xff09;的绝缘状况始终处于好的状态&#xff0c;安科瑞电气股份有限公司推出了AIM-T500绝缘监测仪&a…...

css3-学习

css 特性 选择器 基础选择器 标签选择器 ID 选择器 类选择器 CSS 的优先级是什么&#xff1f; !important > 内联样式(style“”) > ID 选择器 > 类选择器 属性选择器 伪类 > 标签选择器 伪元素选择器。 层级选择器 foo bar 后代选择器&#xff0c;元素的…...

neo4j图数据库

neo4j图数据库 学习neo4j图数据库的使用 文章目录 neo4j图数据库[toc]1-核心知识点2-思路整理3-参考网址4-上手实操1-安装neo4j-docker2-要学习CQL语句3-解决cmake问题1-可能的原因及解决办法1. cmake 未正确安装或者版本不兼容2. 依赖库缺失3. 环境变量配置问题4. 网络问题 2-…...

go下的Prototype学习笔记

本博文讲解prototype的学习笔记&#xff0c;内容包含了syntax、option go_package、message、service进行讲解&#xff0c;举例了常见写法。 文章目录 1.syntax 声明语法版本2.package 给当前的proto分配包名称3.option4.message4.1 切片数组4.2 map4.3 类型嵌套 5. 消息定义 …...

[高阶技术了解]WebRPC详解

“webrpc详解”&#xff0c;我需要根据我搜索到的资料来回答这个问题。首先&#xff0c;得弄清楚webrpc到底是什么。根据&#xff0c;Webrpc是一个模式驱动的后端服务开发工具&#xff0c;允许通过RIDL或JSON模式文件生成代码&#xff0c;支持多种语言如Go、TypeScript等。它类…...

地基注解@Controller和@RestController区别

前记&#xff1a;基础啊&#xff0c;区别点重点理解&#xff1b; 在Spring和Spring Boot框架中&#xff0c;Controller和RestController都用于处理HTTP请求&#xff0c;但它们在设计目的和用法上有显著区别。以下是它们的核心区别及示例说明&#xff1a; ​1. 核心区别 特性C…...

UI自动化:seldom框架和Selenium

以下是关于 seldom框架 和 Selenium 的对比解析及结合使用的详细说明&#xff0c;帮助理解二者的定位、功能差异和应用场景&#xff1a; 1. 核心定位 工具定位Selenium浏览器自动化工具库&#xff0c;提供直接操控浏览器的底层API&#xff08;如点击、输入、获取元素等&#x…...

机器学习项目实战——信用评分与贷款风险评估(主页有源码)

✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连✨ ​ ​​​ 1. 领域介绍 信用评分与贷款风险评估是金融领域中的一个重要应用场景。随着金融科技的快速发展&#xff0c;银行、信用卡公司、P2P…...

使用 OptiSLang 和 MotorCAD 构建一个强大的电机优化元模型

介绍 在本文中&#xff0c;我们将检查这些敏感性分析的结果&#xff0c;并构建一个健壮的元模型&#xff0c;作为优化过程的基础。 本文涵盖&#xff1a; 解释敏感性分析结果了解元模型及其在优化中的重要性构建和完善最佳预后模型 &#xff08;MOP&#xff09;使用预后系数…...

【科研绘图系列】python绘制分组点图(grouped dot plot)

禁止商业或二改转载,仅供自学使用,侵权必究,如需截取部分内容请后台联系作者! 文章目录 介绍加载R包数据下载导入数据函数`generateRectBoxDF` 函数主要作用参数解释逻辑流程`nmfDotPlot` 函数主要作用参数解释逻辑流程画图1画图2画图3画图4介绍 【科研绘图系列】python绘制…...

【Android】adb shell基本使用教程

adb shell 是 Android Debug Bridge (ADB) 工具中的一个命令&#xff0c;用于在连接的 Android 设备或模拟器上执行 shell 命令。通过 adb shell&#xff0c;你可以直接与设备的 Linux 内核交互&#xff0c;执行各种操作。 基本用法 启动 adb shell&#xff1a; 在终端或命令提…...

257. 二叉树的所有路径(递归+回溯)

257. 二叉树的所有路径 力扣题目链接(opens new window) 给定一个二叉树&#xff0c;返回所有从根节点到叶子节点的路径。 说明: 叶子节点是指没有子节点的节点。 示例: 思路&#xff1a;在叶子节点收割结果&#xff0c;如果不是叶子节点&#xff0c;则依次处理左右子树&a…...

C++和标准库速成(一)——HelloWorld和名称空间

目录 1. 引言1. 简单小程序"Hello World"1.1 模块导入1.2 预处理指令1.2.1 简介1.2.2 常用的预处理指令 1.3 main()函数1.4 输入输出流1.4.1 输出流1.4.2 转义字符1.4.3 输入流 2. 名称空间2.1 定义名称空间2.2 using指令2.3 嵌套名称空间2.4 名称空间别名 参考 1. 引…...

OpenHarmony 5.0 MP4封装的H265视频播放失败的解决方案

问题现象 OpenHarmony 5.0版本使用AVPlayer播放MP4封装格式的H.265(HEVC)编码格式的视频时解码失败导致播放失败 问题原因 OpenHarmony 5.0版本AVPlayer播放器使用histreamer引擎&#xff0c;因为 libav_codec_hevc_parser.z.so 动态库未开源导致从MP4封装中分离的HVCC格式的…...

索引-最左匹配

在数据库索引中&#xff0c;最左匹配原则确实在遇到某些范围查询时会停止向右匹配&#xff0c;但对于 >、<、BETWEEN 和前缀匹配的 LIKE&#xff0c;索引匹配可以继续使用后续列。以下是详细分析&#xff1a; 1. 最左匹配原则的核心规则 最左匹配原则要求查询条件从复合…...

感觉自己邮电部诗人

中心扩散 第二次做这道题&#xff0c;求回文子串最大长度的时候&#xff0c;计算写成了j-i1&#xff0c;看了15分钟才看发现哪里出了问题&#xff0c;感觉自己邮电部诗人&#xff0c;望周知。...

Java代理方式的详细介绍,包括代码示例、注释说明及其差异对比表格

Java代理方式 Java中的代理模式是一种结构型设计模式&#xff0c;用于在不修改原始类的情况下增强其功能。Java支持两种代理方式&#xff1a; 静态代理动态代理 JDK动态代理CGLIB动态代理 1. 静态代理 静态代理通过手动编写代理类实现&#xff0c;代理类和目标类实现相同的…...

接口对外安全交互新姿势

文章目录 1.前言2.姿势2.1 AES2.2 body参数签名及验签2.3使用sm2 加ip白名单 3.总结 1.前言 由于这久做了一个乐企数电开票的项目&#xff0c;已经上线了&#xff0c;真的是一言难尽&#xff0c;再回首已经是轻舟已过万重山&#xff0c;接口通过外网暴露给业务方使用&#xff0…...

Docker基础篇——Ubuntu下Docker安装

大家好我是木木&#xff0c;在当今快速发展的云计算与云原生时代&#xff0c;容器化技术蓬勃兴起&#xff0c;Docker 作为实现容器化的主流工具之一&#xff0c;为开发者和运维人员带来了极大的便捷 。下面我们一起进行Docker安装。 Docker的官方Ubuntu安装文档&#xff0c;如…...

《深度解析DeepSeek-M8:量子经典融合,重塑计算能效格局》

在科技飞速发展的今天&#xff0c;量子计算与经典算法的融合成为了前沿领域的焦点。DeepSeek-M8的“量子神经网络混合架构”&#xff0c;宛如一把钥匙&#xff0c;开启了经典算法与量子计算协同推理的全新大门&#xff0c;为诸多复杂问题的解决提供了前所未有的思路。 量子计算…...

关于C/C++语言的初学者在哪刷题,怎么刷题

引言&#xff1a; 这篇博客主要是针对初学者关于怎么在网上刷题&#xff0c;以及在哪里刷题。 1.介绍平台&#xff08;在哪刷题&#xff09;&#xff1a; 1.牛客牛客网https://www.nowcoder.com/ &#xff1a;有许多面试题&#xff0c;也有许多供学习者练习的题 2.洛谷洛谷 …...

【redis】string类型相关操作:SET、GET、MSET、MGET、SETNX、SETEX、PSETEX

文章目录 二进制存储编码转换SET 和 GETSETGET MSET 和 MGETSETNX、SETEX 和 PSETEX Redis 所有的 key 都是字符串&#xff0c;value 的类型是存在差异的 二进制存储 Redis 中的字符串&#xff0c;直接就是按照二进制数据的方式存储的 不仅仅可以存储文本数据&#xff0c;还可…...

el-table中嵌套了el-form-item 导致的内容不垂直居中展示的问题

el-table中嵌套了el-form-item 导致的内容不垂直居中展示的问题 这个问题原先我一直没有找到问题的关键点&#xff0c;后来看了一篇文章得知由于el-form-item的margin导致的 下面的css类告诉我们。正常的表单校验margin就是20px&#xff0c;在el-table中的只有是校验失败的才会…...

LVCMOS(Low Voltage Complementary Metal-Oxide-Semiconductor)电平详解

一、LVCMOS电平的定义与核心特性 LVCMOS&#xff08;低压互补金属氧化物半导体&#xff09;是 CMOS技术的低电压版本&#xff0c;专为现代低功耗、高集成度芯片设计&#xff0c;支持 1.2V、1.8V、2.5V、3.3V 等多种电压等级。其通过优化晶体管结构和供电电压&#xff0c;显著降…...

计算机操作系统(一) 什么是操作系统

计算机操作系统&#xff08;一&#xff09; 什么是操作系统 前言一、什么是操作系统二、操作系统的作用三、推动操作系统发展的主要动力总结&#xff08;核心概念速记&#xff09;&#xff1a; 前言 当你打开电脑、点击应用、播放音乐时&#xff0c;是谁在背后默默协调这一切&…...

《用 python、MySQL 和 Chart.js 打造炫酷数据看板》实战案例笔记

今天&#xff0c;我们要构建一个数据看板系统。在这个过程中&#xff0c;我们会利用 MySQL 来存储数据&#xff0c;使用 Python 搭建后端 API&#xff0c;还会借助 Chart.js 在前端呈现各式各样的图表。 整个流程涵盖多个环节&#xff0c;首先要进行数据库表的设计&#xff0c…...

Android ANR 监控方法与事件分发耗时优化实战

一、ANR 监控方法 &#xff08;一&#xff09;系统日志分析 系统日志始终是查找 ANR 根源的重要依据。利用日志分析&#xff0c;不仅可以锁定 ANR 发生的精确时刻&#xff0c;还能追踪到主线程、关键函数调用的阻塞细节。 日志关键词检索&#xff1a;利用 ADB 命令&#xff…...

【蓝桥杯单片机】第十一届省赛

一、真题 二、创建工程 1.在C盘以外的盘新建文件夹&#xff0c;并在文件夹里面创建两个文件夹Driver 和Project 2.打开keil软件&#xff0c;在新建工程并选择刚刚建好的project文件夹&#xff0c;以准考证号命名 3.选择对应的芯片型号 4.选择否&#xff0c;即不创建启动文件 …...

【ES6】模块化

概述 模块功能主要有两个命令&#xff0c;export和import。 一个js文件就是一个模块。 参考视频 【一小时速通JavaScript模块化&#xff0c;涵盖CommonJS与ES6模块化-哔哩哔哩】 https://b23.tv/gZ1uK7V 导出成员 在正常变量、函数前加export关键字。 导入模块 在另一个…...