大一学生《Web编程基础》期末网页制作 HTML+CSS+JavaScript 企业网页设计实例

news2024/11/25 4:24:39

🎉精彩专栏推荐 💭文末获取联系
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
💂 作者主页: 【主页——🚀获取更多优质源码】
🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (1000套) 】
🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】
🌎超炫酷的Echarts大屏可视化源码：【🔰 Echarts大屏展示大数据平台可视化(150套) 】
🔖 HTML+CSS+JS实例代码： 【🗂️HTML+CSS+JS实例代码 (炫酷特效网页代码) 继续更新中…】
🎁 免费且实用的WEB前端学习指南： 【📂web前端零基础到高级学习视频教程 120G干货分享】
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！

📂文章目录

  • 一、👨‍🎓网站题目
  • 二、✍️网站描述
  • 三、📚网站介绍
  • 四、🌐网站演示
  • 五、⚙️ 网站代码
    • 🧱HTML结构代码
    • 💒CSS样式代码
  • 六、🥇 如何让学习不再盲目
  • 七、🎁更多干货

一、👨‍🎓网站题目

💄美妆介绍、👜美妆分享、👒 品牌化妆品官网网站 、等网站的设计与制作。

二、✍️网站描述

🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)

  1. 页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。
  2. 所有页面相互超链接，可到三级页面，有5-10个页面组成。
  3. 页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。
  4. 菜单美观、醒目，二级菜单可正常弹出与跳转。
  5. 要有JS特效，如定时切换和手动切换图片轮播。
  6. 页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。
  7. 页面清爽、美观、大方，不雷同。 。
  8. 不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。

三、📚网站介绍

📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。

📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

📙网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）📜html文件包含：其中index.html是首页、其他html为二级页面；
（2）📑 css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3）📄 js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。

四、🌐网站演示

在这里插入图片描述

五、⚙️ 网站代码

🧱HTML结构代码




