模拟开发小鹅通首页网站练习
HTML代码
<!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="./css/style.css"><link rel="stylesheet" href="./css/index.css">
</head><body><!-- 页头banner图 --><div class="bg header"><!-- 页头导航 --><div class="nav"><div class="content"><!-- 左侧菜单 --><div class="nav-menus"><div class="logo"></div><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="#">下载与帮助</a></li><li><a href="#">关于我们</a></li></ul></div><!-- 右侧登录 --><div class="nav-login"><div>我是学员</div><div>商家登录</div><div>免费试用</div></div></div></div><!-- banner图 --><div class="banner"></div></div><!-- 产品介绍 --><div class="bg intro"><h1>我们的产品能力</h1><img src="./images/m3moa2m10v5k.webp" alt=""><div class="info"><div><h3 class="title active">知识店铺</h3><p>1分钟搭建您的知识商城<br>助力高效知识变现</p><a href="#">免费试用 - →</a></div><div><h3 class="title">私域直播</h3><p>企业级专属私域直播平台<br>实现私域流量高效运营</p><a href="#">免费试用 - →</a></div><div><h3 class="title">企微SCRM</h3><p>企业微信私域运营神器<br>数据洞察驱动业绩增长</p><a href="#">免费试用 - →</a></div></div></div><!-- sence --><div class="bg sence"><h1>我们的场景解决方案</h1><ul class="list"><li>公域获客</li><li>私域运营</li><li>直播带货</li><li>内容交付</li><li>数据化运营</li></ul><div class="info"><img src="./images/m10c72vn0zzo.webp" alt=""><div class="msg"><h2>公域获客</h2><h3>多渠道获客，沉淀私域流量池</h3><ul><li>打通抖音/快手/小红书/视频号/公众号，支持直播间/短视频/账号主页等多种课程挂载方式，快速开启知识变现</li><li>多种公域转私域工具，支持添加企微/引流加群加人/渠道活码/分配引擎等工具，客户可批量导流到私域流量池</li><li>丰富的广告获客能力，落地页支持表单/支付类/0元领取/添加企微等多场景，提升广告ROI</li></ul><div class="btns"><div>免费试用</div><div>了解详情</div></div></div></div></div><!-- 行业解决方案 --><div class="bg industry"><h1>我们的行业解决方案</h1><div class="he"><div class="zuo"><div><img src="./images/e97a1e6be8d332de218eba53001b301.png" width="18.59px" height="18.59px"><span style= "margin-left:8px">新零售门店</span></div><div><img src="./images/e97a1e6be8d332de218eba53001b301.png" width="18.59px" height="18.59px"><span style= "margin-left:8px">职业培训</span></div><div><img src="./images/e97a1e6be8d332de218eba53001b301.png" width="18.59px" height="18.59px"><span style= "margin-left:8px">知识付费</span></div><div><img src="./images/e97a1e6be8d332de218eba53001b301.png" width="18.59px" height="18.59px"><span style= "margin-left:8px">美业直播</span></div><!--span局部标签，修饰网页中一**行内的部分内容--><!-- img : 图片标签名称，主要网页中显示图片src属性：显示图片的路径（网址、本地路径、图片数据）width属性：设置图片宽度，一般推荐以像素为单位height属性：设置图片高度，一般推荐以像素为单位宽度和高度设置任意一个数据，图片等比例缩放；两个属性都设置-图片拉伸alt属性：当图片无法正常显示时替代的文字描述--></div><div class="zhuong"><h2>知识付费行业解决方案</h2><p>提供内容变现能力,助力品牌IP打造</p><div class="msg"><div><img src="./images/e97a1e6be8d332de218eba53001b301.png" alt=""><span>知识店铺</span></div><div>专栏</div><div>会员</div><div>圈子</div><div>直播</div><div>表单</div><div>裂变海报</div><div>推广员</div></div><!--按 Shift + Alt + 上/下方向键，可以直接复制一行代码--><div class="btns"><div>免费试用</div><div>了解详情</div></div></div><div class="you"><h4>行业案例</h4><div><img src="./images/e97a1e6be8d332de218eba53001b301.png" alt=""><img src="./images/m1n7u98h0aet.webp" alt=""><img src="./images/m1n7u98h0aet.webp" alt=""><img src="./images/m1n7u98h0aet.webp" alt=""></div></div></div></div><!-- 技术优势 --><div class="bg tech"><h1>我们的技术优势</h1><div><img src="./images/7d5219a0ba20153ccea8b3dfd995db5.png" width="1268px" height="375px"></div></div><!-- 运营服务 --><div class="bg service"><h1>我们的运营服务</h1><div class="nierong"><div><img src="./images/大客服务.png" width="405px" height="215px"><div class="title">社群服务</div><div class="desc">标杆商家分享，同行商家交流，总比别人快一步</div></div><div><img src="./images/大客服务.png" width="405px" height="215px"><div class="title">管家服务</div><div class="desc">客户经理、服务管家、多角色在群，服务全面包围</div></div><div><img src="./images/大客服务.png" width="405px" height="215px"><div class="title">大客服务</div><div class="desc">设置夜班服务管家/假期值班管家，24小时在线服务，服务从不掉线</div></div><div><img src="./images/大客服务.png" width="405px" height="215px"><div class="title">运维服务</div><div class="desc">需求24小时反馈，需求处理率大于90% ，产品经理1v1回复</div></div></div></div><!-- 小鹅通 --><div class="bg xiaoet"><h1>他们都在用小鹅通</h1><div>（*排名不分先后顺序）</div></div><!-- 咨询 --><div class="bg advisory"><h1>立即扫码咨询，领取您的专属解决方案</h1></div><!-- 友情链接、公司信息 --><div class="bg message"><ul class="listo"><li>场景</li><li>行业</li><li>产品</li><li>服务</li><li>关于我们</li><li>媒体报道</li></ul></div>
</body></html>css代码
.bg{width:100%;
}.header{background-image: url(../images/m28mek5n0yyx.webp);background-size:cover;background-position:center;
}.nav{height: 72px;/* background-color:aqua; */background-color:transparent;display:flex;justify-content: center;
}
.nav:hover{background-color:white;/* css3样式：过渡动画，让样式过渡持续指定时间 */transition: .2s all;
}.nav .content{width:1600px;/* background-color:antiquewhite; */display: flex;justify-content: space-between;
}
.logo{height:72px;width:120px;background-image:url(../images/logo.png);/* 设置背景图片，值-`url(图片相对路径) */background-size: 115px 35px;/*设置背景图片尺寸，宽度、高度*/background-repeat: no-repeat;/* 设置背景图片排列方式，默认x轴、y轴无限循环 */background-position: 0 20px;/* 设置背景图片出现的位置 */
}
.nav-menus{width:900px;display:flex;justify-content: space-between;
}
.nav-menus ul{list-style:none;display:flex;
}
.nav-menus li{line-height: 72px;padding: 0 15px;
}
.nav-menus li a{color:#333;text-decoration: none;cursor:pointer;
}
.nav-menus li a:hover{color:blue;
}.nav-login{display:flex;align-items: center;gap:20px;
}
.nav-login div:nth-of-type(2),
.nav-login div:nth-of-type(3),
.info .msg .btns div:nth-of-type(1),
.info .msg .btns div:nth-of-type(2){cursor:pointer;width:100px;height:40px;line-height: 40px;text-align:center;border:solid 1px #4872f6;border-radius:5px;background-color:white;color:#4872f6;
}
.info .msg .btns div:nth-of-type(1),
.info .msg .btns div:nth-of-type(2):hover,
.nav-login div:nth-of-type(3),
.nav-login div:nth-of-type(2):hover{color:white;background-color:#4872f6;translate: .5 all;
}
.info .msg .btns div:nth-of-type(1):hover,
.nav-login div:nth-of-type(3):hover{background-color:#819cf8;
}.banner{height:454px;/* background-color:bisque; */
}
.intro{padding: 90px;height:995px;background-color:#f5faff;display:flex;flex-direction: column;align-items: center;justify-content: space-between;
}
.intro h1,
.sence h1,
.xiaoet h1,
.service h1{font-size:42px;
}
.intro img{width:1263px;height:490px;
}
.intro .info{width:1263px;display:flex;flex-direction: row;justify-content: space-between;
}
.info > div{width: 407px;height: 194px;background-color:white;border-radius:12px;padding:28px;display:flex;/* 将当前的标签(容器)设置为弹性模型 弹性样式：默认从左到右进行排列 */flex-direction: column;/* 样式修改主轴方向 *//* 弹性样式的主轴方向，默认水平方向(行)row: 水平-从左到右依次排列row-reverse：水平-从右到左依次排列column:垂直-从上到下依次排列column-reverse：垂直-从下到上一次排列*/justify-content: space-between;/* 主轴方向对齐方式 space-between 从左到右平均分布，两侧不留空隙 */
}
.info .title{color:#333;font-size:26px;font-weight: 400;
}
.intro .info div:nth-of-type(1){border-top: solid 5px #4872f6;
}
.info .active{color:#4872f6;
}
.info p{color:gray;
}
.info a{color:#4872f6;text-decoration: none;
}.sence{padding: 90px;height:885px;background: linear-gradient(0deg, #ffffff, #edf1f9);display:flex;flex-direction: column;align-items: center;justify-content: space-between;
}
.sence .list{list-style:none;background-color:white;width:725px;height:42px;border-radius:21px;display:flex;justify-content: space-evenly;
}
.list li{height:42px;width:145px;border-radius:21px;text-align:center;line-height: 42px;font-size:14px;font-weight:400;
}
.list li:nth-of-type(1){background-color:#4872f6;color:white;
}
.sence .info{background-color:#f5f8fc;width:1263px;height:527px;display: flex;flex-direction: row;border-radius:12px;overflow:hidden;border:solid 5px white;
}
.sence .info img{width:650px;height:527px;
}
.sence .info .msg{width:100%;height:100%;padding: 50px;
}
.sence .msg h2{font-size:32px;
}
.sence .msg h3{font-size:26px;font-family: "黑体";font-weight:400;
}
.sence .msg ul{list-style:none;/* list-style-image: url(../images/ul.png); *//* list-style-position: inside; */color:gray;height:200px;/* background-color:#819cf8; */display:flex;flex-direction: column;justify-content: space-between;
}
.sence .msg ul li{background-image:url("../images/ul.png");background-repeat: no-repeat;background-position: 0 10px;padding-left:25px;
}
.msg .btns{display:flex;gap: 20px;
}.industry{color: #fff;height:732px;background-image: url("../images/行业背景图.png");/* 设置背景图片，值-`url(图片相对路径) */background-size: cover;/*设置背景图片尺寸，宽度、高度*//* background-repeat: no-repeat;设置背景图片排列方式，默认x轴、y轴无限循环 */background-position:center;/* 设置背景图片出现的位置 */display:flex;/* 将当前的标签(容器)设置为弹性模型 弹性样式：默认从左到右进行排列 */flex-direction: column;/* 样式修改主轴方向 *//* 弹性样式的主轴方向，默认水平方向(行)row: 水平-从左到右依次排列row-reverse：水平-从右到左依次排列column:垂直-从上到下依次排列column-reverse：垂直-从下到上一次排列*/justify-content: space-evenly;/* align-items: center;`交叉轴方向的对齐方式(start\|center\|end) */align-items: center;/* justify-content: space-between; 主轴方向对齐方式 space-between 从左到右平均分布，两侧不留空隙 */
}
.industry h1{color:white;
}
/*
.标签的class属性值 {样式代码
}class选择器
父选择器 子选择器 {样式代码
}进阶 - 后代选择器
*/
.industry .he{width: 1268px;height: 459px;background: #39414C4D;border-radius:12px;overflow:hidden;backdrop-filter: blue(5px);display:flex;/* 将当前的标签(容器)设置为弹性模型 弹性样式：默认从左到右进行排列 *//* flex-direction: row; *//* 样式修改主轴方向 *//* 弹性样式的主轴方向，默认水平方向(行)row: 水平-从左到右依次排列row-reverse：水平-从右到左依次排列column:垂直-从上到下依次排列column-reverse：垂直-从下到上一次排列*//* align-items: center; *//* `交叉轴方向的对齐方式(start\|center\|end) *//* justify-content: space-between; *//* 主轴方向对齐方式 space-between 从左到右平均分布，两侧不留空隙 */
}
.zuo{width: 181px;height: 457px;background-color: #2e3646;padding:28px 21px;display:flex;flex-direction: column;gap:20px;
}
.zuo div:nth-of-type(1),
.zuo div:nth-of-type(2),
.zuo div:nth-of-type(3),
.zuo div:nth-of-type(4){width:146px;height: 56px;display: flex;justify-content: center;align-items: center;cursor: pointer;/* 光标：指针 */
}
.zuo > div:nth-of-type(3){background: linear-gradient(90deg, #3e59af, #2e3646);
}
.zhuong{padding: 35px;color:white;display:flex;flex-direction: column;justify-content: space-between;font-size:13px;
}
.zhuong h2{font-size:26px;
}
.zhuong .msg{width:600px;display:flex;gap:20px;flex-wrap: wrap;
}
.msg div:nth-of-type(1),
.msg div:nth-of-type(2),
.msg div:nth-of-type(3),
.msg div:nth-of-type(4),
.msg div:nth-of-type(5),
.msg div:nth-of-type(6),
.msg div:nth-of-type(7),
.msg div:nth-of-type(8)
{width:75px;height: 75px;border:solid 1px #666;border-radius:4px;display:flex;flex-direction: column;align-items: center;justify-content: space-evenly;
}
.msg div:nth-of-type(1) img{width:30px;height:30px;
}
.zhuong .btns{display:flex;gap: 20px;margin-top:10px;
}
.btns div:nth-of-type(1),
.btns div:nth-of-type(2){transition: .2s all;/* 过渡：2s全部； */cursor:pointer;/* 游标：指针； */width:100px;height:40px;line-height: 40px;text-align:center;/* 文本对齐：居中； */border:solid 1px #4872f6;/* 边框：实心 */border-radius:5px;/* 边框半径：5px； */background-color:white;color:#4872f6;}
.btns div:nth-of-type(1),
.btns div:nth-of-type(2):hover
{color:white;background-color:#4872f6;
}
.you{width:200px;height:100%;padding:50px;
}
.you h4{padding-left:10px;padding-bottom:50px;font-size:18px;font-weight:500;color:white;
}
.you div{display:flex;flex-wrap: wrap;gap:20px;width:200px;
}
.you div img{width:83px;height: 83px;
}.tech{padding: 90px;height: 658px;background-color:rgb(248, 248, 248);display:flex;/* 将当前的标签(容器)设置为弹性模型 弹性样式：默认从左到右进行排列 */flex-direction: column;/* 样式修改主轴方向 *//* 弹性样式的主轴方向，默认水平方向(行)row: 水平-从左到右依次排列row-reverse：水平-从右到左依次排列column:垂直-从上到下依次排列column-reverse：垂直-从下到上一次排列*/align-items: center;/* `交叉轴方向的对齐方式(start\|center\|end) */justify-content: space-between; /* 主轴方向对齐方式 space-between 从左到右平均分布，两侧不留空隙 */
}
.service{height: 734px;padding: 90px;background-color:rgb(248, 248, 248);display:flex;/* 将当前的标签(容器)设置为弹性模型 弹性样式：默认从左到右进行排列 */flex-direction: column;/* 样式修改主轴方向 *//* 弹性样式的主轴方向，默认水平方向(行)row: 水平-从左到右依次排列row-reverse：水平-从右到左依次排列column:垂直-从上到下依次排列column-reverse：垂直-从下到上一次排列*/align-items: center;/* `交叉轴方向的对齐方式(start\|center\|end) */justify-content: space-between; /* 主轴方向对齐方式 space-between 从左到右平均分布，两侧不留空隙 */
}
.service .nierong{width: 1700px;height: 334px;display:flex;/* 将当前的标签(容器)设置为弹性模型 弹性样式：默认从左到右进行排列 */flex-direction: row;/* 样式修改主轴方向 *//* 弹性样式的主轴方向，默认水平方向(行)row: 水平-从左到右依次排列row-reverse：水平-从右到左依次排列column:垂直-从上到下依次排列column-reverse：垂直-从下到上一次排列*/align-items: center;/* `交叉轴方向的对齐方式(start\|center\|end) */justify-content: space-between; /* 主轴方向对齐方式 space-between 从左到右平均分布，两侧不留空隙 */
}
.nierong .title{font-size: 21px;color: #333333;
}
.nierong .desc{font-size: 15px;color: #666666;
}
.xiaoet{height:1058px; background-color:rgb(206, 229, 243);padding: 90px;display:flex;/* 将当前的标签(容器)设置为弹性模型 弹性样式：默认从左到右进行排列 */flex-direction: column;/* 样式修改主轴方向 *//* 弹性样式的主轴方向，默认水平方向(行)row: 水平-从左到右依次排列row-reverse：水平-从右到左依次排列column:垂直-从上到下依次排列column-reverse：垂直-从下到上一次排列*/align-items: center;/* `交叉轴方向的对齐方式(start\|center\|end) */justify-content: space-between; /* 主轴方向对齐方式 space-between 从左到右平均分布，两侧不留空隙 */
}
.xiaoet .div{width: 150px;height: 20px;color: #666666}
.advisory{color: #fff;height:264px;background-color:rgb(5, 54, 249);display:flex;/* 将当前的标签(容器)设置为弹性模型 弹性样式：默认从左到右进行排列 */flex-direction: column;/* 样式修改主轴方向 *//* 弹性样式的主轴方向，默认水平方向(行)row: 水平-从左到右依次排列row-reverse：水平-从右到左依次排列column:垂直-从上到下依次排列column-reverse：垂直-从下到上一次排列*/align-items: center;/* `交叉轴方向的对齐方式(start\|center\|end) */justify-content: space-between; /* 主轴方向对齐方式 space-between 从左到右平均分布，两侧不留空隙 */
}
.message{height:721px;background-color:rgb(36, 36, 36);color: #fff;display:flex;/* 将当前的标签(容器)设置为弹性模型 弹性样式：默认从左到右进行排列 */flex-direction: column;/* 样式修改主轴方向 *//* 弹性样式的主轴方向，默认水平方向(行)row: 水平-从左到右依次排列row-reverse：水平-从右到左依次排列column:垂直-从上到下依次排列column-reverse：垂直-从下到上一次排列*/align-items: center;/* `交叉轴方向的对齐方式(start\|center\|end) */justify-content: space-between; /* 主轴方向对齐方式 space-between 从左到右平均分布，两侧不留空隙 */
}
.listo{list-style:none;background-color:white;width:725px;height:42px;border-radius:21px;display:flex;justify-content: space-evenly;
}最终效果
相关文章：
模拟开发小鹅通首页网站练习
HTML代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>小鹅通-首页</title><!-- 引入页…...
Ubuntu 下 nginx-1.24.0 源码分析 - ngx_strerror 函数
声明 ngx_strerror 函数声明在 ngx_errno.h 中： u_char *ngx_strerror(ngx_err_t err, u_char *errstr, size_t size); 实现 在 ngx_errno.c 中： u_char * ngx_strerror(ngx_err_t err, u_char *errstr, size_t size) {size_t len;const char *ms…...
第26场蓝桥入门赛
5.扑克较量【算法赛】 - 蓝桥云课 C： #include <iostream> #include <algorithm> using namespace std;int a[100005];int main() {int n,k;cin>>n>>k;for (int i1; i<n; i)cin>>a[i], a[i] % k;sort(a1, a1n);int mx a[1]k-a…...
【CAPL实战】实现弹窗提示及操作
文章目录 前言1、TestWaitForTesterConfirmation函数2、测试举例 前言 在使用CANoe进行车载通信测试的过程中，可能因为一些条件限制，我们需要在测试执行的过程中去观察一些硬件显示或者调整相关硬件状态。比如测试过程中，需要手动去调整小电…...
基于ESP32的远程开关灯控制(ESP32+舵机+Android+物联网云平台)
目录 材料环境准备物理材料软件环境 物联网平台配置（MQTT）MQTT阿里云平台配置创建产品添加设备自定义topic esp32配置接线代码 Android部分和云平台数据流转 前言：出租屋、宿舍网上关灯问题，计划弄一个智能开关以及带一点安防能力…...
协议-ACLLite-ffmpeg
是什么？ FFmpeg是一个开源的多媒体处理工具包，它集成了多种功能，包括音视频的录制、转换和流式传输处理。FFmpeg由一系列的库和工具组成，其中最核心的是libavcodec和libavformat库。 libavcodec是一个领先的音频/视频编解码器库&…...
ARM嵌入式学习--第十四天（SPI）
SPI -介绍 SPI（Serial Peripheral Interface）串行外围设备接口。是由Motorola公司开发，用来在微控制器和外围设备芯片之间提供一个低成本，易使用的接口。这样接口可以用来连接存储器、AD转换器、DA转换器、实时时钟、LCD驱动器、…...
DeepSeek-V2 论文解读：混合专家架构的新突破
论文链接：DeepSeek-V2: A Strong, Economical, and Efficient Mixture-of-Experts Language Model 目录 一、引言二、模型架构（一）多头部潜在注意力（MLA）：重塑推理效率（二）DeepSeekM…...
5分钟了解回归测试
1. 什么是回归测试（Regression Testing） 回归测试是一个系统的质量控制过程，用于验证最近对软件的更改或更新是否无意中引入了新错误或对以前的功能方面产生了负面影响（比如你在家中安装了新的空调系统，发现虽然新的空…...
路由器如何进行数据包转发？
路由器进行数据包转发的过程是网络通信的核心之一，主要涉及以下几个步骤： 接收数据包：当一个数据包到达路由器的一个接口时，它首先被暂时存储在该接口的缓冲区中。 解析目标地址：路由器会检查数据包中的目标IP地址。…...
【HarmonyOS之旅】基于ArkTS开发(三) -＞ 兼容JS的类Web开发(四) -＞ 常见组件(一)
目录 1 -> List 1.1 -> 创建List组件 1.2 -> 添加滚动条 1.3 -> 添加侧边索引栏 1.4 -> 实现列表折叠和展开 1.5 -> 场景示例 2 -> dialog 2.1 -> 创建Dialog组件 2.2 -> 设置弹窗响应 2.3 -> 场景示例 3 -> form 3.1 -> 创建…...
iOS 自动翻滚广告条（榜单条）实现方案
引言 在直播场景中，榜单信息、活动公告或者广告推广通常需要以醒目的方式展示，但由于屏幕空间有限，一次只能显示一条内容。为了让用户能够持续关注这些信息，我们可以实现一个自动翻滚的广告条（或榜单条）&a…...
TensorFlow深度学习实战（7）——分类任务详解
TensorFlow深度学习实战（7）——分类任务详解 0. 前言1. 分类任务1.1 分类任务简介1.2 分类与回归的区别 2. 逻辑回归3. 使用 TensorFlow 实现逻辑回归小结系列链接 0. 前言 分类任务 (Classification Task) 是机器学习中的一种监督学习问题，…...
动态规划问题——青蛙跳台阶案例分析
问题描述： 一只青蛙要跳上n级台阶，它每次可以跳 1级或者2级。问：青蛙有多少种不同的跳法可以跳完这些台阶？ 举个例子： 假设台阶数 n 3 ，我们来看看青蛙有多少种跳法。 可能的跳法： 1. 跳1级…...
element-ui使用el-table，保留字段前的空白
项目名称项目编号1、XXXXX1111111111111111111 1.1 XXXXX11111111111111222222222 如上表格中，实现项目名称字段1.1前空白的效果。 从JAVA返回的数据带有空白，即数据库中插入的数据带有空白。 原先写法： <el-table><el-tabl…...
kamailio中路由模块汇总
功能模块描述请求路由 (request_route)主要处理进入的SIP请求，包含初步检查、NAT检测、CANCEL请求处理、重传处理等。处理通过REQINIT、NATDETECT、RELAY等子模块的调用。CANCEL处理对CANCEL请求进行处理，包括更新对话状态并检查事务。如果事务检查通过&…...
如何使用 DeepSeek 搭建本地知识库
使用 DeepSeek 搭建本地知识库可以帮助您高效管理和检索本地文档、数据或知识资源。以下是详细的步骤指南： 1. 准备工作 (1) 安装 DeepSeek 确保您的系统已安装 Python 3.8 或更高版本。使用 pip 安装 DeepSeek： bash pip install deepseek (2) 准备…...
网络HTTP详细讲解
学习目标 什么是HTTPHTTP的请求和响应常见的HTTP状态码HTTP的安全性 什么是HTTP？HTTP的请求和响应，常见的HTTP状态码，HTTP的安全性 什么是HTTP HTTP（HyperText Transfer Protocol，超文本传输协议）是一种用…...
《Origin画百图》之边际分布曲线图
《Origin画百图》第六集——边际分布曲线图 入门操作可看《30秒，带你入门Origin》 边际分布曲线图，其中包含散点图形，而在图的边际有着分布曲线图。在比较数据以查看多个变量之间是否存在关系时非常有用。 1.数据准备：为多列XY数…...
【Milvus】向量数据库pymilvus使用教程
以下是根据 Milvus 官方文档整理的详细 PyMilvus 使用教程，基于 Milvus 2.5.x 版本： PyMilvus 使用教程 目录 安装与环境准备连接 Milvus 服务数据模型基础概念创建集合（Collection）插入数据创建索引向量搜索删除操作完整示例注…...
后进先出（LIFO）详解
LIFO 是 Last In, First Out 的缩写，中文译为后进先出。这是一种数据结构的工作原则，类似于一摞盘子或一叠书本： 最后放进去的元素最先出来 -想象往筒状容器里放盘子： （1）你放进的最后一个盘子（…...
RocketMQ延迟消息机制
两种延迟消息 RocketMQ中提供了两种延迟消息机制 指定固定的延迟级别 通过在Message中设定一个MessageDelayLevel参数，对应18个预设的延迟级别指定时间点的延迟级别 通过在Message中设定一个DeliverTimeMS指定一个Long类型表示的具体时间点。到了时间点后…...
K8S认证|CKS题库+答案| 11. AppArmor
目录 11. AppArmor 免费获取并激活 CKA_v1.31_模拟系统 题目 开始操作： 1）、切换集群 2）、切换节点 3）、切换到 apparmor 的目录 4）、执行 apparmor 策略模块 5）、修改 pod 文件 6）、…...
智慧工地云平台源码，基于微服务架构+Java+Spring Cloud +UniApp +MySql
智慧工地管理云平台系统，智慧工地全套源码，java版智慧工地源码，支持PC端、大屏端、移动端。 智慧工地聚焦建筑行业的市场需求，提供“平台网络终端”的整体解决方案，提供劳务管理、视频管理、智能监测、绿色施工、安全管…...
CMake基础：构建流程详解
目录 1.CMake构建过程的基本流程 2.CMake构建的具体步骤 2.1.创建构建目录 2.2.使用 CMake 生成构建文件 2.3.编译和构建 2.4.清理构建文件 2.5.重新配置和构建 3.跨平台构建示例 4.工具链与交叉编译 5.CMake构建后的项目结构解析 5.1.CMake构建后的目录结构 5.2.构…...
Opencv中的addweighted函数
一.addweighted函数作用 addweighted（）是OpenCV库中用于图像处理的函数，主要功能是将两个输入图像（尺寸和类型相同）按照指定的权重进行加权叠加（图像融合），并添加一个标量值&#x…...
CRMEB 框架中 PHP 上传扩展开发：涵盖本地上传及阿里云 OSS、腾讯云 COS、七牛云
目前已有本地上传、阿里云OSS上传、腾讯云COS上传、七牛云上传扩展 扩展入口文件 文件目录 crmeb\services\upload\Upload.php namespace crmeb\services\upload;use crmeb\basic\BaseManager; use think\facade\Config;/*** Class Upload* package crmeb\services\upload* …...
SQL慢可能是触发了ring buffer
简介 最近在进行 postgresql 性能排查的时候，发现 PG 在某一个时间并行执行的 SQL 变得特别慢。最后通过监控监观察到并行发起得时间 buffers_alloc 就急速上升，且低水位伴随在整个慢 SQL，一直是 buferIO 的等待事件，此时也没有其他会话的争抢。SQL 虽然不是高效 SQL ，但…...
scikit-learn机器学习
# 同时添加如下代码, 这样每次环境(kernel)启动的时候只要运行下方代码即可: # Also add the following code, # so that every time the environment (kernel) starts, # just run the following code: import sys sys.path.append(/home/aistudio/external-libraries)机…...
iview框架主题色的应用
1.下载 less要使用3.0.0以下的版本 npm install less2.7.3 npm install less-loader4.0.52./src/config/theme.js文件 module.exports {yellow: {theme-color: #FDCE04},blue: {theme-color: #547CE7} }在sass中使用theme配置的颜色主题，无需引入，直接可…...