用HTML+CSS做一个漂亮简单的轻量级图片相册博客网站(web前端期末大作业)

news2025/2/25 6:26:01

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

📂文章目录

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

一、👨‍🎓网站题目

👩‍🔬个人博客网站、👨‍🔬个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。

二、✍️网站描述

🏷️ 大学生个人HTML网页设计作品，采用DIV CSS布局制作，页面主体内容区域宽度为1200PX。网页整体使用CSS设置了网页背景图片。页面精美包含多个排版布局，学生网页作业水平制作。

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

  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 class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>White - Minimal Portfolio Template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- favicon icon -->
        <link rel="icon" href="img/favicon.png">
       
		<!-- All CSS Files Here -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/et-line-fonts.css">
        <link rel="stylesheet" href="css/ionicons.min.css">
        <link rel="stylesheet" href="css/magnific-popup.css">
        <link rel="stylesheet" href="css/meanmenu.css">
        <link rel="stylesheet" href="css/global.css">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="css/responsive.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
 		<!-- PRELOADER -->
		<div class="page-loader" >
			<div class="loader">Loading...</div>
		</div>
		<!-- /PRELOADER -->       
		<!-- header start -->
		<header id="sticky-header" class="header-fixed header-transparent">
			<div class="header-area">
				<div class="container sm-100">
					<div class="row">
						<div class="col-md-3 col-sm-2">
							<div class="logo text-upper">
								<h4><a href="index.html">White</a></h4>
							</div>
						</div>
						<div class="col-md-9 col-sm-10">
							<div class="menu-area hidden-xs">
								<nav>
									<ul class="basic-menu clearfix">
										<li><a href="index.html">Home</a></li>
										<li><a href="about.html">about</a></li>
										<!-- PORTFOLIO -->
										<li><a href="portfolio-grid-3-cols.html">Portfolio</a></li>
										<!-- END PORTFOLIO -->
										<li><a href="service.html">Service</a></li>
										<li><a href="#">Pages</a>
											<ul>
												<li><a href="about.html">About Us</a></li>
												<li><a href="service.html">Service</a></li>												
												<li><a href="pricing.html">Pricing</a></li>
												<li><a href="contact.html">Contact</a></li>
												<li><a href="404.html">404 Page</a></li>
											</ul>
										</li>                                           
										<!-- BLOG -->
										<li>
											<a href="blog-grid-3-col.html">Blog</a>
											<ul>
												<li><a href="blog-single-no-sidebar.html">Single Post <i class="fa fa-angle-right"></i></a></li>
											</ul>
										</li>
										<!-- END BLOG -->
										<li><a href="contact.html">Contact</a></li>
									</ul>
								</nav>							
							</div>
							<!-- basic-mobile-menu --> 
							<div class="basic-mobile-menu visible-xs">
								<nav id="mobile-nav">
									<ul>
										<li><a href="index.html">Home</a></li>
										<li><a href="about.html">about</a></li>
										<!-- PORTFOLIO -->
										<li><a href="portfolio-grid-3-cols.html">Portfolio</a></li>
										<!-- END PORTFOLIO -->
										<li><a href="service.html">Service</a></li>
										<li><a href="#">Pages</a>
											<ul>
												<li><a href="about.html">About Us</a></li>
												<li><a href="service.html">Service</a></li>												
												<li><a href="pricing.html">Pricing</a></li>
												<li><a href="contact.html">Contact</a></li>
												<li><a href="404.html">404 Page</a></li>
											</ul>
										</li>                                           
										<!-- BLOG -->
										<li>
											<a href="blog-grid-3-col.html">Blog</a>
											<ul>
												<li><a href="blog-single-no-sidebar.html">Single Post <i class="fa fa-angle-right"></i></a></li>
											</ul>
										</li>
										<!-- END BLOG -->
										<li><a href="contact.html">Contact</a></li>
									</ul>
								</nav>
							</div>									
						</div>
					</div>
				</div>
			</div>
		</header>
		<!-- header end -->
		
		<!-- basic-slider start -->
		<div class="basic-slider slide-6 height-100-vh">
			<div class="container text-center">
				<div class="hero-caption">
					<div class=" hero-text">
						<div class="slider-content white-bg-opacity">
							<h2>White </h2>
							<h4> Design | Development | Branding</h4>
						</div>
					</div>
				</div>				
			</div>
		</div>
		<!-- basic-slider end -->
		<!-- basic-portfolio-area start -->
		<div class="basic-portfolio-area ptb-90">
			<div class="container">
				<div class="filter-menu text-center mb-40">
					<button class="active" data-filter="*">ALL</button>
					<button data-filter=".branding">Branding </button>
					<button data-filter=".graphic">Graphic</button>
					<button data-filter=".design">Design </button>
					<button data-filter=".video">Video</button>
				</div>			
				<div id="portfolio-grid" class="row-portfolio portfolio-style-2">
					<div class="portfolio-item branding video">
						<div class="portfolio-wrapper">
							<div class="portfolio-thumb">
								<img src="img/portfolio/project1.jpg" alt="" />
								<div class="view-icon">
									<a class="popup-link" href="img/portfolio/project1.jpg"><span class="icon-focus"></span></a>
								</div>
							</div>
							<div class="portfolio-caption text-left">
								<h4><a href="portfolio-single.html">Basic Portfolio Tile</a></h4>
								<div class="work-tag">
									<a href="#">Design</a>,
									<a href="#">Photography</a>
								</div>
							</div>
						</div>
					</div>
					<div class="portfolio-item graphic">
						<div class="portfolio-wrapper">
							<div class="portfolio-thumb">
								<img src="img/portfolio/m-project2.jpg" alt="" />
								<div class="view-icon">
									<a class="popup-video" href="https://www.youtube.com/watch?v=nrJtHemSPW4"><span class="icon-video "></span></a>									
								</div>
							</div>
							<div class="portfolio-caption text-left">
								<h4><a href="portfolio-single.html">Basic Portfolio Tile</a></h4>
								<div class="work-tag">
									<a href="#">Design</a>,
									<a href="#">Photography</a>
								</div>
							</div>
						</div>
					</div>
					<div class="portfolio-item video">
						<div class="portfolio-wrapper">
							<div class="portfolio-thumb">
								<img src="img/portfolio/project2.jpg" alt="" />
								<div class="view-icon">
									<a class="popup-link" href="img/portfolio/project2.jpg"><span class="icon-focus"></span></a>
								</div>
							></h2>
							</div>
							<div class="post-content">
								<p>Grass there without lights be years male have and grass firmament kind bring, is thing doesn't herb.</p>
								<a class="post-more" href="blog-single.html">Read more &rarr;</a>
							</div>
						</article>
						<!-- /POST -->
					</div>
					<div class="col-sm-6 col-md-4 blog-item">
						<!-- POST -->
						<article class="post">
							<div class="post-thumbnail">
								<img src="img/blog/1.jpg" alt="">
							</div>
							<div class="post-header">
								<div class="post-meta">
									By <a href="#">Mark Stone</a>, 23 November, 2015
								</div>
								<h2 class="post-title"><a href="blog-single.html">Living Big in Tiny Houses</a></h2>
							</div>
							<div class="post-content">
								<p>Grass there without lights be years male have and grass firmament kind bring, is thing doesn't herb.</p>
								<a class="post-more" href="blog-single.html">Read more &rarr;</a>
							</div>
						</article>
						<!-- /POST -->
					</div>					
					<div class="col-sm-6 col-md-4 blog-item">
						<!-- POST -->
						<article class="post">
							<div class="post-thumbnail blog-slider owl-carousel">
								<img src="img/blog/6.jpg" alt="">
								<img src="img/blog/7.jpg" alt="">
								<img src="img/blog/3.jpg" alt="">
							</div>
							<div class="post-header">
								<div class="post-meta">
									By <a href="#">Mark Stone</a>, 23 November, 2015
								</div>
								<h2 class="post-title"><a href="blog-single.html">The Ultimate Renters Guide</a></h2>
							</div>
							<div class="post-content">
								<p>Grass there without lights be years male have and grass firmament kind bring, is thing doesn't herb.</p>
								<a class="post-more" href="blog-single.html">Read more &rarr;</a>
							</div>
						</article>
						<!-- /POST -->
					</div>
				</div>

			</div>
		</div>
		<!-- basic-blog-area end -->
		<!-- footer start -->
		<footer>
			<div class="basic-footer text-center ptb-90">
				<div class="container">
					<div class="footer-logo mb-30">
						<h3><a href="index.html">White</a></h3>
					</div>
					<div class="social-icon">
						<a href="#"><i class="ion-social-facebook"></i></a>
						<a href="#"><i class="ion-social-googleplus"></i></a>
						<a href="#"><i class="ion-social-instagram"></i></a>
						<a href="#"><i class="ion-social-dribbble"></i></a>
					</div>
					<div class="footer-menu mt-30">
						<nav>
							<ul>
								<li><a href="#">Home</a></li>
								<li><a href="#">Portfolio</a></li>
								<li><a href="#">About</a></li>
								<li><a href="#">Blog</a></li>
								<li><a href="#">Contact</a></li>
							</ul>
						</nav>
					</div>
					<div class="copyright mt-20">
						<p>All copyright © reserved by <a href="#">BasicTheme</a> 2017</p>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer end -->

		
		<!-- All js plugins here -->
        <script src="js/vendor/jquery-1.12.0.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/jquery.magnific-popup.min.js"></script>
        <script src="js/jquery.meanmenu.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>

