学成在线网页
技术：h5+css，静态页面
主页：
代码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>学成在线</title><!-- 必须是先清除默认样式，在是其他样式 --><link rel="stylesheet" href="./base.css" /><link rel="stylesheet" href="./index.css" /></head><body><!-- 头部区域 --><div class="header"><div class="wrapper"><!-- logo --><div class="logo"><!-- 此处logo较为重要，所以使用h1嵌套a标签，提高网页展示率 --><h1><a href="#">学成在线</a></h1></div><!-- 导航 --><div class="nav"><ul><li><a href="" class="active">首页</a></li><li><a href="">课程</a></li><li><a href="">职业规划</a></li></ul></div><!-- 搜索 --><div class="search"><input type="text" placeholder="输入关键字" /><a href=""><img src="./images/search.png" alt="" /> </a></div><!-- 用户中心 --><div class="user"><a href=""><img src="./uploads/user.png" alt="" /><span>非凡学前端</span></a></div></div></div><!-- 中间内容区域 --><div class="banner"><div class="wrapper"><div class="left"><ul><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="">云计算&大数据</a></li><li><a href="">运维&测试</a></li><li><a href=""> UI设计</a></li><li><a href="">产品</a></li></ul></div><div class="right"><h3>我的课程表</h3><div class="content"><dl><dt>数据可视化课程</dt><dd><span>正在学习</span>-<strong>echarts步骤</strong></dd></dl><dl><dt>数据可视化课程</dt><dd><span>正在学习</span>-<strong>echarts步骤</strong></dd></dl><dl><dt>数据可视化课程</dt><dd><span>正在学习</span>-<strong>echarts步骤</strong></dd></dl><a href="">全部课程</a></div></div></div></div><!-- 精品推荐区域 --><div class="recommend wrapper"><h3>精品推荐</h3><ul><li><a href="">HTML</a></li><li><a href="">CSS</a></li><li><a href="">JavaScript</a></li><li><a href="">jQuery</a></li><li><a href="">Vue.js</a></li><li><a href="">React</a></li><li><a href="">TypeScript</a></li><li><a href="">Node.js</a></li><li><a href="">Python</a></li></ul><a href="" class="modify">修改兴趣</a></div><!-- 精品推荐课程 --><div class="course wrapper"><!-- 标题 --><div class="hd"><h3>精品推荐</h3><a href="" class="more">查看全部</a></div><!-- 内容 --><div class="bd"><ul><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li></ul></div></div><!-- 前端 --><div class="wrapper"><!-- 标题 --><div class="hd"><h3>前端开发工程师</h3><ul><li><a href="" class="active">热门</a></li><li><a href="">初级</a></li><li><a href="">中级</a></li><li><a href="">高级</a></li></ul><a href="" class="more">查看全部</a></div><div class="bd"><div class="left"><img src="./uploads/web_left.png" alt="" /></div><div class="rig"><div class="top"><img src="./uploads/web_top.png" alt="" /></div><div class="bottom"><ul><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li><li><a href=""><div class="pic"><img src="./uploads/course01.png" alt="" /></div><div class="text"><h4>JavaScript入门到进阶</h4><p><span>高级</span>-<i>11256</i>人在学习</p></div></a></li></ul></div></div></div></div><!-- 底部版权区域 --><div class="footer"><div class="wrapper"><div class="lef"><a href=""><img src="./images/logo.png" alt="" /></a><p>学成在线致力于普及中国最好的教育他与中国一流大学和机构合作提供在线课程@xxx有限公司版权所有 © 2018-2019</p><a href="" class="down">下载App</a></div><div class="righ"><dl><dt>关于学成网</dt><dd><a href="">关于</a></dd><dd><a href="">管理团队</a></dd><dd><a href="">工作机会</a></dd><dd><a href="">客户服务</a></dd><dd><a href="">帮助</a></dd></dl><dl><dt>新手指南</dt><dd><a href="">如何注册</a></dd><dd><a href="">如何选课</a></dd><dd><a href="">如何拿到毕业证</a></dd><dd><a href="">学分是什么</a></dd><dd><a href="">考试未通过怎么办</a></dd></dl><dl><dt>合作伙伴</dt><dd><a href="">合作机构</a></dd><dd><a href="">合作导师</a></dd></dl></div></div></div></body>
</html>
CSS
/* 首页样式 */
/* 版心 */
.wrapper {margin: 0 auto;width: 1200px;
}
body {background-color: #f3f5f7;
}
/* 头部区域 */
.header {padding-top: 30px;height: 100px;background-color: #fff;
}
.header .wrapper {padding-top: 30;display: flex;
}
.logo a {/* 转显示形式 */display: block;width: 195px;height: 41px;background-image: url(./images/logo.png);font-size: 0px;margin-right: 102px;
}
nav {margin-left: 120px;
}
.nav ul {display: flex;justify-content: space-between;align-items: center;
}.nav li {margin-right: 24px;
}
.nav li a {display: block;padding: 6px 8px;line-height: 27px;font-size: 19px;
}
/* active 类选择器，表示默认选择的a */
.nav li a.active,
.nav li a:hover {border-bottom: #00a1d6 2px solid;
}
/* 搜索 */
.search {display: flex;margin-left: 64px;padding-left: 19px;padding-right: 12px;width: 412px;height: 40px;border-radius: 20px;background-color: #f3f5f7;
}
.search input {flex: 1;border: 0;background-color: transparent;/* 去掉表单框架的焦点框 */outline: none;font-size: 14px;
}
/* 父级是flex布局，子级变弹性盒子 */
.search a {width: 16px;height: 16px;align-self: center;
}
/* 用户中心 */
.user {margin-left: 32px;margin-top: 4px;
}
.user img {margin-right: 7px;/* 用来处理行内块和行内垂直对齐方向 */vertical-align: middle;
}
.user span {font-size: 15px;color: #666;
}/* banner区域 */
.banner {height: 420px;background-color: #0092cd;
}
.banner .wrapper {height: 420px;display: flex;justify-content: space-between;background-image: url(./uploads/banner.png);
}.banner .left {width: 191px;height: 420px;padding: 3px 20px;background-color: #005676;
}.left li a {display: block;line-height: 46px;background: url(./images/right.png) no-repeat right center;height: 46px;font-size: 16px;color: #fffeff;
}
.banner .left a:hover {background: url(./images/right-hover.png) no-repeat right center;
}
/* 课程表 */
.right {width: 218px;height: 305px;margin-top: 60px;background-color: #209dd5;border-radius: 10px;
}
.right h3 {margin-left: 14px;height: 48px;font-size: 15px;color: #fff;padding: 20px 20px 10px;font-weight: 400;line-height: 20px;
}
.right .content {padding: 14px;height: 257px;background-color: #fff;border-radius: 10px;
}
.banner .right dl {margin-bottom: 10px;border-bottom: #e0e0e0 1px solid;
}
.banner .right dt {font-weight: 700;margin-bottom: 8px;line-height: 20px;font-size: 14px;
}
.banner .right dd {line-height: 16px;font-size: 12px;margin-bottom: 8px;
}
.banner .right dd span {color: #00e4ff;
}
.banner .right dd strong {font-weight: 400;color: #7d7d7d;
}
.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;height: 60px;padding: 0 20px;background-color: #fff;box-shadow: 0px 1px 2px 0px rgba(245, 211, 211, 0.5);margin-top: 11px;line-height: 60px;
}
.recommend h3 {font-size: 18px;color: #00a4ff;font-weight: 400;
}.recommend ul {display: flex;/* 除去标题和修改兴趣的尺寸，父级剩余尺寸 */flex: 1;
}
.recommend ul li a {font-size: 13px;padding: 0 24px;border-right: #e0e0e0 1px solid;
}
.recommend ul li:last-child a {border-right: none;
}
.recommend .modify {font-size: 16px;color: #00a4ff;
}
/* 推荐课程区域 */
.course {margin-top: 15px;
}
.hd {height: 60px;line-height: 60px;display: flex;justify-content: space-between;
}
.hd h3 {font-size: 21px;font-weight: 400;
}
.hd .more {padding-right: 20px;font-size: 14px;color: #999;background: url(./images/more.png) no-repeat right center;
}
.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 .text h4 {margin-bottom: 14px;height: 40px;font-size: 14px;font-weight: 400;line-height: 20px;
}
.bd li .text p {font-size: 14px;line-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 li .active {color: #00a4ff;
}
.bd {display: flex;justify-content: space-between;
}
.bd .left {width: 228px;background-color: #fff;
}
.bd .rig {width: 957px;background-color: #fff;
}
.bd rig .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 .lef {width: 440px;/* background-color: pink; */
}
.footer .lef p {margin-top: 24px;margin-bottom: 14px;font-size: 12px;line-height: 17px;color: #666;
}
.footer .lef .down {display: block;width: 120px;height: 36px;border: 1px solid #00a4ff;line-height: 34px;text-align: center;font-style: 16px;color: #00a4ff;
}
.footer .righ {display: flex;
}.footer .righ dl {margin-left: 130px;
}.footer .righ dt {margin-bottom: 12px;font-size: 16px;line-height: 23px;
}
.footer .righ a {font-size: 14px;color: #666;line-height: 24px;
}
相关文章：
学成在线网页
技术：h5css，静态页面 主页： 代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0&quo…...
AI测试工具Testim——告别自动化测试维护难题
随着人工智能技术的快速发展，AI测试工具正在成为提升软件研发效能的关键。每款AI的特性各有差异，今天，我们就给大家介绍一款专注于Web和移动应用的端到端的AI测试工具--Testim。 Testim的简介 官网地址：https://www.testim.io/ 简…...
引用、内联函数、nullptr宏)
【C++详解】C++入门(二)引用、内联函数、nullptr宏
文章目录 一、引用引用的概念和定义引用的功能引用的特性const引用const用法回顾权限的放大缩小const引用的功能 指针和引用的关系 二、内联函数三、nullptr补充结构体指针变量类型重定义 一、引用 引用的概念和定义 C祖师爷为了优化在部分场景中使用指针会出现的效率较低和比…...
8、HTTPD服务--CGI机制
目录 1、测试PHP页面 2、安装php软件 一、CGI机制介绍 1、测试PHP页面 [rootlocalhost ~]# cat /mp3/test1.php AAAAAAAAAAAAA <?phpphpinfo(); ?> 2、安装php软件 # yum install -y php # systemctl restart httpd php实际上是作为httpd的功能模块存在的 [r…...
层级时间轮的 Golang 实现原理与实践
一、引言 在高并发服务中，延时任务的管理是一个常见且重要的需求。比如 HTTP 请求超时、心跳检测、订单超时未支付提醒等场景，传统的 Timer 或 Heap 实现会带来 O(log n) 的复杂度，难以支撑百万级别的定时任务。 论文《Hashed and Hierarch…...
人类社会的第四阶段
本书的主旨是探讨一场新的权力革命，它将以20世纪民族国家的毁灭为代价， 解放出个体。创新，以前所未有的方式改变了暴力的逻辑，并且正在革新未来的 边界。如果我们的推论是正确的，你们正站在一场有史以来最宏大的革命的…...
Golang | Builder模式
Builder模式是一种创建型设计模式，用于分步骤构建复杂对象，尤其适用于构造过程复杂或需要多个配置选项的场景。将对象的构造过程与其表示分离，通过分步骤和链式调用的方式灵活创建对象，避免构造函数的参数爆炸，提升代码…...
C#本地使用离线ocr库识别图片中文本，工具包PaddleOCRSharp
C#本地使用离线ocr库识别图片文本，工具包PaddleOCRSharp PaddleOCRSharp介绍 项目地址：https://github.com/raoyutian/PaddleOCRSharp PaddleOCRSharp 是一个.NET版本OCR可离线使用类库。项目核心组件PaddleOCR.dll目前已经支持C\C、.NET、Python、Go…...
Flutter 在 Dart 3.8 开始支持 Null-Aware Elements 语法，自动识别集合里的空元素
近日，在 Dart 3.8 的 changelog 里正式提交了 Null-Aware Elements 语法，该语法糖可以用于在 List、Set、Map 等集合中处理可能为 null 的元素或键值对，简化显式检查 null 的场景： /之前 var listWithoutNullAwareElements [if …...
3、Linux操作系统下，linux的技术手册使用（man）
linux系统内置技术手册，方便开发人员查阅Linux相关指令，提升开发效率 man即是manual的前三个字母，有时候遇事不决，问个人（man） 其在线网址为：man 还有man网站的作者写的书，可以下…...
Python 自动化办公：Excel 数据处理的“秘密武器”
引言 在日常的 IT 办公场景里，Excel 是数据处理与分析的 “常胜将军”。无论是财务人员整理账目、销售团队统计业绩，还是运营人员分析用户数据，Excel 都发挥着关键作用。但面对海量数据，手动操作 Excel 不仅效率低下，还…...
通过数据增强打造抗噪音多模态大模型
下载前面 想象一下，你正在一个嘈杂的咖啡馆里，想让身边的AI助手帮你预定一张电影票。或者，你在熙熙攘攘的街道上，需要语音导航带你找到目的地。在这些真实的场景中，语音交互面临着一个巨大的挑战——噪音。 背景噪音、他人说话声、设备本身的电流声……这些无处不在的干…...
Node.js API 安全的主要策略：最佳实践
了解 Node.js API 安全性 保护 Node.js API 的安全需要了解潜在的漏洞并采取措施来缓解这些漏洞。这类 API 通常遇到的常见威胁包括： SQL 注入**：**操纵用户输入以针对数据库执行恶意 SQL 代码。跨站点脚本**(XSS)：**将恶意脚本注入其他用户查看的网页。跨站请求伪造**(CSR…...
如何删除Google Chrome中的所有历史记录【一键清除】
谷歌浏览器记录了用户访问过的网站。这方便了查找，但有时也需要清理。删除所有历史记录很简单，只要按照以下步骤操作。 1. 打开谷歌浏览器 首先要启动谷歌浏览器。点击右上角的三个点，进入主菜单。 2. 进入历史记录界面 在菜单中找到“历史…...
计算机三大主流操作系统的前世今生 - Linux|macOS|Windows
全文目录 1 引言2 起源之路2.1 Linux 起源2.2 macOS 起源2.3 Windows 起源 3 综合解析3.1 Linux系统综合解析3.1.1 系统定义与核心架构3.1.2 发展历程3.1.3 核心特点3.1.4 主流发行版3.1.5 应用场景 3.2 macOS系统综合解析3.2.1 系统定义与核心架构3.2.2 发展历程3.2.3 核心特点…...
大数据学习栈记——Hive4.0.1安装
本文介绍大数据技术中数据仓库Hive的安装配置，版本：Hive4.0.1，Ubuntu24.04。 Hive简介 Hive由 Facebook 开源用于解决海量结构化日志的数据统计工具。 Hive是基于Hadoop的一个数据仓库工具，可以将结构化的数据文件映射为一张数据…...
8.Excel：数据验证和下拉列表
一 数据验证 1.作用 限制用户输入单元格的值。 补充：数据验证要先设置验证才会起作用，对于已经填写完成的表格来说，可以快速找到不符合的数值。 选中整列，然后设置数据验证。 然后圈释无效数据，不符合的会被圈出来 2.如…...
【机器学习-线性回归-4】线性回归中的最优解：从数学原理到实践应用
在机器学习的世界里，线性回归就像是一把瑞士军刀——简单却功能强大。无论是预测房价、分析销售趋势，还是研究变量间的相关性，线性回归都是数据科学家首选的入门算法。但你是否曾好奇过，这个看似简单的算法背后，是如何…...
《代码整洁之道》全书归纳
如果要把这本书最关键、最核心、被反复提及和强调的重点提炼出来，那就是： 可读性高于一切： 你的代码是给人读的，让它像一篇清晰的文章一样易于理解。表达意图是关键。短小、单一： 函数要短小，类要短小&…...
项目代码生成工具
代码生成工具 文章目录 代码生成工具提取公共类domainbodtoentityvoBean基类 代码生成工厂连接配置模版1、基础类基类Entity添加DTO类分页查询DTO基础查询DTO修改DTO视图VO 2、controller2、service接口3、service实现类4、Mapper接口5、Mapper的xml文件 提取公共类 比方说每个…...
【机器学习驱动的智能化电池管理技术与应用】
在人工智能与电池管理技术融合的背景下，电池科技的研究和应用正迅速发展，创新解决方案层出不穷。从电池性能的精确评估到复杂电池系统的智能监控，从数据驱动的故障诊断到电池寿命的预测优化，人工智能技术正以其强大的数据处理能力…...
【MySQL 】MySQL 安装自记录全程-详细 （mysql-installer-community-8.0.42.0.msi）
看了一些别人的文章，其实还有些困惑，根据不少都有一些跟我遇到的不太一样，记录一下自己的安装过程 MySQL 安装（Windows） 下载 MySQL 安装包 MySQL数据库官网链接 MySQL （MySQL的https://www.mysql.com/ …...
构建事件驱动的云原生后端系统 —— 从设计到实践
📝个人主页🌹：一ge科研小菜鸡-CSDN博客 🌹🌹期待您的关注 🌹🌹 一、引言：为什么需要事件驱动架构？ 在现代互联网应用中，系统规模越来越大，功能模块越来越复杂，用户行为越来越不可预测。 传统的同步调用、强耦合的后端架构，面对大规模并发、高频变化、复杂交…...
时间复杂度和空间复杂度 [数据结构 初阶]
目录 算法效率 1. 时间复杂度 1.1 时间复杂度概念 1.2 大O 的渐进表示法 1.2.1 计算 func1 的基本操作执行了多少次 1.3 推导 大O 阶方法 2. 空间复杂度 算法效率 // 算法效率分析分为两种: 1) 时间效率: 时间复杂度, 用来衡量一个算法的运行速度; 2) 空间效率: 空间复…...
SpringMVC 通过ajax 前后端数据交互
在前端的开发过程中，经常在html页面通过ajax进行前后端数据的交互，SpringMVC的controller进行数据的接收，但是有的时候后端会出现数据无法接收到的情况，这个是因为我们的参数和前端ajax的contentType参数 类型不对应的情景&#x…...
Qt从零开始（1）了解
文章目录 1. Qt技术介绍2. 开发GUI的选择3. 框架的介绍4.Qt发展历程（简单介绍）5. Qt支持的系统6. Qt开发方式7.Qt优点总结 简介：这篇文章简单介绍下Qt的相关知识与应用场景，随便看看，了解了解即可。如果介绍有误或者描…...
当元数据遇见 AI 运维：智能诊断企业数据资产健康度
在数字化浪潮席卷全球的当下，企业数据资产规模呈指数级增长，然而传统数据监控方式却逐渐暴露出诸多弊端。想象一下，在某头部电商的晨会上，数据工程师小王正经历职业生涯最尴尬的时刻：“昨天促销活动的 UV 数据为什么比…...
关于OCP认证：有Oracle和MySQL两种
认证针对的数据库系统 MySQL OCP：是 Oracle 公司针对 MySQL 数据库管理员和开发者设计的认证，主要验证持证者在 MySQL 数据库管理、优化及安全等方面的技术能力。MySQL 是开源的关系数据库管理系统，以其简单、高性能和灵活性在中小型企业及开…...
Macos m系列芯片环境下python3安装mysqlclient系列问题
最近学习python3，在安装mysqlclient的时候遇到了一些问题，直接使用哦pip install mysqlclient 直接报错了，记录一下解决方案。 环境信息 设备：Macbook Pro m1 系统：macos Sequoia 15.3.2 最终成功的python版本…...
《代码整洁之道》第7章 错误处理 - 笔记
得墨忒耳定律 不要链式调用， 如 a.getB().getC().doSomething()。 直接获取对象调用方法 数据传输对象（DTOs） DTO (Data Transfer Object)： 数据传输对象。这是一种典型的数据结构。 里面没有任何业务逻辑代码。它的唯一作用就…...
java-mybatis01
对象/关系映射ORM ORM完成面向对象的编程语言DAO关系数据库的映射后，开发人员可以利用面向对象设计语言的建议易用性，也可利用关系数据库的技术优势。 ORM把关系数据库包装成面向对象的模型，采用ORM框架后，应用程序不再直接访问底…...
单片机之间的双向通信
具体功能实现 甲单片机通过按键可以控制乙单片机的LED灯，而乙单片机通过可以让连接甲单片机的数码管数字自增加一。 定时器资源 3个定时器 中断系统 执行现程序的过程中，出现某些急需处理的异常情况或特殊请求，cpu暂时中止现行程序&…...
量子纠缠式架构：当微服务同时存在于所有节点时，CAP定理是否依然成立？
一、CAP定理的经典困境 1. 传统分布式系统的三维束缚 经典权衡案例： 系统类型选择代价银行核心系统CP故障时拒绝服务社交网络AP短暂数据不一致物联网平台CA网络中断即崩溃 二、量子纠缠的降维打击 1. 量子微服务的超距同步 # 量子纠缠服务示例（Qiski…...
使用rsync和inotidy-tools来进行实时备份文件夹数据
在工作中遇到这个这么个需求，就是我们有一个samba的文件共享服务器，里面存了很多文件，然后我想实时备份这个samba共享文件的。 1、概述 只需要在源服务器上操作，并在源服务器上安装好rsync和inotidy-tools，目标服务器…...
Spring AI 实现智能对话
1. 实现效果 2. Spring Boot 3 后端 2.1 pom.xml <!-- 管理包依赖。通过 Spring AI 的 BOM 文件统一管理所有 Spring AI 相关依赖的版本，确保版本一致性，减少冲突 --><dependencyManagement><dependencies><!-- Spring AI -->…...
2025 网络安全技术深水区探索：从 “攻防对抗” 到 “数字韧性” 的范式跃迁
引言：当攻击成本趋近于零，防御逻辑必须重构 2025 年，网络安全领域正经历三重根本性变革： 攻击者门槛坍缩：生成式 AI 将网络钓鱼开发效率提升 300%，勒索软件即服务（RaaS）订阅用户突破…...
学习笔记—双指针算法—移动零
双指针算法 移动零 283. 移动零 - 力扣（LeetCode） 题目描述： 给定一个数组 nums，编写一个函数将所有 0 移动到数组的末尾，同时保持非零元素的相对顺序。 请注意 ，必须在不复制数组的情况下原地对数组进…...
计算机网络全栈精讲：从 TCP/UDP 原理到 Socket 编程与 HTTP 协议实战（含代码实现）
计算机网络作为现代信息技术的基石，支撑着互联网、物联网、云计算等众多领域的发展。无论是前端开发者、后端工程师，还是运维人员，深入理解计算机网络原理都至关重要。本文将从网络分层模型出发，逐步深入讲解 TCP/UDP 协议、Socke…...
IP地址如何切换到国内别的省份？一步步指导
使用换IP工具的主要目的是通过更换设备的公网IP地址来满足特定需求，例如绕过限制、保护隐私或完成特定任务。以下是常见的应用场景和原因： 一、ip应用场景 1. 绕过IP限制 访问地域限制内容：某些网站或服务（如游戏、社交平台 &am…...
c++流对象
核心概念回顾： C 的流库 (<iostream>, <fstream>, <sstream>) 提供了一种统一的方式来处理输入和输出，无论数据是来自键盘、文件还是内存中的字符串。它们都基于 std::istream (输入流基类) 和 std::ostream (输出流基类)，…...
华为IP（5）
交换机的堆叠与集群 堆叠和集群指的是同一件事 前言: 随着企业的发展，企业网络的规模越来越大，这对企业网络提出了更高的要求：更高的可靠性、更低的故障恢复时间、设备更加易于管理等。 传统的园区网高可靠性技术出现故障时很难做到毫秒级…...
零信任架构下的等保 2.0 与密评密改双合规
随着《网络安全等级保护2.0》和《商用密码应用安全性评估》的深入实施，企业面临双重合规压力：既要满足等保2.0对“主动防御”和“动态防护”的要求，又要通过密评密改强化密码技术的合规性。传统安全架构依赖边界防护和静态密码策略࿰…...
华为 MRAG：多模态检索增强生成技术论文阅读
GitHub项目链接：https://github.com/PanguIR/MRAGSurvey 总览 多模态检索增强生成（MRAG）通过将文本、图像、视频等多模态数据整合到检索与生成过程中，显著提升了多模态大语言模型（MLLM）的性能。传统检索增…...
文字光影扫过动效
列子1 <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>光影扫过文字动效</title><styl…...
SpringBoot配置RestTemplate并理解单例模式详解
在日常开发中，RestTemplate 是一个非常常用的工具，用来发起HTTP请求。今天我们通过一个小例子，不仅学习如何在SpringBoot中配置RestTemplate，还会深入理解单例模式在Spring中的实际应用。 1. 示例代码 我们首先来看一个基础的配置…...
计算机网络应用层（5）-- P2P文件分发视频流和内容分发网
💓个人主页：mooridy 💓专栏地址：《计算机网络：自顶向下方法》 大纲式阅读笔记_mooridy的博客-CSDN博客 💓本博客内容为《计算机网络：自顶向下方法》第二章应用层第五、六节知识梳理 关注我&…...
C++ TCP通信原理与实现
C 中 TCP 通信的原理基于 TCP/IP 协议栈的实现，以下是核心原理和关键步骤的详细说明： 一、TCP 通信核心原理 面向连接 通信双方需通过 三次握手 建立可靠连接，确保通信通道稳定。通过 四次挥手 断开连接，保证数据完整性。 可靠传…...
)
计算机网络-运输层(1)
计算机网络-运输层(1) 文章目录 计算机网络-运输层(1)5.1 运输层概述5.2 运输层端口号、复用与分用端口号基本概念端口号特性端口号分类重要说明 5.3 UDP与TCP协议对比关键区别说明 5.1 运输层概述 计算机网络体系结构中的物理层、数据链路层以及网络层共同解决了主机通过异构…...
学习spark-streaming收获
1.流处理的核心概念 •实时 vs微批处理：理解了 Spark Streaming 的微批处理（Micro-Batch）模型，将流数据切分为小批次（如1秒间隔）进行处理，与真正的流处理（如Flink）的区…...
蓝桥杯 14. 奇怪的数列
奇怪的数列 原题目链接 题目描述 从 X 星截获一份电码，是一些数字，如下： 13 1113 3113 132113 1113122113 ⋯⋯YY 博士经彻夜研究，发现了规律： 第一行的数字随便是什么，以后每一行都是对上一行 “读出…...