<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>曼谷科技</title>
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<div class="top">
		<div class="width clearfix">
			<form class="right biaoge" action="shuju.html" method="post">
				<input class="search1 left" type="text" name="搜索" value="搜索...">
				<input class="search2 right" type="submit" name="提交" value="   ">
			</form>
			<a href="###"><img class="right" src="picture/weixin0.png"></a>
			<a href="###"><img class="right" src="picture/weibo.png"></a>
		</div>
	</div>
	<div class="nav width clearfix">
		<h1><img src="picture/logo.png"></h1>
		<ul>
			<li><a href="###" class="act">网站首页</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="main .bgcolor1">
		<div class="banner">
			<div class="dingwei">
				<div class="aa a1">
					<div class="bb b1">
						<div class="bb b2">
							<div class="bb b3"></div>
						</div>
					</div>
				</div>
				<div class="aa a2">
					<div class="bb b1">
						<div class="bb b2">
							<div class="bb b3"></div>
						</div>
					</div>
				</div>
				<div class="aa a3">
					<div class="bb b1">
						<div class="bb b2">
							<div class="bb b3"></div>
						</div>
					</div>
				</div>
				<div class="aa a4">
					<div class="bb b1">
						<div class="bb b2">
							<div class="bb b3"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="main1">
			<div class="prodoctus clearfix width">
				<div class="prod">
					<div class="icon i1"></div>
					<p>物联网手持终端</p>
				</div>
				<div class="prod">
					<div class="icon i2"></div>
					<p>物联网手持终端</p>
				</div>
				<div class="prod p3">
					<div class="icon i3"></div>
					<p>物联网手持终端</p>
				</div>
			</div>
		</div>
		<div class="main2">
			<div class="jjfz width">
				<div class="title clearfix">
					<h2>解决方案<span>SOLUTIONS</span></h2>
					<div class="bg"></div>
				</div>
				<div class="jjfa_main clearfix">
					<div class="mulu left">
						<div class="wenzi jt left">交通行业</div>
						<div class="content left">
							<div class="content_left left"><img src="picture/img1.png"></div>
							<div class="content_right left">
								<ul>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="mulu left">
						<div class="wenzi sf left">司法行业</div>
						<div class="content left">
							<div class="content_left left"><img src="picture/img1.png"></div>
							<div class="content_right left">
								<ul>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="mulu left">
						<div class="wenzi zf left">政府相关企业</div>
						<div class="content left">
							<div class="content_left left"><img src="picture/img1.png"></div>
							<div class="content_right left">
								<ul>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="mulu left">
						<div class="wenzi qt left">其他行业</div>
						<div class="content left">
							<div class="content_left left"><img src="picture/img1.png"></div>
							<div class="content_right left">
								<ul>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
									<li><a href="###">军用物资组套仓储管理系统</a>[2017-04-17]</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="main3">
			<div class="news width">
					<div class="title clearfix">
					<h2>新闻动态<span>NEWS</span></h2>
					<div class="bg"></div>
				</div>
				<div class="news_main clearfix">
					<div class="yinying"><div></div></div>
					<ul class="clearfix left">
						<li class="one">
							<a href="###"><h3>青岛量谷无线科技有限公司（简称量谷科技）</h3></a>
							<p>公司秉承引领前沿信息、创新突破，自强务实的企业理念，不断地吸收借鉴国外先进技术并积极开展自主创新的研究。</p>
						</li>
						<li>
							<a href="###"><h3>青岛量谷无线科技有限公司（简称量谷科技）</h3></a>
							<p>公司秉承引领前沿信息、创新突破，自强务实的企业理念，不断地吸收借鉴国外先进技术并积极开展自主创新的研究。</p>
						</li>
						<li>
							<a href="###"><h3>青岛量谷无线科技有限公司（简称量谷科技）</h3></a>
							<p>公司秉承引领前沿信息、创新突破，自强务实的企业理念，不断地吸收借鉴国外先进技术并积极开展自主创新的研究。</p>
						</li>
					</ul>
					<ul class="clearfix left right_ul">
						<li class="one">
							<a href="###"><h3>青岛量谷无线科技有限公司（简称量谷科技）</h3></a>
							<p>公司秉承引领前沿信息、创新突破，自强务实的企业理念，不断地吸收借鉴国外先进技术并积极开展自主创新的研究。</p>
						</li>
						<li>
							<a href="###"><h3>青岛量谷无线科技有限公司（简称量谷科技）</h3></a>
							<p>公司秉承引领前沿信息、创新突破，自强务实的企业理念，不断地吸收借鉴国外先进技术并积极开展自主创新的研究。</p>
						</li>
						<li>
							<a href="###"><h3>青岛量谷无线科技有限公司（简称量谷科技）</h3></a>
							<p>公司秉承引领前沿信息、创新突破，自强务实的企业理念，不断地吸收借鉴国外先进技术并积极开展自主创新的研究。</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="main4 clearfix">
			<div class="hzhb width">
				<div class="title clearfix">
					<h2>合作伙伴<span>PARTNERS</span></h2>
					<div class="bg"></div>
					</div>
					<div class="hzhb_main clearfix">
						<a href="###"><img src="picture/hzhb1.png" alt="tupian1"></a>
						<a href="###"><img src="picture/hzhb2.png" alt="tupian2"></a>
						<a href="###"><img src="picture/hzhb3.png" alt="tupian3"></a>
						<a href="###"><img src="picture/hzhb4.png" alt="tupian4"></a>
						<a class="last" href="###"><img src="picture/hzhb5.png" alt="tupian5"></a>
					</div>
				
			</div>
		</div>
	</div>
	<div class="footer clearfix">
		<div class="list width clearfix">
			<ul>
			<li class="first"><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>
		<ul>
			<li class="first"><a href="###">技术与服务</a></li>
			<li><a href="###">技术支持</a></li>
			<li><a href="###">售后服务</a></li>
		</ul>
		<ul>
			<li class="first"><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>
		<ul class="last_ul">
			<li class="first"><a href="###">联系方式</a></li>
			<li class="sec"><a href="###">电话：0532-83887966 / 83887967</a></li>
			<li class="thi"><a href="###">邮箱：Services@langcoo.com</a></li>
			<li class="four"><a href="###">微信：青岛量谷无线科技</a></li>
		</ul>
		</div>
		<div class="xian"></div>
		<div class="lianjie width">
			<p><span>友情链接：</span><a href="###">物联中国</a><a href="###">物联网世界</a><a href="###">青岛市江苏商会</a><a href="###">青岛物联网协会</a></p>
		</div>
	</div>
	<div class="bottom">
		<p>&copy; 2021 版权所有 青岛量谷无线科技有限公司 Qingdao Langcoo Wireless Technologies Co.,Ltd 地址：青岛市市南区芝泉路6号        电话：0755-83316336 </p>
	</div>
