大一学生《Web编程基础》期末网页制作 基于HTML+CSS+JavaScript响应式个人主页相册介绍模板

news2024/12/25 0:13:38

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


📂文章目录

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


一、👨‍🎓网站题目

🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。


二、✍️网站描述

⭐个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构,制作了网页背景图片,导航区域每个导航背景色不同,导航背景色与页面背景呼应。

🏅 一套A+的网页应该包含 (具体可根据个人要求而定)

  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="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<title>Born to love</title>
	<!-- 滑动插件库 -->
	<link rel="stylesheet" type="text/css" href="css/animate.css">
	<!-- bootstrap -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- 自己的样式 -->
	<link rel="stylesheet" href="css/style.css">
	<!-- 公共样式 -->
	<link rel="stylesheet" href="css/reset.css">
</head>
<body>

	<header id="header" class="header">
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<a href="index.html" class="navbar-brand logo hidden-xs">
						<img src="images/logo.png" alt="logo" class="img-responsive">
					</a>
					<a href="index.html" class="navbar-brand logo hidden-md hidden-sm hidden-lg">Born to love</a>
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<div class="collapse navbar-collapse" id="navbar-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li class=""><a href="index.html">首页</a></li>
						<li><a href="team.html">火星成员</a></li>
						<li><a href="activity.html">华家有一子</a></li>
						<li><a href="us.html">联系我们</a></li>
						<li><a href="login.html">登录</a></li>
						<li><a href="register.html">注册</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</header>

	<section>
		<div id="myCarousel" class="carousel slide wow fadeInDown">
			<ul class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ul>
			<div class="carousel-inner">
				<div class="item active">
					<img src="images/lunbo2.jpg" alt="第一张" class="img-responsive">
				</div>
				<div class="item">
					<img src="images/lunbo3.jpg" alt="第二张" class="img-responsive">
				</div>
				<div class="item">
					<img src="images/lunbo1.jpg" alt="第三张" class="img-responsive">
				</div>
			</div>
			<a href="#myCarousel" data-slide="prev" class="carousel-control left">
				<span class="glyphicon glyphicon-chevron-left"></span>
			</a>
			<a href="#myCarousel" data-slide="next" class="carousel-control right">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</a>
		</div>
	</section>


	<section id="welcome">
		<div class="container">
			<div class="col-md-12">
				<div class="welcome-title text-center wow fadeInDown">
					<h2>Born to Love</h2>
					<p>Welcome  Home</p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 wow fadeInLeft col-sm-6">
					<div class="li">
						<a href="#" class="pull-left">
							<img src="images/Welcome06.jpg" alt="bg" class="img-responsive">
						</a>
						<div class="media-body">
							<h3>It's   Not   Ending</h3>
							<p>关于家,不会有结尾</p>
							<p>因为一切都才刚刚开始</p>
							<p>但是,故事总会说再见</p>
							<p>希望家一直都在,家里的人一直都好</p>
						</div>
					</div>
				</div>
				<div class="col-md-6 wow fadeInRight col-sm-6" data-wow-delay="0.2s" >
					<div class="li">
						<a href="#" class="pull-left">
							<img src="images/Welcome01.png" alt="bg" class="img-responsive">
						</a>
						<div class="media-body">
							<h3>Welcome  Home</h3>
							<p>我们都是素不相识的陌生人</p>
							<p>都默默地在各自的轨道上无声的运行着</p>
							<p> 好像永不会相交的平行线</p>
							<p>但奇妙的命运让我们在这里相聚</p>
							<p>成为朋友,成为家人</p>
						</div>
					</div>
				</div>

				<div class="col-md-6 wow fadeInLeft col-sm-6">
					<div class="li">
						<a href="#" class="pull-left">
							<img src="images/Welcome03.jpg" alt="bg" class="img-responsive">
						</a>
						<div class="media-body">
							<h3>BORN  TO  LOVE</h3>
							<p>我们脚下站着每一寸土地,都来自火星</p>
							<p>都来自我们共同的家</p>
							<p>家里的一切都很好</p>
						</p>
					</div>
				</div>
			</div>

			<div class="col-md-6 wow fadeInRight col-sm-6" data-wow-delay="0.2s">
				<div class="li">
					<a href="#" class="pull-left">
						<img src="images/Welcome02.jpg" alt="bg" class="img-responsive">
					</a>
					<div class="media-body">
						<h3>To  Be  Myself</h3>
						<p>在家里,我们没有条条框框的约束</p>
						<p>没有一个“好孩子”“好父母”“好老板”的标签</p>
						<p>不会被别人随便定义</p>
						<p>也不会随便地定义别人</p>
						<p>我们所做的事都是建立在善良的基础上</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section id="team">
	<div class="container">
		<div class="col-md-12">
			<div class="huoxin-title wow slideInLeft">
				<h2>火星成员</h2>
			</div>
		</div>
		<div class="row">
			<div class="time">
				<div class="col-md-4 wow zoomInRight col-sm-6">
					<div class="thumbnail thm">
						<img src="images/1.jpg" alt="头像">
						<a href="#"><h2>PrePre</h2></a>
						<span>It is a lovely cat </span>
						<p>只为了更好遇见 才赋予了距离和时间 今天 值得等待</p>
					</div>
				</div>
				<div class="col-md-4 wow zoomInUp col-sm-6">
					<div class="thumbnail thm">
						<img src="images/2.jpg" alt="头像">
						<a href="#"><h2>黑煤球</h2></a>
						<span>A group of lovely and inflated Fairies</span>
						<p>当你面对困惑时 它会告诉你 你就是你 最好的你</p>
					</div>
				</div>
				<div class="col-md-4 wow zoomInLeft col-sm-6">
					<div class="thumbnail thm">
						<img src="images/3.jpg" alt="头像">
						<a href="#"><h2>火星鼠</h2></a>
						<span>A lovely mouse</span>
						<p>它挺爱笑 只是 有时 会失落和悲伤</p>
					</div>
				</div>
				<div class="hidden-md wow zoomInLeft col-sm-6 hidden-lg hidden-xs">
					<div class="thumbnail thm">
						<img src="images/5.jpg" alt="头像">
						<a href="#"><h2>火星鼠</h2></a>
						<span>nubmer one</span>
						<p>你就是你 唯一的你</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>


