HTML+CSS+JS制作汽车网站（内附源码，含5个页面）
一、作品介绍
HTML+CSS+JS制作一个汽车网站，包含首页、新车发布页、预约试驾页、最新资讯页、品牌故事页等5个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。
二、页面结构
1. 顶部导航栏
包含logo、主导航菜单（首页、新车、二手车、资讯、论坛）、搜索框和用户入口
2. 主视觉横幅
展示最新车型促销信息、品牌活动的轮播图
3. 快速筛选区
按价格、品牌、车型、能源类型等条件快速筛选车辆
4. 热门车型推荐
以图片卡片形式展示热门车型，包含车型图片、名称、价格和简要参数
5. 新车资讯
展示最新的汽车新闻、测评文章和行业动态
6. 品牌专区
展示主流汽车品牌logo墙，点击可进入品牌详情页
7. 服务入口
包含汽车估价、贷款计算、违章查询等实用工具入口
8. 底部信息
包含网站介绍、联系方式、友情链接等信息
三、作品演示
四、代码目录
五、首页代码
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>汽车网站 - 首页</title><link type="text/css" href="css/family.css" rel="stylesheet" /><link type="text/css" href="css/all.min.css" rel="stylesheet" />
</head><body><div class="water-mark water-mark-left">公众号【<span class="gzh-tips">木番薯科技</span>】，<span class="ym-tips">获取源码</span></div><div class="water-mark water-mark-right">公众号【<span class="gzh-tips">木番薯科技</span>】，<span class="ym-tips">获取源码</span></div><div class="min-h-screen bg-gray-50"><header class="bg-white shadow-sm"><div class="container mx-auto px-4"><div class="flex items-center justify-between h-16"><div class="flex items-center"><a href="#" class="font-['Pacifico'] text-2xl text-custom">logo</a><nav class="ml-10"><ul class="flex space-x-8"><li><a href="./index.html" class="text-custom hover:text-custom">首页</a></li><li><a href="./new-cars.html" class="text-gray-700 hover:text-custom">新车发布</a></li><li><a href="./book-test-drive.html" class="text-gray-700 hover:text-custom">预约试驾</a></li><li><a href="./information.html" class="text-gray-700 hover:text-custom">最新资讯</a></li><li><a href="./brand-story.html" class="text-gray-700 hover:text-custom">品牌故事</a></li></ul></nav></div><div class="flex items-center"><div class="relative mr-4"><input type="text" placeholder="搜索车型"class="w-64 pl-10 pr-4 py-2 border rounded-lg text-sm focus:outline-none focus:border-custom"><i class="fas fa-search absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"></i></div><a href="#" class="flex items-center text-gray-700 hover:text-custom"><i class="fas fa-user mr-2"></i><span>登录/注册</span></a></div></div></div></header><div class="glide relative"><div class="glide__track" data-glide-el="track"><ul class="glide__slides"><li class="glide__slide"><img src="./images/b1.jpg" alt="新车促销"class="w-full h-[500px] object-cover"></li><li class="glide__slide"><img src="./images/b2.jpg" alt="品牌活动"class="w-full h-[500px] object-cover"></li><li class="glide__slide"><img src="./images/b3.jpg" alt="品牌活动"class="w-full h-[500px] object-cover"></li></ul></div><div class="glide__bullets absolute bottom-4 w-full flex justify-center" data-glide-el="controls[nav]"><button class="glide__bullet mx-1" data-glide-dir="=0"></button><button class="glide__bullet mx-1" data-glide-dir="=1"></button></div></div><div class="container mx-auto px-4 py-8"><div class="bg-white rounded-lg shadow p-6 mb-8"><h2 class="text-xl font-semibold mb-4">快速筛选</h2><div class="grid grid-cols-5 gap-4"><select class="w-full p-2 border rounded-lg text-sm"><option>价格区间</option><option>10万以下</option><option>10-15万</option><option>15-20万</option><option>20-30万</option><option>30万以上</option></select><select class="w-full p-2 border rounded-lg text-sm"><option>品牌</option><option>大众</option><option>丰田</option><option>本田</option><option>奔驰</option><option>宝马</option></select><select class="w-full p-2 border rounded-lg text-sm"><option>车型</option><option>轿车</option><option>SUV</option><option>MPV</option><option>跑车</option></select><select class="w-full p-2 border rounded-lg text-sm"><option>能源类型</option><option>汽油</option><option>新能源</option><option>混动</option><option>纯电动</option></select><button class="!rounded-button bg-custom text-white px-4 py-2">开始筛选</button></div></div><div class="mb-12"><h2 class="text-2xl font-semibold mb-6">热门车型推荐</h2><div class="grid grid-cols-4 gap-6"><div class="bg-white rounded-lg shadow overflow-hidden"><img src="./images/r1.jpg" alt="热门车型1"class="w-full h-48 object-cover"><div class="p-4"><h3 class="font-semibold mb-2">奔驰 C级</h3><p class="text-gray-600 text-sm mb-2">2.0T 自动豪华型</p><p class="text-custom font-semibold">32.98万起</p></div></div><div class="bg-white rounded-lg shadow overflow-hidden"><img src="./images/r2.jpg" alt="热门车型2"class="w-full h-48 object-cover"><div class="p-4"><h3 class="font-semibold mb-2">宝马 X3</h3><p class="text-gray-600 text-sm mb-2">2.0T 自动豪华型</p><p class="text-custom font-semibold">39.98万起</p></div></div><div class="bg-white rounded-lg shadow overflow-hidden"><img src="./images/r3.jpg" alt="热门车型3"class="w-full h-48 object-cover"><div class="p-4"><h3 class="font-semibold mb-2">保时捷 718</h3><p class="text-gray-600 text-sm mb-2">2.0T 自动运动版</p><p class="text-custom font-semibold">58.80万起</p></div></div><div class="bg-white rounded-lg shadow overflow-hidden"><img src="./images/r4.jpg" alt="热门车型4"class="w-full h-48 object-cover"><div class="p-4"><h3 class="font-semibold mb-2">特斯拉 Model 3</h3><p class="text-gray-600 text-sm mb-2">长续航后驱版</p><p class="text-custom font-semibold">29.90万起</p></div></div></div></div><div class="grid grid-cols-3 gap-8 mb-12"><div class="col-span-2"><h2 class="text-2xl font-semibold mb-6">新车资讯</h2><div class="space-y-6"><div class="bg-white rounded-lg shadow p-4 flex"><img src="./images/x1.jpg" alt="新闻1"class="w-48 h-32 object-cover rounded-lg"><div class="ml-4 flex-1"><h3 class="font-semibold mb-2">全新宝马5系正式发布，搭载全新设计语言</h3><p class="text-gray-600 text-sm line-clamp-2">宝马全新一代5系正式亮相，采用了全新的设计语言，内饰科技感十足，动力系统全面升级...</p><p class="text-gray-400 text-sm mt-2">2024-02-20</p></div></div><div class="bg-white rounded-lg shadow p-4 flex"><img src="./images/x2.jpg" alt="新闻2"class="w-48 h-32 object-cover rounded-lg"><div class="ml-4 flex-1"><h3 class="font-semibold mb-2">新能源汽车市场持续升温，多品牌加速布局</h3><p class="text-gray-600 text-sm line-clamp-2">随着新能源汽车市场的持续火热，各大汽车品牌纷纷加大在电动化领域的投入...</p><p class="text-gray-400 text-sm mt-2">2024-02-19</p></div></div></div></div><div><h2 class="text-2xl font-semibold mb-6">服务工具</h2><div class="bg-white rounded-lg shadow p-6"><div class="grid grid-cols-2 gap-4"><a href="#" class="flex flex-col items-center p-4 rounded-lg hover:bg-gray-50"><i class="fas fa-calculator text-2xl text-custom mb-2"></i><span class="text-sm">贷款计算</span></a><a href="#" class="flex flex-col items-center p-4 rounded-lg hover:bg-gray-50"><i class="fas fa-car-crash text-2xl text-custom mb-2"></i><span class="text-sm">违章查询</span></a><a href="#" class="flex flex-col items-center p-4 rounded-lg hover:bg-gray-50"><i class="fas fa-tags text-2xl text-custom mb-2"></i><span class="text-sm">汽车估价</span></a><a href="#" class="flex flex-col items-center p-4 rounded-lg hover:bg-gray-50"><i class="fas fa-map-marker-alt text-2xl text-custom mb-2"></i><span class="text-sm">维修网点</span></a></div></div></div></div><div class="mb-12"><h2 class="text-2xl font-semibold mb-6">品牌专区</h2><div class="grid grid-cols-8 gap-4"><a href="#"class="bg-white rounded-lg shadow p-4 flex items-center justify-center hover:shadow-md transition-shadow"><img src="./images/p1.jpg" alt="奔驰"class="w-16 h-16 object-contain"></a><a href="#"class="bg-white rounded-lg shadow p-4 flex items-center justify-center hover:shadow-md transition-shadow"><img src="./images/p2.jpg" alt="宝马"class="w-16 h-16 object-contain"></a><a href="#"class="bg-white rounded-lg shadow p-4 flex items-center justify-center hover:shadow-md transition-shadow"><img src="./images/p3.jpg" alt="奥迪"class="w-16 h-16 object-contain"></a><a href="#"class="bg-white rounded-lg shadow p-4 flex items-center justify-center hover:shadow-md transition-shadow"><img src="./images/p4.jpg" alt="保时捷"class="w-16 h-16 object-contain"></a><a href="#"class="bg-white rounded-lg shadow p-4 flex items-center justify-center hover:shadow-md transition-shadow"><img src="./images/p5.jpg" alt="特斯拉"class="w-16 h-16 object-contain"></a><a href="#"class="bg-white rounded-lg shadow p-4 flex items-center justify-center hover:shadow-md transition-shadow"><img src="./images/p6.jpg" alt="大众"class="w-16 h-16 object-contain"></a><a href="#"class="bg-white rounded-lg shadow p-4 flex items-center justify-center hover:shadow-md transition-shadow"><img src="./images/p7.jpg" alt="丰田"class="w-16 h-16 object-contain"></a><a href="#"class="bg-white rounded-lg shadow p-4 flex items-center justify-center hover:shadow-md transition-shadow"><img src="./images/p8.jpg" alt="本田"class="w-16 h-16 object-contain"></a></div></div></div><footer class="bg-gray-800 text-white py-12"><div class="container mx-auto px-4"><div class="grid grid-cols-4 gap-8"><div><h3 class="text-lg font-semibold mb-4">关于我们</h3><ul class="space-y-2"><li><a href="#" class="text-gray-400 hover:text-white">公司简介</a></li><li><a href="#" class="text-gray-400 hover:text-white">联系方式</a></li><li><a href="#" class="text-gray-400 hover:text-white">加入我们</a></li><li><a href="#" class="text-gray-400 hover:text-white">服务条款</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4">购车服务</h3><ul class="space-y-2"><li><a href="#" class="text-gray-400 hover:text-white">购车流程</a></li><li><a href="#" class="text-gray-400 hover:text-white">金融服务</a></li><li><a href="#" class="text-gray-400 hover:text-white">维修保养</a></li><li><a href="#" class="text-gray-400 hover:text-white">车主俱乐部</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4">热门品牌</h3><ul class="space-y-2"><li><a href="#" class="text-gray-400 hover:text-white">奔驰</a></li><li><a href="#" class="text-gray-400 hover:text-white">宝马</a></li><li><a href="#" class="text-gray-400 hover:text-white">奥迪</a></li><li><a href="#" class="text-gray-400 hover:text-white">特斯拉</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4">关注我们</h3><div class="flex space-x-4"><a href="#" class="text-gray-400 hover:text-white text-2xl"><i class="fab fa-weixin"></i></a><a href="#" class="text-gray-400 hover:text-white text-2xl"><i class="fab fa-weibo"></i></a><a href="#" class="text-gray-400 hover:text-white text-2xl"><i class="fab fa-tiktok"></i></a></div></div></div><div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"><p>© 2024 汽车网站. All rights reserved.</p></div></div></footer></div>
</body></html>六、获取代码
内附源码，含5个页面。欢迎留言，欢迎关注。
相关文章：
HTML+CSS+JS制作汽车网站（内附源码，含5个页面）
一、作品介绍 HTMLCSSJS制作一个汽车网站，包含首页、新车发布页、预约试驾页、最新资讯页、品牌故事页等5个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。 二、页面结构 1. 顶部导航栏 包含logo、主导航菜单（首页、新车、二…...
GraalVM完全指南：云原生时代下使用GraalVM将Spring Boot 3应用转换为高效Windows EXE文件
一、前言 在现代软件开发中，启动速度和资源利用率常常是衡量应用性能的关键指标。对于基于Spring Boot的应用来说，虽然它们易于开发和部署，但JVM的启动时间有时会成为一个瓶颈。本文介绍如何使用GraalVM将Spring Boot 3应用编译成原生Windows可执行文件（EXE），从而显著提…...
微软开源GraphRAG的使用教程-使用自定义数据测试GraphRAG
微软在今年4月份的时候提出了GraphRAG的概念，然后在上周开源了GraphRAG,Github链接见https://github.com/microsoft/graphrag,截止当前，已有6900Star。 安装教程 官方推荐使用Python3.10-3.12版本，我使用Python3.10版本安装时，在…...
C++ 中的字面量类型定义
在 C 中，字面量类型（Literal Type）是指可以作为字面量使用的类型。字面量是指代码中直接写出的常量值，比如整数 42、浮点数 3.14、字符串 "hello" 等。而字面量类型则是支持创建这些字面量的类型。 C 中的字面量类型定…...
LeetCode：101. 对称二叉树
跟着carl学算法，本系列博客仅做个人记录，建议大家都去看carl本人的博客，写的真的很好的！ 代码随想录 LeetCode：101. 对称二叉树 给你一个二叉树的根节点 root ， 检查它是否轴对称。 示例 1： 输…...
Docker Compose 配置指南
目录 1. Docker Compose 配置1.1 基本配置结构1.2 docker-compose.yml 的各部分1.3 常用配置选项 2. Docker Compose 使用方法2.1 创建 Docker Compose 配置文件2.2 启动服务2.3 查看容器状态2.4 查看服务日志2.5 停止服务2.6 重新构建服务 3. Docker Compose 常用命令3.1 dock…...
【Linux开发工具】自动化构建-make/Makefile
🔥个人主页🔥：孤寂大仙V 🌈收录专栏🌈：Linux 🌹往期回顾🌹：【Linux开发工具】gcc和g 🔖流水不争，争的是滔滔不 一、make和Makefile简介1.1 什么是…...
VSCode 搭建Python编程环境 2024新版图文安装教程（Python环境搭建+VSCode安装+运行测试+背景图设置）
名人说：一点浩然气，千里快哉风。—— 苏轼《水调歌头》 创作者：Code_流苏(CSDN) 目录 一、Python环境安装二、VScode下载及安装三、VSCode配置Python环境四、运行测试五、背景图设置 很高兴你打开了这篇博客，更多详细的安装教程&…...
Python 异步协程：从 async/await 到 asyncio 再到 async with
在 Python 3.8 以后的版本中，异步编程变得越来越重要。本文将系统介绍 Python 标准库中的异步编程工具，带领大家掌握 async/await 语法和 asyncio 的使用。 从一个简单的场景开始 假设我们在处理一些耗时的 I/O 操作，比如读取多个文件或处理…...
矩阵-向量乘法的行与列的解释（Row and Column Interpretations）：中英双语
本文是学习这本书的笔记 网站是：https://web.stanford.edu/~boyd/vmls/ 矩阵-向量乘法的行与列的解释 矩阵-向量乘法（Matrix-Vector Multiplication）是线性代数中的基本操作，也是机器学习、数据科学和工程中常用的数学工具。本文…...
针对超大规模病理图像分析！华中科技大学提出医学图像分割模型，提高干燥综合征诊断准确性
口干、眼干、皮肤干，每天伴有不明原因的肌肉酸痛和全身乏力，如果以上症状你「中招」了，除了考虑冬季天气干燥外，还应该警惕一种常见却总是被我们忽视的疾病——干燥综合征 (Sjgren’s Syndrome, SS)。 干燥综合征是以外分泌腺高度…...
混合开发环境---使用编程AI辅助开发Qt
文章目录 [toc]1、说明2、演示视频 1、说明 新时代的浪潮早就已经来临，上不了船的人终将被抛弃，合理使用AI辅助开发、提升效率是大趋势 注意：不要被AI奴隶 合理使用AI辅助编程，十倍提升效率。 大部分的编程AI都有vs code插件&…...
Unity复刻胡闹厨房复盘 模块一 新输入系统订阅链与重绑定
本文仅作学习交流，不做任何商业用途 郑重感谢siki老师的汉化教程与代码猴的免费教程以及搬运烤肉的小伙伴 版本：Unity6 模板：3D 核心 渲染管线：URP ------------------------------…...
[前端]HTTP库Axios
一、Axios简介 Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 node.js 环境。它是一个流行的 JavaScript 库，用于发起 HTTP 请求，如 GET、POST、DELETE 等。Axios 提供了易于使用的 API，支持请求和响应的拦截、转换数据格…...
函数)
Excel中index()函数
函数功能概述 INDEX 函数用于返回表格或区域中的值或对值的引用。它可以根据指定的行和列的位置从一个单元格区域中提取数据。这个函数有两种形式：数组形式和引用形式。语法结构（数组形式） INDEX(array, row_num, column_num)array࿰…...
linux-----文件命令
文件和目录的基本概念 文件类型： 普通文件：这是最常见的文件类型，用于存储数据，如文本文件、二进制文件等。文本文件可以用文本编辑器打开并查看内容，二进制文件则包含机器可执行的代码或其他特定格式的数据。目录文件…...
lua dofile 传参数
cat 1.lua arg[1] 111 arg[2] 222 dofile(./2.lua) cat 2.lua print("First argument is: " .. arg[1]) print("Second argument is: " .. arg[2]) 执行 lua 1.lua，结果为： First argument is: 111 Second argument is: 222 l…...
【ETCD】【实操篇（二）】如何从源码编译并在window上搭建etcd集群？
要在 Windows 上编译 etcd 及 etcdctl 工具，并使用 bat 脚本启动 etcd 集群，首先需要准备好开发环境并确保依赖项正确安装。下面是从 etcd 3.5 源码开始编译和启动 etcd 集群的详细步骤： 目录 1. 安装 Go 环境2. 获取 etcd 源码3. 编译 etcd…...
重温设计模式--备忘录模式
文章目录 备忘录模式（Memento Pattern）概述定义： 作用：实现状态的保存与恢复支持撤销 / 恢复操作 备忘录模式UML图备忘录模式的结构原发器（Originator）：备忘录（Memento）&…...
如何借助边缘智能网关实现厂区粉尘智能监测告警
在诸如木制品加工、纺织品加工、塑料橡胶制品加工等多种工业生产场景中，粉尘问题的隐患和风险不可小觑。如果缺少对生产环境中粉尘的监测和管理，可能发生易燃易爆、环境污染和工人尘肺等生产事故。 针对工业场景中的粉尘状况监测、管理及预警，…...
解析mysqlbinlog
一、前置设置 ps -ef | grep mysql 查看mysql进程对应的安装目录 需设置mysql binlog日志模式为 ROW 二、执行命令 [rootlocalhost bin]# mysqlbinlog --verbose --base64-outputdecode-rows /usr/local/mysql/data/binlog.000069 > 1.sql 查看文件具体内容...
)
【gym】理解gym并测试gym小游戏CartPole (一)
一、gym与文件位置的联合理解 import gym import inspect# 加载 CliffWalking 环境 env gym.make(CliffWalking-v0)# 获取环境的类 env_class type(env)# 获取环境类所在的文件路径 file_path inspect.getfile(env_class)print(f"The source code for CliffWalking-v0…...
【jvm】内存泄漏的8种情况
目录 1. 说明2. 静态集合类持有对象引用3. 单例模式4. 内部类持有外部类5. 未关闭的连接6. 变量不合理的作用域7. 改变对象的哈希值8. 缓存Cache泄漏9. 监听器和回调 1. 说明 1.内存泄漏（Memory Leak）指的是程序中动态分配的内存由于某种原因没有被释放…...
android:sharedUserId 应用进程声明介绍
背景 adb install 安装系统软件报错，原因是签名不一致，进程改变。 代码分析 AndroidManifest.xml 定义的 android:sharedUserId 应用归属进程不同，从phone切换到system。 初始配置 <manifest xmlns:android="http://schemas.android.com/apk/res/android"c…...
WPSJS：让 WPS 办公与 JavaScript 完美联动
随着办公自动化需求的日益增长，WPS Office 推出了 WPSJS，这是一款强大的开发者工具，允许开发者通过 JavaScript 脚本与 WPS 办公软件进行互动。无论是在表格中自动填充数据、在文档中修改格式，还是在演示文稿中插入动态内容&#…...
【Linux进程】进程间通信（共享内存、消息队列、信号量）
目录 前言 1. System V IPC 2. 共享内存 系统调用接口 shmget ftok shmat shmdt shmctl 共享内存的读写 共享内存的描述对象 3. 消息队列 msgget msgsnd msgctl 消息队列描述对象 4. 信号量 系统调用接口 semget semctl 信号量描述对象 5. 系统层面IPC资源 6.…...
负载均衡的原理
负载均衡（Load Balancing）是一种计算机技术，用于在多个服务器、网络连接、计算资源之间合理分配工作负载，以提升应用程序的可用性、性能和可扩展性，以下是详细介绍： 工作原理 流量分配：负载均衡…...
Flash Attention
op融合 原始方法： 痛点：多次读取、写入显存。 解决：中间结果不保存，1个kernel顺序算完多个操作。 反向传播时用到这些中间结果要求导，怎么办？ 答：类似activation checkpointing，重新…...
(附脚本))
Craft CMS 模板注入导致 Rce漏洞复现(CVE-2024-56145)(附脚本)
0x01 产品描述： Craft CMS 是一个灵活且强大的内容管理系统（CMS），专为创意团队和开发人员设计，提供高度可定制、直观且性能优越的网站和内容管理解决方案。它以用户友好的界面、强大的插件生态系统以及支持现代web开发最佳实践的特性而闻名0x02 漏洞描述： 由于模板…...
步进电机位置速度双环控制实现
步进电机位置速度双环控制实现 野火stm32电机教学 提高部分-第11讲 步进电机位置速度双环控制实现(1)_哔哩哔哩_bilibili PID模型 位置环作为外环，速度环作为内环。设定目标位置和实际转轴位置的位置偏差，经过位置PID获得位置期望，然后讲位置期望（位置变化反映了转轴的速…...
Sigrity Optimize PI CapGen仿真教程文件路径
为了方便读者能够快速上手和学会Sigrity Optimize PI和 Deacap Generate 的功能，将Sigrity Optimize PI CapGen仿真教程专栏所有文章对应的实例文件上传至以下路径 https://download.csdn.net/download/weixin_54787054/90171471?spm1001.2014.3001.5503...
open Feign日志输出
openFeign默认是没有日志输出的，只有在open Feign所在的包的级别达到debug才会有输出，而且级别有四级。 四种日志级别： OpenFeign只会在FeignClient所在包的日志级别为DEBUG时，才会输出日志。而且其日志级别有4级： NON…...
进程间关系与守护进程
个人主页：C忠实粉丝 欢迎 点赞👍 收藏✨ 留言✉ 加关注💓本文由 C忠实粉丝 原创 进程间关系与守护进程 收录于专栏[Linux学习] 本专栏旨在分享学习Linux的一点学习笔记，欢迎大家在评论区交流讨论💌 目录 1. 进程组 什…...
C++设计模式：组合模式（公司架构案例）
组合模式是一种非常有用的设计模式，用于解决**“部分-整体”**问题。它允许我们用树形结构来表示对象的层次结构，并且让客户端可以统一地操作单个对象和组合对象。 组合模式的核心思想 什么是组合模式？ 组合模式的目的是将对象组织成树形结…...
ubuntu 安装docker
Step1：更新系统软件包 sudo apt update Step2：安装依赖包【用于通过HTTPS来获取仓库】 sudo apt install apt-transport-https ca-certificates curl software-properties-common Step3：添加Docker官方GPG密钥 sudo -i curl -fsSL https://…...
PSDK的编译与ROS包封装
本文档讲述在NIVIDIA开发板上使用大疆提供的Payload SDK获取无人机实时GPS信息的方法，以及基于Payload SDK发布ROS GPS话题信息的方法。 文章目录 0 实现目标1 Payload SDK1.1 PSDK 源码的编译1.2 PSDK 的使用 2 遥测数据的读取2.1 示例代码结构2.2 读取机载GPS信息…...
【工作流】工作顺序
背景 当时的情况是：没有产品经理，后端直接和需求方对接；前端只能短时间投入大部分时间要忙别的；只有3个角色：需求方，后端，前端； 当时直接执行的 直接使用会议了解需求，…...
Unity2021.3.16f1可以正常打开，但是Unity2017.3.0f3却常常打开闪退或者Unity2017编辑器运行起来就闪退掉
遇到问题： 从今年开始，不知道咋回事，电脑上的Unity2017像是变了个人似得，突然特别爱闪退掉，有时候还次次闪退，真是让人无语，一直以来我都怀疑是不是电脑上安装了什么别的软件了，导致…...
和forward()方法有什么区别？)
Java基础面试题20：Java语言sendRedirect()和forward()方法有什么区别？
Java基础面试题：Java语言sendRedirect()和forward()方法有什么区别？ 在 Java Web 开发中，sendRedirect() 和 forward() 是两个非常常用的方法，但它们有一些核心区别。我们来用最简单的方式给你解释清楚。 一、sendRedirect() 和 …...
2、光同步数字传送网的特点
同步复用 光同步数字传送网（SDH）采用同步复用方式。它将多个低速信号复用成高速信号，与准同步数字体系（PDH）的异步复用不同。在 SDH 中，各支路信号与复用后的高速信号是同步的，这种同步复用的方…...
3.4 stm32系列：定时器（PWM、定时中断）
一、定时器概述 1.1 软件定时原理 使用纯软件（CPU死等）的方式实现定时（延时）功能； 不精准的延迟： /* 微秒级延迟函数* 不精准* stm32存在压出栈过程需要消耗时间* 存在流水线，执行时间不确定…...
【环境搭建】Python、PyTorch与cuda的版本对应表
一个愿意伫立在巨人肩膀上的农民...... 在深度学习的世界里，选择合适的工具版本是项目成功的关键。CUDA、PyTorch和Python作为深度学习的三大支柱，它们的版本匹配问题不容忽视。错误的版本组合可能导致兼容性问题、性能下降甚至项目失败。因此࿰…...
【经验总结】AUTOSAR架构下基于TJA1145收发器偶发通信丢失不可恢复问题分析
目录 前言 正文 1.问题描述 2.尝试问题复现 3.尝试问题定位 4.直接原因 5.总结 前言 在《【CAN通信】TJA1145收发器重要功能介绍》一文中我们详细介绍了TJA1145收发器的重点内容，最近在开发测试过程中就遇到了一个CAN通信丢失且不可恢复的偶发问题，解决该问题的思路和…...
帝国CMS:如何去掉帝国CMS登录界面的认证码登录
如果在安装的时候，不小心选中了认证码选项，那么后面登录帝国后台都会要求输入认证码才能登录，如何去除这个设置呢，笔者以古诗词网 www.gushichi.com为例，为大家举例说明！ 去除步骤如下： 1.前往…...
CTF入门：单主机渗透——flag_XEE的常规思路
学习通过技术手段获取目标主机中预置的5个flag值。 在kali操作机中打开终端，然后使用nmap工具对目标机器进行端口扫描： nmap -sT 192.168.12.26 访问80端口。 网站首页是一个登录框，在界面上有一个提示的标签“弱口令”，说…...
Note2024122303_Code2Docu插件使用
Note2024122303_Code2Docu插件初使用V1.0 step1: 安装 跳转链接 文档阅读：下载文档阅读。 根据文档内容，大概知道首先下载并安装插件： 资料说明和安装方式： 意思是： 下载文件后直接运行 Code2Docu_Installati…...
深度学习之目标检测篇——残差网络与FPN结合
特征金字塔多尺度融合特征金字塔的网络原理 这里是基于resnet网络与Fpn做的结合，主要把resnet中的特征层利用FPN的思想一起结合，实现resnet_fpn。增强目标检测backone的有效性。代码实现如下： import torch from torch import Tensor from c…...
共模电感的工作原理
共模电感也称为共模扼流线圈，是一种抑制共模干扰的器件，它是由两个尺寸相同，匝数相同的线圈对称地绕制在同一个铁氧体环形磁芯上，形成的一个四端器件。当共模电流流过共模电感时，磁芯上的两个线圈产生的磁通相互叠加&a…...
mysql高阶语句
mysql高阶语句 1.对结果排序 SELECT id,name,score FROM info; #由于对id设置了主键约束，默认排序按id的大小升序排序 select name,score from info order by score; #默认按升序（从小到大排序） select name,score from info order by score…...
sfnt-pingpong -测试网络性能和延迟的工具
sfnt-pingpong 是一个用于测试网络性能和延迟的工具，通常用于测量不同网络环境下的数据包传输性能、吞吐量、延迟等指标。 它通常是基于某种网络协议（如 TCP）执行“ping-pong”式的测试，即客户端和服务器之间相互发送数据包&…...