</body>
</html>

💒CSS样式代码




body,ul, li, div, h1, h2, h3, form, input, img, p, span, a {
	margin: 0;
	padding: 0;
	font-family: '宋体';
	color: #000;
	text-decoration: none;
}
ul , li {
	list-style: none;
}
img {
	display: block;
}
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.width {
	width: 1000px;
	margin: 0 auto;
}
.top {
	background: url('../image/dian_b.png');
}
.top .width {
	text-align: right;
	height: 40px;
}
.top img {
	padding-left: 14px;
	padding-top: 12px;
}
.biaoge {
	width: 183px;
	margin-top: 5px;
	margin-left: 23px;
	border-bottom: 2px solid #FFB243;
	display: table-cell;
	vertical-align: middle;
}
input {
	background: transparent;
	border: none;
	outline: none;
	color: #9d9ea0;
	line-height: 30px;
	font-size: 12px;
}
.search1 {
	padding-left: 6px;
	width: 159px;
	height: 30px;
	vertical-align: middle;
}
.search2 {
	width: 18px;
	background: url('../image/sousuo.png') no-repeat left;
	cursor: pointer;
}
.nav {
	height: 100px;
}
.nav h1 {
	padding-top: 24px;
	width: 251px;
	height: 76px;
	float: left;
	/* vertical-align: middle;
	margin: auto 0px; */
}
.nav ul {
	float: left;
	height: 100px;
	/* padding-left: 251px; */
	width: 749px;
	/* background: url('../images/logo.png') no-repeat left 24px; */
}
.nav li a {
	display: block;
	float: left;
	width: 105px;
	text-align: center;
	font-family: '微软雅黑';
	line-height: 100px;
	font-size: 16px;
}
.nav li a:hover ,.act {
	background: #2361AD url('../image/arr1.png') no-repeat center bottom;
	color: #fff;
}
.banner {
	background: #000 url('../image/banner.png') no-repeat center 0px;
	height: 455px;
	/* background-size: 100% 455px; */
	position: relative;
}
.dingwei {
	position: absolute;
	width: 265px;
	height: 258px;
	background: #fff;
	top: 50px;
	left: 50%;
	margin-left: 82px;
}
.aa {
	width: 114px;
	height: 120px;
	background: #2361AD;
	position: absolute;
	padding-left: 15px;
	padding-bottom: 6px;
}
.a1 {
	top: 0px;
	left: 0px;
}
.a2 {
	top: 0px;
	right: 0px;
}
.a3 {
	bottom: 0px;
	left: 0px;
}
.a4 {
	bottom: 0px;
	right: 0px;
}