<!-- 华家有一子 -->
<section id="activity">
	<div class="container">
		<div class="col-md-12">
			<div class="title wow slideInLeft">
				<h2>华家有一子</h2>
				<p>我并不是什么天才,我只是比别人学的要早</p>
			</div>
		</div>
		<div class="row">
			<div class="events-bottom">
				<div class="col-md-6 event-left wow zoomIn">
					<div class="col-md-6 event-right wow zoomIn">
						<div class="e-2">
							<a href=""><img src="images/tuan3.jpeg" alt="" >
								<h4>我与你 际缘而遇 于是你 因爱而生</h4>
							</a>
						</div>
					</div>
					<div class="col-md-6 event-right wow zoomIn">
						<div class="e-2">
							<a href=""><img src="images/tuan1.jpg" alt="" >
								<h4>保持酷与独立 或享受寂寞</h4>
							</a>
						</div>
					</div>
					<img src="images/tuan5.jpg" alt="" >
					<div class="event">
						<a href=""><h4>华晨宇</h4></a>
						<p>华晨宇,1990年2月7日生于湖北省十堰市,中国内地男歌手、作曲人,毕业于武汉音乐学院。2013年参加湖南卫视《快乐男声》获年度总冠军出道。2014年1月首登央视春晚舞台;同年4月参加户外真人秀节目《花儿与少年》;9月6日-7日在北京万事达中心连开两场“火星”演唱会,随后发行首张个人专辑《卡西莫多的礼物》,并凭此专辑获2015QQ音乐年度最佳内地男歌手及第十五届音乐风云榜年度最受欢迎男歌手等奖项。</p>
					</div>
					
				</div>
				<div class="col-md-6">
					<div class="col-md-6 event-right wow zoomIn">
						<div class="e-2 wow zoomIn">
							<a href=""><img src="images/tuan2.jpg" alt="" >
								<h4>感受爱与自由 或 活出真我</h4>
							</a>
						</div>
					</div>
					<div class="col-md-6 event-right wow zoomIn">
						<div class="e-2 wow zoomIn">
							<a href=""><img src="images/tuan4.jpg" alt="" >
								<h4>愿你能触摸火星晨 接触新世界</h4>
							</a>
						</div>
					</div>
					<div class="col-md-12">
						<a href=""><img src="images/tuan6.jpg" alt="" class="img-responsive"></a>
						<div class="event">
							<a href=""><h4>华晨宇</h4></a>
							<p>2016年9月27日出席亚洲新歌榜2016年度盛典,揽获最佳男歌手奖;同年10月加盟东方卫视《天籁之战》;同年12月2日获2016MAMA亚洲最佳艺人奖。2017年3月14日发行专辑《H》;同年6月,参加旅行真人秀《旅途的花样》。2018年2月参加湖南卫视《歌手2018》,获总决赛亚军   ;同年9月8日-9日在鸟巢体育场连开两场2018火星演唱会 。2019年11月15日-17日在海口五源河体育场连开3场2019火星演唱会  。</p>
						</div>
					</div>
				</div>

				<div class="clearfix"></div>
			</div>
		</div>
	</div>