💒CSS样式代码

a.meanmenu-reveal{display:none;}

.mean-container .mean-bar{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;float:left;min-height:0;padding:0;position:relative;width:100%;z-index:999999;}

.mean-container a.meanmenu-reveal{border:1px solid #000;color:#444;cursor:pointer;display:block;font-family:Arial,Helvetica,sans-serif;font-size:1px;font-weight:700;height:21px;line-height:22px;margin-top:-52px;padding:5px 8px;position:absolute;right:0;text-decoration:none;top:0;width:22px;}

.mean-container a.meanmenu-reveal span{background:#444 none repeat scroll 0 0;display:block;height:3px;margin-top:3px;}

.mean-container .mean-nav{background:#0c1923 none repeat scroll 0 0;float:left;margin-top:0;width:100%;}

.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none;}

.mean-container .mean-nav ul li{position:relative;float:left;width:100%;}

.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase;}

.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,0.25);opacity:0.75;filter:alpha(opacity=75);text-shadow:none !important;visibility:visible;}

.mean-container .mean-nav ul li.mean-last a{border-bottom:none;margin-bottom:0;}

.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%;}

.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%;}

.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%;}

.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,0.1);}

.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:8px 10px !important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0.1);border:none !important;border-left:1px solid rgba(255,255,255,0.4) !important;border-bottom:1px solid rgba(255,255,255,0.2) !important;}