.news_main ul li p {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 10px;
}
.news_main .right_ul {
	padding-right: 0;
}
.yinying {
	overflow: hidden;
	width: 20px;
	height: 400px;
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -20px;
}
.yinying div {
	width: 50px;
	height: 400px;
	position: absolute;
	top: 0px;
	left: 100%;
	border-radius: 50%;
	background: transparent;
	box-shadow: 4px 0px 20px #000;
}
.main4 {
	border-bottom: 1px solid #E7E7E7;
}
.hzhb_main a {
	margin-bottom: 35px;
	margin-right: 71px;
	border: 1px solid #C0C0C0;
	float: left;
}
.hzhb_main .last {
	margin-right: 0px;
}
.footer {
	padding-top: 20px;
	background: #F6F6F6 url('../image/dian_b_1.png');
}
.footer ul {
	margin-right: 154px;
	float: left;
	margin-bottom: 18px;
}
.footer .last_ul {
	margin-right: 0px;
}
.list li {
	line-height: 30px;
	font-size: 12px;

}
.list .first {
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 11px;
	font-weight: bold;
}
.last_ul li {
	padding-left: 22px;
	background: url('../image/phone.png') no-repeat left;
}
.last_ul .first {
	background: none;
}
.last_ul .sec {
	background: url('../image/phone.png') no-repeat left;
}
.last_ul .thi {
	background: url('../image/email.png') no-repeat left;
}
.last_ul four {
	background: url('../image/weixin.png') no-repeat left;
}
.last_ul .first {
	padding-left: 0px;
}
.xian {
	border-color: #E7E7E7 #E7E7E7 #fff #fff;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
}
.lianjie p span {
	display: inline-block;
	font-size: 18px;
	line-height: 18px;
	padding-top: 18px;
	padding-bottom: 38px;
	font-weight: bold;
}
.lianjie p a {
	font-size: 12px;
	margin-right: 15px;
}
.bottom {
	border-top: 1px solid #fff;
	text-align: center;
	height: 65px;
	background: url('../image/dian_b.png');
}
.bottom p {
	display: block;
	color: #9F9F9F;
	padding-top: 27px;
}

六、🥇 如何让学习不再盲目

第一、带着目标去学习，无论看书报课还是各种线下活动。
首先要明确自己的学习目标是什么，是想解决什么问题，实现怎样的目标。

第二、学习要建立个人知识体系
知识是学不完的，书籍是浩如烟海的。我们尽情徜徉其中的时候，千万不要被海水淹死，没有自我了。在学习过程中，我们会发现每一个知识点都是有她的边界和背景的，我们要善于归纳整理知识

第三、学到了就要用到

有时，我们一天下来感觉学到了很多干货，那么我们一定要将这些知识点和实际工作和生活联系起来。知识和实践相互联系靠拢。爱学习是一件好事，但只有会学习的人，才有价值。

七、🎁更多干货

1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！

2.💗【👇🏻👇🏻👇🏻关注我| 💬获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！

3.

以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻💬

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/4656.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【紧急情况】：回宿舍放下书包的我，花了20分钟敲了一个抢购脚本

【紧急情况】：回宿舍放下书包的我，花了20分钟敲了一个抢购脚本

文章目录情况紧急 ⁉️抢❗️抢❗️抢❗️开抢时间说明&#x1f4a8;开抢过程&#x1f4a5;Get_cookie.py开抢结束语&#x1f631;情况紧急 ⁉️ 不管你信不信&#xff0c;这就是俺刚瞧出的代码&#xff01;&#xff01;&#xff01; 现在离20&#xff1a;00还有38分钟&#xf…
阅读更多...
持久与速度 鱼和熊掌 MySQL怎么去兼得

持久与速度 鱼和熊掌 MySQL怎么去兼得

前言 我们都知道 MySQL 有一个特性就是持久化储存到磁盘中 我们存进去就要取出来这也是MySQL的速度为什么比不上Redis。但是MySQL 并不是完全就摆烂每次都进行 Select update 的时候都重新去磁盘IO 这样MySQL肯定会更慢 速度快 和 持久化 MySQL 表示我都要 但是两者都要肯定没…
阅读更多...
Chapter7.4：线性离散系统的分析与校正考研参考题

Chapter7.4：线性离散系统的分析与校正考研参考题

此系列属于胡寿松《自动控制原理题海与考研指导》(第三版)习题精选&#xff0c;仅包含部分经典习题&#xff0c;需要完整版习题答案请自行查找&#xff0c;本系列属于知识点巩固部分&#xff0c;搭配如下几个系列进行学习&#xff0c;可用于期末考试和考研复习。 自动控制原理(…
阅读更多...
台式万用表究竟如何选型？手持式和台式选择哪一个？