</section>



<section id="we">
	<div class="container">
		<div class="col-md-12">
			<div class="title1 wow slideInLeft">
				<h2>联系我们</h2>
			</div>
		</div>
		<div class="row">
			<div class="col-md-10 col-md-offset-1" >
				<form  method="get" >
					<div class="form-group wow fadeInRight form-height">
						<input type="text" class="form-control form-control-white" placeholder="name" value="" required>
					</div>
					<div class="form-group wow fadeInLeft form-height">
						<input type="text" class="form-control form-control-white" placeholder="call" value="" required>
					</div>
					<div class="form-group wow fadeInRight form-height">
						<input type="email" class="form-control form-control-white" placeholder="Email" value="" required>
					</div>
					<div class="form-group wow fadeInLeft">
						<textarea class="form-control form-control-white" placeholder="请留言..." required rows="5"></textarea>
					</div>
					<div  class="form-group wow fadeInLeft form-height">
						<button type="submit" class="btn btn-default btn-lg" required>提交信息</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
</section>

<footer id="footer">
	<div class="container">
		<div class="row">
			<div class="footer-top wow wobble">
				<div class="col-md-4 footer-left col-sm-4">
					<span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
					<p>
						<label>联系地址</label>
						火星空间站
					</p>
				</div>
				<div class="col-md-4 footer-left col-sm-4">
					<span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
					<p><label>联系电话</label>
					ETHCY317</p>
				</div>
				<div class="col-md-4 footer-left col-sm-4">
					<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
					<p><label>邮箱</label>
						<a href="mailto:2137784448@qq.com">2137784448@qq.com</a></p>
					</div>
				</div>
				<!-- 分界线 -->
				<div class="col-md-4 xian col-sm-4"></div>
				<div class="col-md-12 col-sm-12">
					<img src="images/vx.png" alt="微信公众号"/>
				</div>
				<div class="col-md-12">
					<p>Born to Love 欢迎您</p>
				</div>
			</div>
		</div>
	</footer>




	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/wow.min.js"></script>
	<script type="text/javascript">
			//动画库
			$(function(){
				new WOW().init();
			});
		</script>
	</body>
	</html>


💒CSS样式代码