.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,0.9);}

.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both;}

.mean-nav .wrapper{width:100%;padding:0;margin:0;}

.mean-container .mean-bar, .mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}

.mean-remove{display:none !important;}





.mean-nav > ul {

  height: 300px;

  overflow-y: scroll;

}

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

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

七、🎁更多干货

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

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

3.

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

在这里插入图片描述

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

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

相关文章

web表单（详解）

web表单（详解）

目录 1. 表单的概述 1.1 表单组成 2. 表单标记 2.1 input标记 2.2 select标记 2.3 textarea标记 3.HTML5新增标记 3.1 datalist标记 3.2 date 输入类型 3.3 color输入类型 3.4 button标记 3.5 details标记和summary标记 3.6 progress标记 3.7 meter标记 4 综合…
阅读更多...
【pen200-lab】10.11.1.5

【pen200-lab】10.11.1.5

pen200-lab 学习笔记 【pen200-lab】10.11.1.5 &#x1f525;系列专栏&#xff1a;pen200-lab &#x1f389;欢迎关注&#x1f50e;点赞&#x1f44d;收藏⭐️留言&#x1f4dd; &#x1f4c6;首发时间&#xff1a;&#x1f334;2022年11月29日&#x1f334; &#x1f36d;作者…
阅读更多...
阿里资深架构师谈 Java 进阶攻略：7 大技能 +12 份进阶笔记 + 面试 150 题

阿里资深架构师谈 Java 进阶攻略：7 大技能 +12 份进阶笔记 + 面试 150 题