台式万用表究竟如何选型？手持式和台式选择哪一个？

数字万用表是一种多用途的电子测量仪器&#xff0c;有各种各样的形状和规格&#xff0c;可能要超过任何其他仪器品类&#xff0c;比较常见的就是手持和台式万用表了&#xff0c;那么在选型时选择手持式还是台式万用表呢?今天安泰测试就给大家分享一下&#xff1a; 手持式数字万…
阅读更多...
充分复用离线空闲算力，降低了实时计算资源开支

充分复用离线空闲算力，降低了实时计算资源开支

针对提供下游数据报表展示的场景&#xff0c;一般需要走预计算的流程将结果持久化下来&#xff0c;对数据就绪和计算耗时的敏感度都较高&#xff0c;而且查询逻辑相对复杂&#xff0c;Trino/Impala 集群规模相对较小&#xff0c;执行容易失败&#xff0c;导致稳定性欠佳。这个场…
阅读更多...
Linux系统中标准输入设备的控制实现

Linux系统中标准输入设备的控制实现

大家好&#xff0c;今天主要和大家聊一聊&#xff0c;如何使用标准输入设备&#xff0c;进行控制信息的识别。 目录 第一&#xff1a;按键应用编程方法 第二&#xff1a;单点触摸应用程序实现 ​第三&#xff1a;多点触摸应用程序实现 第一&#xff1a;按键应用编程方法 编写…
阅读更多...
java 实现删除单链表中所有指定的结点以及如何清空单链表

java 实现删除单链表中所有指定的结点以及如何清空单链表

文章目录1. 删除单链表中的所有的指定结点1.1 删除思路1.2 删除步骤1.2.1 删除结点不是头结点1.2.2 删除的结点是头结点的情况1.3 部分代码思路分析1.4 整体代码演示2. 清空单链表1. 删除单链表中的所有的指定结点 1.1 删除思路 定义一个 cur 来代替 head 遍历单链表。遇到指…
阅读更多...
Python检测和防御DOS攻击

Python检测和防御DOS攻击

目录 ​编辑 一、在CentOS上安装Python3 1.下载Python3.10源代码文件 2.运行以下命令行完成安装 3.确认是否安装成功 二、理解各个命令的含义 1.uptime 2.netstat 3.ss 4.firewall-cmd 5.sysctl 三、利用Python实现DDOS入侵检测 1.采集TCP连接数据 一、在CentOS上安…
阅读更多...
生态系统服务——水源涵养水源涵养分布

生态系统服务——水源涵养水源涵养分布

水源涵养&#xff0c;是指养护水资源的举措。一般可以通过恢复植被、建设水源涵养区达到控制土壤沙化、降低水土流失的目的。 水源涵养数据是地理遥感生态网平台通过水量平衡方程&#xff08;The Water Balance Equation&#xff09;计算&#xff08;式29&#xff09;。水量平衡…
阅读更多...
http://localhost:8080打不开/shutup.bat命令行闪退

http://localhost:8080打不开/shutup.bat命令行闪退

前言&#xff1a;学过一阵java web后从头学起&#xff0c;发现http://localhost:8080打不开&#xff0c;双击shutup.bat闪退 http://localhost:8080打不开 一、tomcat 未启动&#xff0c;所以http://localhost:8080打不开&#xff1b; 二、tomcat图标显示已启动&#xff0c;但…
阅读更多...
计算机毕业设计SSM草海帮帮帮【附源码数据库】

计算机毕业设计SSM草海帮帮帮【附源码数据库】

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…
阅读更多...
5G无线技术基础自学系列 | 无线帧结构

5G无线技术基础自学系列 | 无线帧结构

