HTMLCSS练习
1) 效果如下
2) 代码如下
2.1) HTML
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>studyWell</title><link rel="stylesheet" href="./base.css"><link rel="stylesheet" href="./index.css">
</head>
<body><!-- 头部区域 --><div class="header"><div class="wrapper"><div class="logo"><h1><a href="#">学成在线</a></h1></div> <div class="nav"><ul><li class="active"><a href="#">HEADER</a></li><li><a href="#">COURSE</a></li><li><a href="#">PLAN</a></li></ul></div><div class="search"><input type="text" placeholder="Enter Words"><a href="#"><svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="835"><path d="M472.615385 905.846154a433.230769 433.230769 0 1 0 0-866.461539 433.230769 433.230769 0 0 0 0 866.461539z m0-78.769231a354.461538 354.461538 0 1 1 0-708.923077 354.461538 354.461538 0 0 1 0 708.923077z" fill="#000000" p-id="836"></path><path d="M715.697231 755.081846a39.384615 39.384615 0 0 1 55.689846 0l167.069538 167.069539a39.384615 39.384615 0 1 1-55.689846 55.689846l-167.069538-167.069539a39.384615 39.384615 0 0 1 0-55.689846z m55.689846 55.689846a39.384615 39.384615 0 0 0 0-55.689846l167.069538 167.069539a39.384615 39.384615 0 1 0-55.689846 55.689846l-167.069538-167.069539a39.384615 39.384615 0 0 0 55.689846 0z" fill="#000000" p-id="837"></path></svg></a></div> <div class="user"><a href="#"><img src="https://q5.itc.cn/q_70/images03/20240405/437b3358d28f4938b399298a1f63b651.jpeg" alt=""><span>wave_sky</span></a></div> </div></div><div class="banner"><div class="wrapper"><div class="left"><ul><li><a href="#">front_end</a></li><li><a href="#">front_end</a></li><li><a href="#">front_end</a></li><li><a href="#">front_end</a></li><li><a href="#">front_end</a></li><li><a href="#">front_end</a></li><li><a href="#">front_end</a></li><li><a href="#">front_end</a></li><li><a href="#">front_end</a></li></ul></div><div class="right"><h3>Curriculum</h3><div class="content"><dl><dt>Data Visualization</dt><dd><span>Learning</span>-<strong>Using Steps</strong></dd></dl><dl><dt>Data Visualization</dt><dd><span>Learning</span>-<strong>Using Steps</strong></dd></dl><dl><dt>Data Visualization</dt><dd><span>Learning</span>-<strong>Using Steps</strong></dd></dl><a href="#">AllCourses</a></div></div></div></div><div class="recommend wrapper"><h3>RECOMMEND</h3><ul><li><a href="#">HTML</a></li><li><a href="#">HTML</a></li><li><a href="#">HTML</a></li><li><a href="#">HTML</a></li><li><a href="#">HTML</a></li><li><a href="#">HTML</a></li><li><a href="#">HTML</a></li><li><a href="#">HTML</a></li><li><a href="#">HTML</a></li></ul><a href="#" class="modify">MODIFY</a></div><!-- 精品推荐课程 --><div class="course wrapper"><div class="hd"><h3>RECMOOEND</h3><a href="#" class="more">VIEW_ALL</a></div><div class="bd"><ul><li><a href="#"><div class="pic"><img src="https://img0.baidu.com/it/u=2827135641,1933815429&fm=253&fmt=auto&app=120&f=JPEG" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img1.baidu.com/it/u=2696472111,1441718876&fm=253&fmt=auto&app=120&f=JPEG?w=508&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img1.baidu.com/it/u=1877419501,1823077687&fm=253&fmt=auto?w=500&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img2.baidu.com/it/u=1933694560,1851305891&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img2.baidu.com/it/u=1761921801,1220023983&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img1.baidu.com/it/u=2086169455,2318935765&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=1111" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img2.baidu.com/it/u=2288673665,3415374068&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img0.baidu.com/it/u=1994241505,3792758445&fm=253&fmt=auto&app=120&f=JPEG?w=889&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img1.baidu.com/it/u=1845740325,2917001370&fm=253&fmt=auto&app=120&f=JPEG?w=501&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img0.baidu.com/it/u=1534238486,4029638650&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li></ul></div></div><div class="wrapper"><div class="hd"><h3>FRONT_END</h3><ul><li><a href="#" class="active">Hot</a></li><li><a href="#">Primary</a></li><li><a href="#">Middle</a></li><li><a href="#">Senior</a></li></ul><a href="#" class="more">VIEW_ALL</a></div><div class="bd"><div class="left"><img src="https://img1.baidu.com/it/u=2437811644,3824884357&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=1422" alt=""></div><div class="right"><div class="top"><img src="https://img1.baidu.com/it/u=1184803841,126795988&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=206" alt=""></div><div class="bottom"><ul><li><a href="#"><div class="pic"><img src="https://img0.baidu.com/it/u=1534238486,4029638650&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img1.baidu.com/it/u=292806425,283345048&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img0.baidu.com/it/u=1323729093,935260311&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li><li><a href="#"><div class="pic"><img src="https://img0.baidu.com/it/u=1865326018,3817185204&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" alt=""></div><div class="text"><h4>Fighting</h4><p><span>Senior</span> . <i>1125</i>人在学习</p></div></a></li></ul></div></div></div></div><div class="footer"><div class="wrapper"><div class="left"><div class="logo"><a href="#"></a></div><p>乾卦（乾为天）乾上乾下《乾》：元亨利贞。初九：潜龙，勿用。九二：见龙在田，利见大人。九三：君子终日乾乾，夕惕若厉,无咎。</p><a href="#" class="download">DOWNLOAD</a></div><div class="right"><dl><dt>Parteners</dt><dd>Institutions</dd><dd>Teachers</dd></dl><dl><dt>Parteners</dt><dd>Institutions</dd><dd>Teachers</dd></dl><dl><dt>Parteners</dt><dd>Institutions</dd><dd>Teachers</dd></dl></div></div></div>
</body>
</html>
2.2) CSS1
* {margin: 0;padding: 0;box-sizing: border-box;
}li {list-style: none;
}body {font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;color: #333;
}a {color: #333;text-decoration: none;
}2.2) CSS2
.wrapper {margin: 0 auto;width: 1200px;
}
body {background-color: #f3f5f7;
}/* 头部区域 */
.header {height: 100px;background-color: #fff;
}
.header .wrapper {padding-top: 29px;display: flex;
}/* logo区域 */
.logo a {display: block;width: 195px;height: 41px;background-color: #4D7BAD;background-image: url("https://img1.baidu.com/it/u=2252996821,1843196218&fm=253&fmt=auto&app=120&f=JPEG?w=549&h=430");background-size: contain;background-position: center;background-repeat: no-repeat;font-size: 0;
}/* 导航 */
.nav {margin-left: 102px;
}
.nav ul {display: flex;
}.nav li {margin-right: 24px;
}
.nav li a {display: block;padding: 6px 8px;line-height: 27px;font-size: 19px;
}.nav li.active,
.nav li a:hover {border-bottom: 2px solid #00a4ff;
}/* 搜索 */
.search {display: flex;margin-left: 64px;padding-left: 19px;padding-right: 12px;width: 412px;height: 40px;background-color: #f3f5f7;border-radius: 20px;
}
.search input {flex: 1;border: 0;background-color: transparent;outline: none;
}
.search a {align-content: center;
}
.user a {display: flex;
}
.user a img{width: 30px;height: 30px;border-radius: 50%;vertical-align: middle;margin-right: 7px;
}
.user {margin-left: 32px;margin-top: 4px;
}
.user a span {line-height: 30px;font-size: 16px;color: #666;
}
.banner {height: 420px;background-color: #0092cb;
}
.banner .wrapper {display: flex;justify-content: space-between;height: 420px;background-image: url("https://preview.qiantucdn.com/58pic/62/04/81/39q58PICK58PICB4M3GN2vKS3_origin_PIC2018.png%21w1024_new_small_1");background-size: cover;
}
.banner .left {padding: 3px 20px;width: 191px;height: 420px;background-color: rgba(0,0,0,0.42);
}
.banner .left a {background: url("https://pic.616pic.com/ys_img/01/12/75/QiNqkIMrfj.jpg") no-repeat right center;background-size: 30px 30px;display: block;line-height: 46px;font-size: 16px;color: #fff;
}
.banner .left a:hover {color: #0092CB;background: url("https://picx.zhimg.com/v2-e4f59a8cd4edca9f100067e4bc67a639_r.jpg") no-repeat right center;background-size: 30px 30px;
}
.banner .right {width: 218px;height: 305px;background-color: #209dd5;border-radius: 10px;align-self: center;margin-right: 5%;
}.banner .right h3 {margin-left: 14px;height: 48px;line-height: 48px;font-size: 15px;color: #fff;font-weight: 400;
}
.banner .right .content {padding: 14px;height: 257px;background-color: #fff;border-radius: 10px;
}
.banner .right dl {margin-bottom: 12px;border-bottom: 1px solid #e0e0e0;
}
.banner .right dt {margin-bottom: 8px;font-size: 14px;line-height: 20px;font-weight: 700;
}
.banner .right dd {margin-bottom: 8px;font-size: 12px;line-height: 16px;
}
.banner .right dd span {color: #00a4ff;
}
.banner .right dd strong {color: #7d7d7d;font-weight: 400;
}
.banner .right a {display: block;height: 32px;background-color: #00a4ff;border-radius: 15px;text-align: center;line-height: 32px;font-size: 14px;color: #fff;
}
.recommend {display: flex;margin-top: 11px; height: 60px;padding: 0 20px;line-height: 60px;background-color: #fff;box-shadow: 0px 1px 2px 0px rgba(211,211,211,0.5);
}
.recommend h3 {font-size: 18px;color: #00a4ff;font-weight: 400;
}
.recommend ul {flex: 1;display: flex;
}
.recommend ul li a {padding: 0 24px;border-right: 1px solid #e0e0e0;font-size: 18px;
}
.recommend ul li:last-child a {border-right: 0;
}
.recommend .modify {font-size: 16px;color: #00a4ff
}
.course {margin-top: 15px;
}
.hd {display: flex; justify-content: space-between;height: 60px;line-height: 60px;
}
.hd h3 {font-size: 21px;font-weight: 400;
}
.hd .more {font-size: 14px;color: #999;padding-right: 20px;
}
.bd ul {display: flex;flex-wrap: wrap;justify-content: space-between;
}
.bd li {margin-bottom: 14px;width: 228px;height: 271px;background-color: pink;
}
.bd li .pic {height: 156px;
}
.bd li .text {padding: 20px;height: 115px;background-color: #fff;
}
.bd li .pic img {height: 100%;width: 100%;object-fit: cover;
}
.bd li .text h4 {margin-bottom: 13px;height: 40px;font-size: 14x;line-height: 20px;font-weight: 400;
}
.bd li .text p {font-size: 14px;height: 20px;color: #999;
}
.bd li .text p span {color: #fa6400;
}
.bd li .text p i {font-style: normal;
}
.hd ul {display: flex;
}
.hd li {margin-right: 60px;font-size: 16px;
}
.hd .active {color: #00a4ff;
}
.bd {display: flex;justify-content: space-between;
}
.bd .left {width: 228px;height: 386px;background-color: pink;
}
.bd img {height: 100%;width: 100%;object-fit: cover;
}
.bd .right {width: 957px;
}
.bd .right .top{margin-bottom: 15px;height: 100px;
}
.footer {margin-top: 60px;padding-top: 60px;height: 273px;background-color: #fff;
}
.footer .wrapper {display: flex;justify-content: space-between;
}
.footer .left {width: 440px;
}
.footer .left p{margin-top: 24px;margin-bottom: 14px;font-size: 12px;line-height: 17px;color: #666;
}
.footer .left .download {display: block;width: 150px;height: 36px; border: 1px solid #00a4ff;text-align: center;line-height: 34px;font-size: 16px;color: #00a4ff;
}
.footer .right {display: flex;
}
.footer .right dl {margin-right: 130px;
}
.footer .right dt {margin-bottom: 12px;font-size: 16px;line-height: 23px;
}
.footer .right a {font-style: 14px;color: #666;line-height: 24px;
}相关文章：
HTMLCSS练习
1) 效果如下 2) 代码如下 2.1) HTML <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" conte…...
LeetCode讲解篇之377. 组合总和 Ⅳ
文章目录 题目描述题解思路题解代码题目链接 题目描述 题解思路 总和为target的元素组合个数 可以由 总和为target - nums[j]的元素组合个数 转换而来，其中j为nums所有元素的下标 而总和target - nums[j]的元素组合个数 可以由 总和为target - nums[j] - nums[k]的…...
Midjourney中文版：创意无限，艺术之旅由此启程
Midjourney中文版——一个将你的文字想象转化为视觉艺术的神奇平台。无需繁琐的绘画技巧，只需简单的文字描述，你就能开启一场前所未有的艺术之旅。 Midjourney AI超强绘画 (原生态系统）用户端：Ai Loadinghttps://www.mjdiscord.c…...
安装R和RStudio：开始你的数据分析之旅
数据分析是当今世界中一个非常热门的领域，而R语言是进行数据分析的强大工具之一。R是一种编程语言和软件环境，用于统计计算和图形表示。RStudio是一个集成开发环境（IDE），它为R语言提供了一个更加友好和高效的工作环境。…...
如何使用python连接数据库？
数据分析离不开数据库，如何使用python连接数据库呢？听我娓娓道来哈 该笔记参考了PyMySQL官方文档和《python数据采集》关于数据存储的部分，欢迎大家去阅读原著，相信会理解的更加透彻。 补充：文末增加Oracle数据库的连…...
停车位识别数据集 图片数量12416张YOLO，xml和txt标签都有； 2类类别：space-empty，space-occupied；
YOLO停车位识别 图片数量12416张，xml和txt标签都有； 2类类别：space-empty，space-occupied； 用于yolo，Python，目标检测，机器学习，人工智能，深度学习࿰…...
MySQL 创建子账号
1. 使用 root 账号登录 MySQL 使用 root 账号登录 MySQL，登录成功如图所示： 新建一个 MySQL 子账号，新建子账号命令如下： 命令 : CREATE USER testlocalhost IDENTIFIED BY 123456;若出现如下图所示，则表示新建 MySQL…...
代码随想录 106. 岛屿的周长
106. 岛屿的周长 #include<bits/stdc.h> using namespace std;int main(){int n, m;cin >> n >> m;vector<vector<int>> mp(n, vector<int>(m, 0));for (int i 0; i < n; i){for (int j 0; j < m; j){cin >> mp[i][j];}}in…...
阿里云融合认证中的App端一键登录能力
在如今的移动互联网环境中，App端的一键登录功能逐渐成为提升用户体验的关键。用户不再需要繁琐的注册流程或输入短信验证码，一键即可通过手机号码完成登录。而阿里云融合认证中，一键登录能力为移动应用提供了一个简单、便捷且安全的用户身份验…...
基于YOLO11/v10/v8/v5深度学习的安检X光危险品检测与识别系统设计与实现【python源码+Pyqt5界面+数据集+训练代码】
《博主简介》 小伙伴们好，我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 ✌更多学习资源，可关注公-仲-hao:【阿旭算法与机器学习】，共同学习交流~ 👍感谢小伙伴们点赞、关注！ 《------往期经典推…...
vue-插槽作用域实用场景
vue-插槽作用域实用场景 1.插槽1.1 自定义列表渲染1.2 数据表格组件1.3 树形组件1.4 表单验证组件1.5 无限滚动组件 1.插槽 插槽感觉知道有这个东西，但是挺少用过的，每次看到基本都会再去看一遍用法和概念。但是在项目里，自己还是没有用到过…...
Prometheus+Grafana 监控 K8S Ingress-Ningx Controller
文章目录 一、prometheus中添加ingress-nginx的服务发现配置二、ingress-nginx controller的service添加端口暴露监控指标三、grafana添加ingress-nginx controller的监控模版 ingress-nginx默认是没有开启监控指标的，需要我们在ingress-nginx controller的svc里面开…...
如何在Visual Studio 2019中创建.Net Core WPF工程
如何在Visual Studio 2019中创建.Net Core WPF工程 打开Visual Studio 2019，选择Create a new project 选择WPF App(.Net Core) 输入项目名称和位置，单击Create 这样我们就创建好了一个WPF工程 工程文件说明 Dependencies 当前项目所使用的依赖库&…...
自然语言处理（NLP）论文数量的十年趋势：2014-2024
引言 近年来，自然语言处理（NLP）已成为人工智能（AI）和数据科学领域中的关键技术之一。随着数据规模的不断扩大和计算能力的提升，NLP技术从学术研究走向了广泛的实际应用。通过观察过去十年（2014…...
.net core API中使用LiteDB
LiteDB介绍 LiteDB 是一个小巧、快速和轻量级的 .NET NoSQL 嵌入式数据库。 无服务器的 NoSQL 文档存储简单的 API，类似于 MongoDB100% 的 C# 代码支持 .NET 4.5 / NETStandard 1.3/2.0，以单个 DLL（不到 450KB）形式提供线程安全…...
YOLO_V8分割
YOLO_V8分割 YOLO安装 pip install ultralytics YOLO的数据集转化看csdn 数据标注EIseg EIseg这块，正常安装就好，但是numpy和各类包都容易有冲突，python版本装第一点 数据标注过程中，记得把JSON和COCO都点上，把自…...
根据请求错误的状态码判断代理配置问题
SafeLine，中文名 “雷池”，是一款简单好用, 效果突出的 Web 应用防火墙(WAF)，可以保护 Web 服务不受黑客攻击。 雷池通过过滤和监控 Web 应用与互联网之间的 HTTP 流量来保护 Web 服务。可以保护 Web 服务免受 SQL 注入、XSS、 代码注入、命…...
Python 网络爬虫高阶用法
网络爬虫成为了自动化数据抓取的核心工具。Python 拥有强大的第三方库支持，在网络爬虫领域的应用尤为广泛。本文将深入探讨 Python 网络爬虫的高阶用法，包括处理反爬虫机制、动态网页抓取、分布式爬虫以及并发和异步爬虫等技术。以下内容结合最新技术发展…...
芯片Tapeout前GDS Review | Calibre中如何切出gds中指定区域版图？
在SoC芯片实现阶段我们会用到很多模拟IP，IO。对于这类模拟IP相关的电源连接，ESD保护电路连接，信号线连接都需要跟IP Vendor进行Review。但芯片整体版图涉及商业机密，我们不希望整个芯片的版图被各大vendor看到，因此我们…...
43 | 单例模式（下）：如何设计实现一个集群环境下的分布式单例模式？
上两篇文章中，我们针对单例模式，讲解了单例的应用场景、几种常见的代码实现和存在的问题，并粗略给出了替换单例模式的方法，比如工厂模式、IOC 容器。今天，我们再进一步扩展延伸一下，一块讨论一下下面这几个…...
龙虎榜——20250610
上证指数放量收阴线，个股多数下跌，盘中受消息影响大幅波动。 深证指数放量收阴线形成顶分型，指数短线有调整的需求，大概需要一两天。 2025年6月10日龙虎榜行业方向分析 1. 金融科技 代表标的：御银股份、雄帝科技 驱动…...
Vue记事本应用实现教程
文章目录 1. 项目介绍2. 开发环境准备3. 设计应用界面4. 创建Vue实例和数据模型5. 实现记事本功能5.1 添加新记事项5.2 删除记事项5.3 清空所有记事 6. 添加样式7. 功能扩展：显示创建时间8. 功能扩展：记事项搜索9. 完整代码10. Vue知识点解析10.1 数据绑…...
超短脉冲激光自聚焦效应
前言与目录 强激光引起自聚焦效应机理 超短脉冲激光在脆性材料内部加工时引起的自聚焦效应，这是一种非线性光学现象，主要涉及光学克尔效应和材料的非线性光学特性。 自聚焦效应可以产生局部的强光场，对材料产生非线性响应，可能…...
Lombok 的 @Data 注解失效，未生成 getter/setter 方法引发的HTTP 406 错误
HTTP 状态码 406 (Not Acceptable) 和 500 (Internal Server Error) 是两类完全不同的错误，它们的含义、原因和解决方法都有显著区别。以下是详细对比： 1. HTTP 406 (Not Acceptable) 含义： 客户端请求的内容类型与服务器支持的内容类型不匹…...
java_网络服务相关_gateway_nacos_feign区别联系
1. spring-cloud-starter-gateway 作用：作为微服务架构的网关，统一入口，处理所有外部请求。 核心能力： 路由转发（基于路径、服务名等）过滤器（鉴权、限流、日志、Header 处理）支持负…...
label-studio的使用教程(导入本地路径)
文章目录 1. 准备环境2. 脚本启动2.1 Windows2.2 Linux 3. 安装label-studio机器学习后端3.1 pip安装(推荐)3.2 GitHub仓库安装 4. 后端配置4.1 yolo环境4.2 引入后端模型4.3 修改脚本4.4 启动后端 5. 标注工程5.1 创建工程5.2 配置图片路径5.3 配置工程类型标签5.4 配置模型5.…...
iPhone密码忘记了办？iPhoneUnlocker，iPhone解锁工具Aiseesoft iPhone Unlocker 高级注册版分享
平时用 iPhone 的时候，难免会碰到解锁的麻烦事。比如密码忘了、人脸识别 / 指纹识别突然不灵，或者买了二手 iPhone 却被原来的 iCloud 账号锁住，这时候就需要靠谱的解锁工具来帮忙了。Aiseesoft iPhone Unlocker 就是专门解决这些问题的软件&…...
大数据零基础学习day1之环境准备和大数据初步理解
学习大数据会使用到多台Linux服务器。 一、环境准备 1、VMware 基于VMware构建Linux虚拟机 是大数据从业者或者IT从业者的必备技能之一也是成本低廉的方案 所以VMware虚拟机方案是必须要学习的。 （1）设置网关 打开VMware虚拟机，点击编辑…...
Golang dig框架与GraphQL的完美结合
将 Go 的 Dig 依赖注入框架与 GraphQL 结合使用，可以显著提升应用程序的可维护性、可测试性以及灵活性。 Dig 是一个强大的依赖注入容器，能够帮助开发者更好地管理复杂的依赖关系，而 GraphQL 则是一种用于 API 的查询语言，能够提…...
【ROS】Nav2源码之nav2_behavior_tree-行为树节点列表
1、行为树节点分类 在 Nav2（Navigation2）的行为树框架中，行为树节点插件按照功能分为 Action（动作节点）、Condition（条件节点）、Control（控制节点） 和 Decorator（装饰节点） 四类。 1.1 动作节点 Action 执行具体的机器人操作或任务，直接与硬件、传感器或外部系统…...