以下都是阿里大牛推荐的主流技术&#xff0c;当你全部掌握上述的这些技术那么你就已经是 P8 级别&#xff0c;而且你也已经形成了自己的体系&#xff0c;当更加新潮的技术出来时那么你自己稍微花点时间就能吃透&#xff0c;毕竟那时候你已经不是以前的那个你了&#xff0c; 懂底…
阅读更多...
竞赛——【蓝桥杯】2022年12月第十四届蓝桥杯模拟赛第二期C/C++

竞赛——【蓝桥杯】2022年12月第十四届蓝桥杯模拟赛第二期C/C++

1、最小的2022 问题描述 请找到一个大于 2022 的最小数&#xff0c;这个数转换成二进制之后&#xff0c;最低的 6 个二进制为全为 0 。 请将这个数的十进制形式作为答案提交。 答案提交 这是一道结果填空的题&#xff0c;你只需要算出结果后提交即可。本题的结果为一个整数…
阅读更多...
分享 2022 年最受欢迎的黑科技工具（二）

分享 2022 年最受欢迎的黑科技工具（二）

Hello, everybody &#xff0c;2022 年最受欢迎的黑科技工具&#xff08;二&#xff09;&#xff0c;收藏一波吧&#xff0c;您的在看、转发、点赞就是对tuonioooo最大的支持&#xff01; 1.Sampler 项目地址&#xff1a;https://github.com/sqshq/sampler 官网地址&#xf…
阅读更多...
Fmoc-PEG4-NHS酯,1314378-14-7 含有Fmoc保护胺和NHS酯

Fmoc-PEG4-NHS酯,1314378-14-7 含有Fmoc保护胺和NHS酯

●英文&#xff1a;Fmoc-PEG4-NHS酯 ●外观以及性质&#xff1a;粘性液体或固体粉末&#xff0c;一般取决于分子量&#xff0c;是一种含有Fmoc保护胺和NHS酯的PEG连接剂。亲水性PEG间隔物增加了在水介质中的溶解度。Fmoc基团可在碱性条件下脱保护以获得游离胺&#xff0c;其可…
阅读更多...
springboot+java+vue大学生求职招聘就业岗位匹配推荐系统

springboot+java+vue大学生求职招聘就业岗位匹配推荐系统

目 使用人职匹配推荐系统分为管理员和用户、企业三个权限子模块。 管理员所能使用的功能主要有&#xff1a;首页、个人中心、用户管理、企业管理、岗位信息管理、岗位类型管理、应聘信息管理、应聘状况管理、平台费用管理、系统管理等。 用户可以实现&#xff1b;首页、个人中…
阅读更多...
JavaScript基础语法（运算符）

JavaScript基础语法（运算符）

JavaScript基础语法&#xff08;运算符&#xff09; 概述 相比于Java,JS多了一个&#xff0c;其他的下面的运算符都一样。 一元运算符&#xff1a;&#xff0c;– 算术运算符&#xff1a;&#xff0c;-&#xff0c;*&#xff0c;/&#xff0c;% 赋值运算符&#xff1a;&…
阅读更多...
我要涨知识——TypeScript 经典高频面试题（一）

我要涨知识——TypeScript 经典高频面试题（一）

又是一个年底来了&#xff0c;好大一批人可能又准备跑路了&#xff0c;翻了翻掘金和 CSDN 发现好多大佬都有大厂 Offer &#xff0c;看着看着我心动了&#xff01; 话不多说&#xff0c;赶紧开干&#xff0c;给自己整了一个前端面试小助手——微信小程序内搜索 “WEB学习学习加…
阅读更多...
鲲鹏devkit性能分析工具介绍（二）

鲲鹏devkit性能分析工具介绍（二）

鲲鹏devkit性能分析工具介绍&#xff08;二&#xff09; 上一篇笔记录性能分析工具的全景分析模式的基本原理和重点参数的解读&#xff0c;在这片文章里将会讲解其他的分析功能特点和重点参数 进程/线程性能分析 进程/线程性能分析借鉴业界的USE方法&#xff0c;采集进程/线…
阅读更多...
Kubernetes之Pod初始化容器

Kubernetes之Pod初始化容器

Kubernetes之Pod初始化容器 概述 ​ 初始化是很多编程语言普遍关注的问题&#xff0c;甚至有些编程语言直接支持模式构造来生成初始化程序&#xff0c;这些用于进行初始化的程序结构称为初始化器或初始化列表。初始化代码要首先运行&#xff0c;且只能运行一次&#xff0c;它们…
阅读更多...
Java.Integer.bitCount(int)源码解析