素材来源&#xff1a;《5G无线网络优化实践》 一边学习一边整理内容&#xff0c;并与大家分享&#xff0c;侵权即删&#xff0c;谢谢支持&#xff01; 附上汇总贴&#xff1a;5G无线技术基础自学系列 | 汇总_COCOgsta的博客-CSDN博客 1.3.1 基本时间单位 NR物理层的基本时间…
阅读更多...
R语言绘制瑞利分布和指数分布，并为瑞利分布着不同色

R语言绘制瑞利分布和指数分布，并为瑞利分布着不同色

从概率论和统计学角度看&#xff0c;Weibull Distribution是连续性的概率分布&#xff0c;其概率密度为&#xff1a; 其中&#xff0c;x是随机变量&#xff0c;λ>0是比例参数&#xff08;scale parameter&#xff09;&#xff0c;k>0是形状参数&#xff08;shape para…
阅读更多...
python sympy求多元函数的梯度、Hessian矩阵

python sympy求多元函数的梯度、Hessian矩阵

1 求梯度 sympy实际上提供了求梯度的方法&#xff0c;但个人认为不是很直观&#xff0c;求出的是∂f∂xi⃗∂f∂yj⃗∂f∂zk⃗\frac{\partial f}{\partial x} \vec {i}\frac{\partial f}{\partial y} \vec {j}\frac{\partial f}{\partial z}\vec {k}∂x∂f​i∂y∂f​j​∂z∂…
阅读更多...
java计算机毕业设计springboot+vue股票交易模拟系统

java计算机毕业设计springboot+vue股票交易模拟系统

项目介绍 股票交易模拟系统是针对目前股票交易模拟管理的实际需求&#xff0c;从实际工作出发&#xff0c;对过去的股票交易模拟管理系统存在的问题进行分析&#xff0c;完善客户的使用体会。采用计算机系统来管理信息&#xff0c;取代人工管理模式&#xff0c;查询便利&#…
阅读更多...
eCal 基础安装和使用

eCal 基础安装和使用

参考文章&#xff1a; 自动驾驶通信中间件ecal源码分析—1. 什么是ecal 1、安装 使用官网提供的指令安装 主要参考官网进行安装&#xff0c; https://eclipse-ecal.github.io/ecal/index.html 主要这里兼容的主要系统&#xff1a; Ubuntu 18.04 Ubuntu 20.04 Ubuntu 22.04 这…
阅读更多...
[附源码]java毕业设计8号体育用品销售及转卖系统

[附源码]java毕业设计8号体育用品销售及转卖系统

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…
阅读更多...
搜索服从幂律分布的网络 论文阅读

搜索服从幂律分布的网络 论文阅读

一、定义 1、幂律分布网络定义&#xff1a; 大部分通信网络和社会网络都具有幂律分布的特点&#xff0c;也即度数高的节点的数量少&#xff0c;度数低节点的数量多。 2、数学推导&#xff1a; 对于指数为τ、最小度数为k 1、在mkmaxm k_{max}mkmax​处有突变截止点的幂律分…
阅读更多...
LeetCode链表练习（上）

LeetCode链表练习（上）

文章目录前言1.反转链表1.题目分析2.代码示例2.力扣203. 移除链表元素1.题目分析2.代码示例3.力扣876. 链表的中间结点1.题目分析2.代码示例4.链表倒数第k个节点1.题目分析2.代码示例5.总结前言 之前介绍了链表的实现&#xff0c;为了更好巩固所学的知识&#xff0c;刷题是很有…
阅读更多...
【路径规划】局部路径规划算法——DWA算法（动态窗口法）|（含python实现）

【路径规划】局部路径规划算法——DWA算法（动态窗口法）|（含python实现）

文章目录参考资料1. DWA算法原理1.1 简介1.2 算法原理1. 速度采样2. 轨迹预测&#xff08;轨迹推算&#xff09;3. 轨迹评价2. Python实现2.1 参数配置2.2 机器人运动学模型2.3 DWA算法类实现2.4 画图2.5 主函数3. 总结参考资料 The Dynamic Window Approach to Collision Avo…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023