@charset "utf-8";
/*公用样式*/
body,ul,ol,li,p,h1,h2,h3,h4,form,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.5 tahoma, Microsoft YaHei,\5b8b\4f53;*font-family: 'Microsoft YaHei';color: #666;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;border:none; background:none;}
textarea{resize:none;}
a{text-decoration:none; color:#656565;}
i,em{ font-style:normal}
/*清浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.comWidth{width:1200px; margin-left:auto; margin-right:auto; margin: 0 auto;}
.center{width: 1200px;margin-left:auto; margin-right:auto; margin: 0 auto;}
.leftArea{float:left;}
.rightArea{float:right;}
.hide{display:none;}
.show{display:block;}



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

很多刚入门编程的小白学习了基础语法,却不知道语法的用途,不知道如何加深映像,不知道如何提升自己,这个时候每天刷自主刷一些题就非常重要(百炼成神),可以去牛客网上的编程初学者入门训练。该专题为编程入门级别,适合刚学完语法的小白练习,题目涉及编程基础语法,基本结构等,每道题带有练习模式和考试模式,可还原考试模式进行模拟,也可通过练习模式进行练习 。


七、🎁更多干货

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

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

3.

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

在这里插入图片描述

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

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

相关文章

UNIX环境高级编程_文件IO_文件描述表

这篇文件记录文件描述表。 2 文件描述符表 2.1 什么是文件描述符表 当运行一个程序时&#xff0c;内核会创建进程表task_struct。当open 打开文件后&#xff0c;会在进程表中创建相应的结构体来记录打开的文件&#xff0c;这个结构体就是文件描述符表。 2.2 task_struct 与…

Apple M1 开启HiDPI的新方法,无需虚拟屏,无需SwitchResX

之前折腾2K屏开HiDPI时记录过三种方法&#xff1a; 2020年03月&#xff1a;SwitchResX 开启HiDPI时显示Not installed的解决办法 2020年11月&#xff1a;升级macOS Big Sur 后 HIDPI失效的解决办法 2021年12月&#xff1a; Apple M1 开启HiDPI的新方法&#xff0c;无需关闭SIP&…

MySQL学习笔记(十三)count(*),count(id),count(1),count(字段)区别

count count 是MySQL的一个查询数量统计的函数&#xff0c;我们在平常的工作中经常会用到&#xff0c;count(*),count(id),count(1),count(字段)这4种写法有什么区别呢&#xff1f; //星号 select count(*) from user; //常数 select count(1) from user; //id(主键) select …

片内总线在cpu扮演什么角色?他为什么能实现高效,不同的CPU为什么采用不同的总线协议?

文章目录各种新型片上总线维度&#xff08;Degree&#xff09;跳&#xff08;Hop&#xff09;和跳数&#xff08;Hop Count&#xff0c;HC&#xff09;直连拓扑和路由器Intel的Ring和Mesh总线双Ring结构Mesh Bus结论片上总线&#xff0c;也称作片上网络&#xff08;Network on …

毕业设计-基于机器视觉的火灾烟雾检测识别系统-yolo

目录 前言 课题背景和意义 实现技术思路 实现效果图样例 前言 &#x1f4c5;大四是整个大学期间最忙碌的时光,一边要忙着备考或实习为毕业后面临的就业升学做准备,一边要为毕业设计耗费大量精力。近几年各个学校要求的毕设项目越来越难,有不少课题是研究生级别难度的,对本科…

2023最新SSM计算机毕业设计选题大全(附源码+LW)之java基于网络安全维护的机房设备管理19rya

对于计算机专业的学生最头疼的就是临近毕业时的毕业设计,对于如何选题,技术选型等这些问题,难道了大部分人,确实,还没毕业的学生对于这些问题还比较陌生,只有学习的理论知识,没有实战经验怎么能独自完成毕业设计这一系列的流程,今天我们就聊聊如何快速应对这一难题. 比较容易的…

LSM Tree

LSM Tree 的存储模型&#xff0c;包括 Tidb&#xff0c;HBase等 特点 通过将大量的随机写转换为顺序写&#xff0c;从而极大地提升了数据写入的性能&#xff0c;虽然与此同时牺牲了部分读的性能。 只适合存储 key 值有序且写入大于读取的数据&#xff0c;或者读取操作通常是…

vueX持久化存储插件

场景&#xff1a;我们在做vue项目时&#xff0c;会遇到存储一些公共值&#xff0c;这样方便在不同的页面去调用这些值 vue中有个vuex&#xff0c;一般我们都存储在这里&#xff0c;这样在每个页面都能够调用 但是&#xff0c;当页面刷新了&#xff0c;这些值就被自动清理掉了 这…

第七届 Sky Hackathon 笔记集合贴

Alex_McAvoy--------NVIDIA 7th SkyHackathon&#xff08;二&#xff09;开发套件的安装与测试 Alex_McAvoy--------NVIDIA 7th SkyHackathon&#xff08;三&#xff09;语音数据集的制作 Alex_McAvoy--------NVIDIA 7th SkyHackathon&#xff08;四&#xff09;Nemo ASR 模型训…

vue.js ES6对象字面量的增强写法

1.属性的增强写法 ES5的写法&#xff1a; 运行效果 ES6的写法&#xff1a; 运行效果 2.函数的增强写法 ES5的写法&#xff1a; ES6的写法&#xff1a; 完整代码 <!DOCTYPE html> <html><head><meta charset"utf-8"><meta name"…

基于Javamail的邮件收发系统(系统+论文+开题报告+任务书+外文翻译+文献综述+答辩PPT)

毕业设计&#xff08;论文&#xff09; &#xff08; 20 届&#xff09; 论文&#xff08;设计&#xff09;题目 基于Javamail的邮件收发系统 作 者 二级学院、专业 班 级 指导教师&#xff08;职称&#xff09; 论 文 字 数 论文完成时间 20年月日 基于JavaMail的邮件…

169-Rust和Solana环境配置

之前写过一篇Rust和Solana环境配置的 应该说写得是非常非常好 并不是说博文写得好 而是说写得非常非常的必要 比如我现在就是想要搞Rust和Solana配置 但是好久好久没搞了 已经完全忘记了 看到那一篇博文的时候就感觉想起来了很多 如果可以参考那篇完整做下来的话 就会…

是时候展示给大家这5款压箱底的软件了

是时候把自己压箱底的软件都发出来了&#xff0c;软件都是小巧耐用&#xff0c;不带广告的&#xff0c;赶紧下载起来吧&#xff01;就算暂时用不到的&#xff0c;也可以收藏起来等需要的时候再来下载&#xff01; 1.PPT演示——Focusky 一个高效的动画 PPT 演示软件&#xff0…

Linux学习-71-GRUB手动安装方法

16.13 GRUB手动安装方法 需要手工安装 GRUB 主要有两种情况&#xff1a; Linux 系统原先不是使用 GRUB 作为引导程序而现在想要使用 GRUB 来作为引导程序&#xff1b;MBR 中的引导程序被覆盖&#xff0c;需要在 MBR 中重新安装 GRUB&#xff0c;如先安装了 Linux 系统&#xf…

主成分分析的基本原理

目录 什么是主成分分析&#xff1f; 主成分分析的步骤 根据什么选择主成分&#xff1f; 怎样解释主成分&#xff1f; 特征值、方差解释率及碎石图 载荷系数与共同度 什么是主成分分析&#xff1f; 主成分的概念由Karl Pearson在1901年提出的。他是考察多个 变量间相关性…

Qt扫盲-Qt Creator IDE使用总结

Qt Creator IDE使用总结一、欢迎页1. 最近项目2. 示例3. 教程二、编辑页1. 左侧菜单区1. 工具栏2. 项目目录常用操作介绍1. 项目名2. 中间编码区1.顶部工具区2.编码区的常用功能1. 文件操作2. 类的一些方便操作1、Follow Symbol Under Cursor2. 查找和替换3. Refactor4. F1帮助…

AP1236 线性LDO稳压IC 工作原理图分享

深圳世微半导体有限公司&#xff0c;专业研发DC/DC降压恒流车灯IC&#xff0c;我们有一流的研发团队&#xff0c;良好的服务&#xff0c;做一流品质的产品&#xff0c;所有产品均提供配套方案和技术支持 供应多种DC/DC降压恒流方案选型表&#xff1a; AP5160 外置MOS电流20MA-…

构造一个m行n列的二维数组(mln的取值均小于等于4, mln均由键盘输入),并由键盘输入数组元素的值,并且按照矩阵的形式输出

构造一个m行n列的二维数组(mln的取值均小于等于4&#xff0c; mln均由键盘输入),并由键盘输入数组元素的值&#xff0c;并且按照矩阵的形式输出 Scanner sc new Scanner(System.in); System.out.println("请输入行"); int m sc.nextInt(); System.out.println(&quo…

【Java】阿拉伯数字转汉字(完全符合中文阅读习惯)(支持所有整数类型)

Java 阿拉伯数字转汉字 网上看过很多实现&#xff0c;但都有 BUG&#xff0c;不是多余0没有处理&#xff0c;就是很多生成的汉字字符串根本不符合中文阅读习惯&#xff08;各位代码写完测试的时候用例多搞一点啊&#xff09; 刚好公司有个项目就要实现这个小功能&#xff0c;…

Python爬虫实战,requests+parsel模块,爬取二手房房源信息数据

前言 最近在尝试用Python爬虫二手房房源信息数据&#xff0c;在这里给需要的小伙伴们提供代码&#xff0c;并且给出一点小心得。 首先是爬取之前应该尽可能伪装成浏览器而不被识别出来是爬虫&#xff0c;基本的是加请求头&#xff0c;但是这样的纯文本数据爬取的人会很多&…