Java.Integer.bitCount(int)源码解析

bitCount前言一、由易到难&#xff0c;头脑热身二、简单优化&#xff0c;一题多解三、分治优化四、bitCount(int)源码优化总结参考文献前言 如何求解一个二进制中1的个数&#xff1f;有常规的O(N)法&#xff0c;还有基于分治的O(logN)&#xff0c;即Java的bitCount(int)方法。…
阅读更多...
CockroachDB-备份与恢复(1)备份架构

CockroachDB-备份与恢复(1)备份架构

本文知识点来源于官网地址https://www.cockroachlabs.com/docs/stable/backup-architecture.html CockachDB备份以作业的方式操作&#xff0c;作业是可能跨越多个SQL会话的长期运行操作。与常规SQL语句不同&#xff0c;BACKUP语句在作业工作流中执行。备份任务有四个主要阶段:…
阅读更多...
CDMP考试时间与报名方式

CDMP考试时间与报名方式

CDMP“数据管理专业人士认证”证书国际通用&#xff0c;行业认可度极高&#xff0c;是一项涵盖学历教育、工作经验和专业知识考试在内的综合资格认证&#xff0c;也是 目前全球唯一数据管理方面权威性认证 。CDMP考试时间是什么时候&#xff1f;怎样报名&#xff1f;今天小编来…
阅读更多...
C语言 =(按位与后赋值）^=(按位异或后赋值) |=(按位或后赋值)

C语言 =(按位与后赋值）^=(按位异或后赋值) |=(按位或后赋值)

&(按位与后赋值&#xff09; x 0x02; x & 0x01; 按位与后的结果为&#xff1a;0x00 x 0x02; x & 0x01; 字符 & 的最早历史可以追溯到公元1世纪&#xff0c;最早是拉丁语et (意为and)的连写。最早的 & 很像 E 和 T 的组合&#xff0c;随着印刷技术的发展&…
阅读更多...
[附源码]计算机毕业设计springboot付费自习室管理小程序

[附源码]计算机毕业设计springboot付费自习室管理小程序

项目运行 环境配置&#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…
阅读更多...
[附源码]Python计算机毕业设计Django宠物领养与物品捐赠小程序

[附源码]Python计算机毕业设计Django宠物领养与物品捐赠小程序

项目运行 环境配置&#xff1a; Pychram社区版 python3.7.7 Mysql5.7 HBuilderXlist pipNavicat11Djangonodejs。 项目技术&#xff1a; django python Vue 等等组成&#xff0c;B/S模式 pychram管理等等。 环境需要 1.运行环境&#xff1a;最好是python3.7.7&#xff0c;…
阅读更多...
文件上传漏洞详解

文件上传漏洞详解

文件上传漏洞详解1.文件上传漏洞1.1.文件上传漏洞定义1.2.文件上传漏洞原理1.3.文件上传思路1.3.1.常规类1.3.2.cms类1.3.3.编辑类1.3.4.其他类/CVE1.4.web界面存在的风险点1.5.文件上传实战思路2.文件上传绕过分类2.1.JS类防护2.1.1.前端验证  2.1.1.1.基本概念  2.1.1.2.…
阅读更多...
普元中间件Primeton AppServer6.5部署SuperMap iServer

普元中间件Primeton AppServer6.5部署SuperMap iServer

本文使用Windows环境普元中间件Primeton AppServer6.5&#xff08;以下简称PAS&#xff09;部署SuperMap iServer 一、部署前准备 本文使用SuperMap iServer 11.0.1&#xff08;10.2.1版本同理可以使用&#xff09; supermap-iserver-11.0.1-war.zip 安装完成的普元中间件PAS…
阅读更多...
EEMD分解如何对IMF分量进行显著性检验？

EEMD分解如何对IMF分量进行显著性检验？

EEMD简介 集合经验模态分解 (EEMD)方法是一种时间上局部的自适应时间序列分析技术, 适合于分析非线性、非平稳的时间序列. EEMD 方法改进了经验模态分解 (EMD)的 模态混叠问题 。EEMD 方法是利用多次测量取平均值的原理,通过在原数据中加入适当大小的白噪音来模拟多次观测的情…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023