高级感拉满的个人UI网页

news2024/10/5 22:24:07

效果图

PC端
在这里插入图片描述
移动端
在这里插入图片描述

部分代码

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Zboy的主页</title>
		<link rel="stylesheet" href="css/normalize.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="icon" id="dynamic-favicon"
			href="https://pic.rmb.bdstatic.com/bjh/240417/de28c7642c0f00188b630295c39a5bf29218.jpeg" type="image/x-icon">
	</head>
	<body>
		<div id="loading">
			<div id="loading_bg">
				<div class="loader">Loading...</div>
			</div>
		</div>
		<div class="blur-bg" id="blur-bg"></div>
		<div class="popup" id="popup">
			<img id="popup_img" src="https://pic.rmb.bdstatic.com/bjh/240417/474fd844477fab1b76cf20018b7f06762187.png" alt="Popup Image">
			<!-- <button οnclick="closePopup()">Close</button> -->
		</div>

		<div class="container">
			<div class="nav_container">
				<div class="avatar mt25">
					<img src="https://pic.rmb.bdstatic.com/bjh/240417/de28c7642c0f00188b630295c39a5bf29218.jpeg" alt="" />
				</div>
				<div class="userInfo pd10 divBg mt25">
					<ul>
						<li>姓名:Zboy</li>
						<li>QQ:神秘</li>
						<li>性别:男</li>
					</ul>
				</div>

				<div class="description divBg pd10 mt25">
					我是一名技术精湛、善于沟通的程序员，精通多种编程语言，注重代码质量，善于解决问题，致力于创造优质软件。
				</div>
				<div class="tag divBg pd10 mt25">
					<span>技术精湛 </span>
					<span>逻辑思维强 </span>
					<span>学习能力出众 </span>
					<span>团队合作高手 </span>
					<span>代码质量守护者 </span>
					<span>问题解决专家 </span>
					<span>创新探索者 </span>
					<span>高效执行者 </span>
					<span>自我提升追求者 </span>
					<span>细节把控者 </span>
				</div>
				<div class="timeLine mt25 divBg">
					<ul>
						<li>
							<div class="focus"></div>
							<div class="timeline_time">2025年</div>
							<div>担任技术部门负责人，负责制定技术战略和规划团队发展，推动技术团队的持续创新和突破。</div>
						</li>
						<li>
							<div class="focus"></div>
							<div class="timeline_time">2023年</div>
							<div>深入研究并应用人工智能和机器学习技术于实际业务中，为公司带来显著的技术和业务价值。 </div>
						</li>
						<li>
							<div class="focus"></div>
							<div class="timeline_time">2021年</div>
							<div>晋升为团队负责人，开始负责管理和协调团队成员的工作，推动项目顺利进行。</div>
						</li>
						<li>
							<div class="focus"></div>
							<div class="timeline_time">2019年</div>
							<div>加入一家知名互联网公司，担任软件工程师，负责后端开发工作，开始接触并熟悉大规模分布式系统。</div>
						</li>
						<li>
							<div class="focus"></div>
							<div class="timeline_time">2018年</div>
							<div>在一家初创公司担任软件工程师实习生，通过实践积累了宝贵的工作经验，为职业生涯打下了坚实的基础。</div>
						</li>
						<li>
							<div class="focus"></div>
							<div>2019年</div>
							<div>开始接触计算机编程，学习编程基础语法和算法，为日后的职业生涯打下了坚实的理论基础。 </div>
						</li>
					</ul>
				</div>
			</div>
			<div class="main_container">
				<header>
					<div class="Im">I'm <span class="text">
							<!-- Zunun -->
							<span>Z</span>
							<span>u</span>
							<span>n</span>
							<span>u</span>
							<span>n</span>
							<!-- Hacker -->
							<span>H</span>
							<span>a</span>
							<span>c</span>
							<span>k</span>
							<span>e</span>
							<span>r</span>
						</span></div>
					<div class="description"><span class="diy_text"> 不了解痛苦的人 就不会了解真正的和平！ </span></div>
					<div class="icon_container">
						<ul>
							<li class="divBg"><a href="https://github.com" target="_blank"><img
										src="//i.tangjunfei.com/svg/github.svg" alt="" /><span>github</span></a></li>
							<li class="divBg"><a href="12345@163.com"><img
										src="//i.tangjunfei.com/svg/mail.svg" alt="" /><span>Mail</span></a></li>
							<li class="divBg"><a href="javascript:void(0)"
									onclick="showPopup('//pic.rmb.bdstatic.com/bjh/240417/474fd844477fab1b76cf20018b7f06762187.png')"><img
										src="//i.tangjunfei.com/svg/redenvelope.svg" alt="" /><span>赞助</span></a></li>
							<li class="divBg"><a href="javascript:void(0)"
									onclick="showPopup('//pic.rmb.bdstatic.com/bjh/240417/6f68e8b57434f3aadad75156bd6657a45780.png')"><img
										src="//i.tangjunfei.com/svg/weixin.svg" alt="" /><span>微信</span></a></li>
							<li class="divBg"><a href="javascript:void(0)"
									onclick="showPopup('//pic.rmb.bdstatic.com/bjh/240417/a7790ab8000431c1eb09d704f0fa74e11681.jpeg')"><img
										src="//i.tangjunfei.com/svg/qq.svg" alt="" /><span>QQ</span></a></li>
						</ul>
					</div>
					<div class="snake">
						<img src="//i.tangjunfei.com/svg/snake-Light.svg" alt="" />
					</div>
				</header>
				<content>
					<div class="content_project">
						<div class="content-title"><img src="//i.tangjunfei.com/svg/wangzhan.svg" alt="" />WebSite</div>
						<div class="content_item">
							<ul>
								<li class="divBg" onclick="openUrl('https://typecho.tangjunfei.com/')">
									<div class="content_item_left">
										<div class="content_item_title">博客</div>
										<div class="content_item_desc">Zboy记录笔记的地方</div>
									</div>
									<div class="content_item_right">
										<img src="//i.tangjunfei.com/svg/yu.svg" alt="" />
									</div>
								</li>
								<li class="divBg" onclick="openUrl('https://i.tangjunfei.com/')">
									<div class="content_item_left">
										<div class="content_item_title">云盘</div>
										<div class="content_item_desc">收集好玩的东西</div>
									</div>
									<div class="content_item_right">
										<img src="//i.tangjunfei.com/svg/yugu.svg" alt="" />
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="content_project">
						<div class="content-title"><img src="//i.tangjunfei.com/svg/xiangmuku.svg" alt="" />Project
						</div>
						<div class="content_item">
							<ul>
								<li class="divBg" onclick="openUrl('https://gitee.com/tjfzeishuai/CefSharpBrowser')">
									<div class="content_item_left">
										<div class="content_item_title">CefSharpBrowser</div>
										<div class="content_item_desc">基于CefSharp开发的浏览器</div>
									</div>
									<div class="content_item_right">
										<img src="//i.tangjunfei.com/svg/kaochuan.svg" alt="" />
								</li>
								<li class="divBg" onclick="openUrl('https://gitee.com/tjfzeishuai/t1w1m')">
									<div class="content_item_left">
										<div class="content_item_title">t1w1m</div>
										<div class="content_item_desc">基于RuoYi开发的赋码系统</div>
									</div>
									<div class="content_item_right">
										<img src="//i.tangjunfei.com/svg/guozhi.svg" alt="" />
									</div>
								</li>
								<li class="divBg" onclick="openUrl('https://gitee.com/tjfzeishuai/t1w1m')">
									<div class="content_item_left">
										<div class="content_item_title">ML.NET</div>
										<div class="content_item_desc">ml.net 训练语料库</div>
									</div>
									<div class="content_item_right">
										<img src="//i.tangjunfei.com/svg/fantuan.svg" alt="" />
									</div>
								</li>
								<li class="divBg" onclick="openUrl('https://gitee.com/tjfzeishuai/t1w1m')">
									<div class="content_item_left">
										<div class="content_item_title">待添加</div>
										<div class="content_item_desc"></div>
									</div>
									<div class="content_item_right">
										<img src="//i.tangjunfei.com/svg/niunai.svg" alt="" />
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="content_project">
						<div class="content-title"><img src="//i.tangjunfei.com/svg/caomeidangao.svg" alt="" />Friend
							link
						</div>
						<div class="content_item">
							<ul>
								<li class="divBg" onclick="openUrl('https://www.imets.cn/links.html')">
									<div class="content_item_left">
										<div class="content_item_title">孤独前行</div>
										<div class="content_item_desc">一名博主、安全工程师、开发者</div>
									</div>
									<div class="content_item_right">
										<img src="https://q2.qlogo.cn/g?b=qq&nk=2465829308&s=100" alt="" />
									</div>
								</li>
							</ul>
						</div>
					</div>
				</content>
			</div>
		</div>
		<footer>
			TangZhi © 2024 |
			<a href="https://beian.miit.gov.cn/">粤ICP备2024016036号-1</a>
		</footer>

	</body>
	<script src="js/jq.js"></script>
	<script src="js/script.js"></script>
	<script src="js/yinghua.js"></script>
	<script src="js/initPage.js"></script>
	<!-- 背景图 -->
	<!-- 	<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css" />
	<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>
 -->
	<script>
		// 使用jQuery的ajax方法读取JSON数据
		$.ajax({
			url: 'data.json',
			type: 'GET',
			dataType: 'json',
			success: function(jsonData) {
				// 在这里可以对jsonData进行处理和使用
				console.log(jsonData);
				initPage(jsonData)
			},
			error: function(jqXHR, textStatus, errorThrown) {
				console.log('Error: ' + textStatus);
			}
		});
	</script>
</html>

style.css

/*********LoadingPage*************/

#loading {
	position: absolute;
	background-color: #FFF;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

#loading_bg {
	background-color: rgba(0, 0, 0, 0.7);
}

body {
	background: url("https://api.paugram.com/wallpaper/") center/cover no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed transition: filter 0.5s ease;
	font-family: “Arial”, “Microsoft YaHei”, “黑体”, “宋体”, sans-serif;
}

.loader {
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	color: #8926d7;
	letter-spacing: 0.2em;
}

.loader::before,
.loader::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #8926d7;
	position: absolute;
	-webkit-animation: load .7s infinite alternate ease-in-out;
	animation: load .7s infinite alternate ease-in-out;
}

.loader::before {
	top: 0;
}

.loader::after {
	bottom: 0;
}

@-webkit-keyframes load {
	0% {
		left: 0;
		height: 30px;
		width: 15px;
	}

	50% {
		height: 8px;
		width: 40px;
	}

	100% {
		left: 235px;
		height: 30px;
		width: 15px;
	}
}

@keyframes load {
	0% {
		left: 0;
		height: 30px;
		width: 15px;
	}

	50% {
		height: 8px;
		width: 40px;
	}

	100% {
		left: 235px;
		height: 30px;
		width: 15px;
	}
}

/********************************/
.divBg {
	background-color: #f9f9f9;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	cursor: pointer ;
}

.divBg:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.pd5 {
	padding: 0.3125rem;
}

.pd10 {
	padding: 0.625rem;
}

.mt25 {
	margin-top: 1.5625rem;
}

.diy_text {
	background-color: #8926d7;
	padding: 10px;
	border-radius: 25px;
	color: beige;
}

/********************************/
.container {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	align-items: flex-start;
}


/*左侧*/
.nav_container {
	width: 300px;
	position: sticky;
	top: 0;
}

.nav_container .avatar {
	display: flex;
	justify-content: center;
}

.nav_container .avatar img {
	width: 9.375rem;
	border-radius: 50%;
}

.nav_container .userInfo {}

.nav_container .userInfo ul {
	list-style: none;
	padding-left: 0px;
}

.nav_container .userInfo ul li {
	text-align: left;
}

.nav_container .description {}

.nav_container .tag {
	display: flex;
	flex-wrap: wrap;
}


.nav_container .tag span {
	background-color: #b7b7b7;
	color: white;
	padding: 0.1875rem;
	border-radius: 10px;
	font-size: 0.825rem;
	white-space: nowrap;
	margin: 0.2rem;
}

.timeLine ul {
	width: 100%;
	height: 200px;
	font-size: 13px;
	padding-left: 10px;
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
}

.timeLine ul li {
	list-style: none;
	position: relative;
	padding: 15px 0px 0px 15px;
	border-left: 2px solid #d5d5d5;
	border-radius: 0;
	scroll-snap-align: end;
}

.timeLine li:first-child .focus:first-child {
	background-color: #aaffcd;
	animation: focus 1.8s ease infinite;
}

.timeLine ul li .focus {
	width: 15px;
	height: 15px;
	border-radius: 22px;
	background-color: rgb(255 255 255);
	border: 2px solid #fff;
	position: absolute;
	left: -10px;
	top: 50%;
}

/* 针对Chrome和Safari */
.timeLine ul::-webkit-scrollbar {
	width: 10px;
}

.timeLine ul::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.timeLine ul::-webkit-scrollbar-thumb {
	background: #888;
}

.timeLine ul::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* 针对IE和Edge */
.timeLine ul {
	-ms-overflow-style: none;
	/* 隐藏默认的滚动条 */
	scrollbar-width: none;
	/* Firefox */
}

.timeLine ul::-ms-scrollbar {
	display: none;
	/* IE和Edge隐藏滚动条 */
}

.timeline_time {
	font-size: 20px;
}

.main_container {
	width: calc(100% - 300px);
	padding: 0 30px;
}

.main_container .Im {
	font-size: 55px;
	font-weight: 800;
	margin: 30px 0;
}

.text span {
	animation-delay: 0s;
	color: #444;
	text-shadow: 0 0 0 #444;
	animation: start 1s ease-in-out infinite alternate;

}

@keyframes start {
	to {
		text-shadow: 0 0 5px #fff,
			0 0 5px #fff,
			0 0 10px #fff,
			0 0 18px #126fcc,
			0 0 20px #126fcc,
			0 0 40px #126fcc;
		color: #fff;
	}
}

.text span:nth-child(1) {
	animation-delay: 0.1s;
}

.text span:nth-child(2) {
	animation-delay: 0.2s;
}

.text span:nth-child(3) {
	animation-delay: 0.3s;
}

.text span:nth-child(4) {
	animation-delay: 0.4s;
}

.text span:nth-child(5) {
	animation-delay: 0.5s;
}

.text span:nth-child(6) {
	animation-delay: 0.6s;
}

.text span:nth-child(7) {
	animation-delay: 0.7s;
}

.text span:nth-child(8) {
	animation-delay: 0.8s;
}

.text span:nth-child(9) {
	animation-delay: 0.9s;
}

.text span:nth-child(10) {
	animation-delay: 1s;
}

.text span:nth-child(11) {
	animation-delay: 1.1s;
}

.text span:nth-child(12) {
	animation-delay: 1.2s;
}

.main_container .description {
	font-size: 40px;
}

.icon_container ul {
	display: flex;
	list-style: none;
	padding-left: 0px;
}

.icon_container ul li {
	width: 35px;
	/* background-color: #f9f9f9;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
	margin: 0 10px;
	transition: width 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
	overflow: hidden;
}

.icon_container ul li a span {
	display: none;
}

.icon_container ul li a {
	text-decoration: none;
	color: #444;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	white-space: nowrap;
}

.icon_container ul li a img {
	width: 35px;
}

.icon_container ul li:hover {
	width: 15%;
}

.icon_container ul li:hover span {
	display: block;
}

.snake {
	width: 100%;
}

.snake img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.content_project {
	margin-bottom: 50px;
}

.content_project .content-title {
	font-size: 40px;
	display: flex;
	align-items: center;
}

.content_project .content-title img {
	width: 35px;
}

.content_project .content_item ul {
	display: flex;
	list-style: none;
}

.content_project .content_item ul li {
	width: 23%;
	/* background-color: #f9f9f9;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
	margin-left: 2%;
	display: flex;
	justify-content: space-around;
	transition: width 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}

.content_project .content_item ul li:hover {
	width: 25%;
}

.content_project .content_item ul li:hover .content_item_right img {
	display: block;
}

.content_item_title {
	font-size: 20px;
	font-weight: 800;
}

.content_item_right img {
	display: none;
	width: 35px;
}

.content_item_desc {
	font-size: 15px;
}

.blur-bg {
	/* 模糊背景 */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	z-index: 1;
	display: none;
}

.popup {
	/* 弹窗样式 */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	/* 调整为你想要的宽度 */
	max-width: 400px;
	/* 最大宽度 */
	padding: 20px;
	background-color: white;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	z-index: 2;
	display: none;
}

.popup img {
	/* 图片样式 */
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.popup button {
	/* 关闭按钮样式 */
	margin: 10px auto;
	display: block;
}

/*************/
footer {
	margin-top: 50px;
	text-align: center;
	width: 100%;
	font-size: 13px;
}

源码领取

以上是部分代码，若感兴趣的老铁们，私信，免费

  • 📢博客主页：孤客网络科技工作室官方账号
  • 📢欢迎点赞👍收藏⭐️留言 📝如有错误敬请指正！
  • 📢本文由孤客原创，若侵权联系作者，首发于CSDN博客
  • 📢停下休息的时候不要忘了别人还在奔跑，希望大家抓紧时间学习，全力奔赴更好的生活💻

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

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

相关文章

C语言-输入数,存入数组,将奇数放置数组左侧,将偶数放置数组右侧

C语言-输入数,存入数组,将奇数放置数组左侧,将偶数放置数组右侧

一 主要涉及到的知识点: 1.1 for循环 1.2 计算数组的大小int sz sizeof(arr) / sizeof(arr[0]); 1.3 函数的定义使用 1.4 while()循环 二 源代码: //输入一个整数数组,实现一个函数 //来调整该数组中数字的顺序使得数组中所有的奇数位与数组的前半部分, //所有的偶数位于…
阅读更多...
Springboot+Vue项目-基于Java+MySQL的蜗牛兼职网系统(附源码+演示视频+LW)

Springboot+Vue项目-基于Java+MySQL的蜗牛兼职网系统(附源码+演示视频+LW)

大家好&#xff01;我是程序猿老A&#xff0c;感谢您阅读本文&#xff0c;欢迎一键三连哦。 &#x1f49e;当前专栏&#xff1a;Java毕业设计 精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; &#x1f380; Python毕业设计 &…
阅读更多...
7.C++：多态

7.C++：多态

一、 virtual关键字 //1.可以修饰原函数&#xff0c;为了完成虚函数的重写&#xff0c;满足多态的条件之一&#xff1b; //2.可以在菱形继承中&#xff0c;完成虚继承&#xff0c;解决数据冗余和二义性&#xff1b; 两个地方使用同一关键字&#xff0c;但二者间没有一点关联 二…
阅读更多...
鸿蒙入门04-真机运行“遥遥领先”

鸿蒙入门04-真机运行“遥遥领先”

如果你有一台真的 "遥遥领先"那么是可以直接在手机上真机运行你的项目的我们也来尝试一下运行 一、手机设置开发者模式 打开手机设置 打开手机设置界面 向下滑动到关于手机位置 快速连续点击版本号位置 下图所示位置快速连续点击 打开 3 - 5 次即可 会提示您已经进…
阅读更多...
Jackson 2.x 系列【25】Spring Boot 集成之起步依赖、自动配置

Jackson 2.x 系列【25】Spring Boot 集成之起步依赖、自动配置

有道无术&#xff0c;术尚可求&#xff0c;有术无道&#xff0c;止于术。 本系列Jackson 版本 2.17.0 本系列Spring Boot 版本 3.2.4 源码地址&#xff1a;https://gitee.com/pearl-organization/study-jaskson-demo 文章目录 1. 前言2. 起步依赖3. 自动配置3.1 JacksonPrope…
阅读更多...
负载均衡集群——HAProxy

负载均衡集群——HAProxy

目录 1 HAProxy介绍 2 功能简介 3 实验组网介绍 4 实验步骤 4.1 通过 HAProxy 实现简单负载均衡调度功能 步骤 1 安装 HAProxy 步骤 2 修改配置 HAProxy 文件 4.2 HAProxy 监控页面配置 步骤 1 修改 HAProxy 配置文件 步骤 2 查看监控页面 3.3 HAProxy 日志相关配置 …
阅读更多...
超详细！Python中 pip 常用命令

超详细！Python中 pip 常用命令

相信对于大多数熟悉Python的人来说&#xff0c;一定都听说并且使用过pip这个工具&#xff0c;但是对它的了解可能还不一定是非常的透彻&#xff0c;今天小编就来为大家介绍10个使用pip的小技巧&#xff0c;相信对大家以后管理和使用Python当中的标准库会有帮助。 安装 当然在…
阅读更多...
论文解读：FREE LUNCH FOR FEW-SHOT LEARNING: DISTRIBUTION CALIBRATION

论文解读：FREE LUNCH FOR FEW-SHOT LEARNING: DISTRIBUTION CALIBRATION

文章汇总 问题 学习到的模型很容易因为只有少数训练样本形成的有偏分布而变得过拟合。 动机 我们假设特征表示中的每个维度都遵循高斯分布&#xff0c;因此分布的均值和方差可以借鉴类似类的均值和方差&#xff0c;这些类的统计量可以通过足够数量的样本得到更好的估计。 …
阅读更多...
PHP反序列化命令执行+PHP反序列化POP大链 +PHP反序列化基础

PHP反序列化命令执行+PHP反序列化POP大链 +PHP反序列化基础

[题目信息]&#xff1a; 题目名称题目难度PHP反序列化命令执行1 [题目考点]&#xff1a; 反序列化命令执行&#xff0c;获取题目flag。[Flag格式]: SangFor{t5euvZ_OB8Jd_h2-}[环境部署]&#xff1a; docker-compose.yml文件或者docker tar原始文件。 docker-compose up …
阅读更多...
ArcGIS三维景观分层显示

ArcGIS三维景观分层显示

今天将向大家介绍的事在ArcGIS中如何创建多层三维显示。 地表为影像的 地表为地形晕渲的 在土壤分层、油气分层等都有着十分重要的应用。下面我们具体来看看实现过程 一、 准备数据及提取栅格范围 我们这次准备的数据是之前GIS100例-30讲的案例数据。《ArcGIS三维影像图剖面图…
阅读更多...
【网站项目】学习资料销售平台 小程序

【网站项目】学习资料销售平台 小程序

&#x1f64a;作者简介&#xff1a;拥有多年开发工作经验&#xff0c;分享技术代码帮助学生学习&#xff0c;独立完成自己的项目或者毕业设计。 代码可以私聊博主获取。&#x1f339;赠送计算机毕业设计600个选题excel文件&#xff0c;帮助大学选题。赠送开题报告模板&#xff…
阅读更多...
用c++写一个代码解析器需要向哪方面学习？

用c++写一个代码解析器需要向哪方面学习？

我以前在中小游戏公司工作的时候&#xff0c;其中一项比较琐碎的工作就是为游戏项目建库建表&#xff0c;主要是为了做数据分析。作为一个职能部门的打杂PHP&#xff0c;对游戏业务并没有什么发言权&#xff0c;但是每次建库建表&#xff0c;却是苦不堪言。 同时部门的基础设施…
阅读更多...
EPP和EDR是什么，如何提高端点安全性

EPP和EDR是什么，如何提高端点安全性

端点保护平台&#xff08;EPP&#xff09;和端点检测和响应&#xff08;EDR&#xff09;工具是两种常用于保护端点系统免受威胁的安全产品。EPP 是一种全面的安全解决方案&#xff0c;提供一系列功能来检测和防止对端点设备的威胁。同时&#xff0c;EDR专门用于实时监控、检测和…
阅读更多...
CC254X 8051芯片手册介绍

CC254X 8051芯片手册介绍

1 8051CPU 8051是一种8位元的单芯片微控制器&#xff0c;属于MCS-51单芯片的一种&#xff0c;由英特尔(Intel)公司于1981年制造。Intel公司将MCS51的核心技术授权给了很多其它公司&#xff0c;所以有很多公司在做以8051为核心的单片机&#xff0c;如Atmel、飞利浦、深联华等公…
阅读更多...
AI讲师大模型培训老师叶梓：大模型应用的方向探讨

AI讲师大模型培训老师叶梓：大模型应用的方向探讨

大模型应用的关键方向及其落地案例可以从多个角度进行探讨&#xff0c;结合最新的研究和实际应用案例&#xff0c;我们可以更全面地理解这些技术如何推动社会和经济的发展。 Agent&#xff08;数字代理&#xff09;: 方向说明:Agent方向的AI技术旨在创建能够独立执行任务、做出…
阅读更多...
redis_watchDog机制

redis_watchDog机制

文章目录 介绍机制介绍任务开始任务释放 介绍 redis的watchDog机制实现了超时续约的功能&#xff0c;简单来说就是在获取锁成功以后&#xff0c;开启一个定时任务&#xff0c;这个任务每隔一段时间(relaseTime / 3)&#xff0c;重置超时时间&#xff0c;避免的因业务阻塞导致锁…
阅读更多...
比特币L2项目主网密集上线：新业态背后的挑战与机遇

比特币L2项目主网密集上线：新业态背后的挑战与机遇

随着加密货币行业的快速发展&#xff0c;比特币Layer 2&#xff08;以下简称L2&#xff09;项目的主网密集上线成为了近期的热点话题。这一潮流不仅是对比特币网络扩展的重要里程碑&#xff0c;也为新的商业模式和生态系统带来了无限可能。然而&#xff0c;随之而来的是各种挑战…
阅读更多...
支付宝支付之SpringBoot整合支付宝入门

支付宝支付之SpringBoot整合支付宝入门

支付宝支付 对接流程 申请阿里支付官方企业账号配置应用签约产品获取RSAKey&#xff08;非对称加密&#xff09;必须获得两个加密串&#xff1a;一个公钥&#xff0c;一个密钥SDK功能开发业务对接支付回调支付组件 核心所需的参数 APPID商家私钥支付宝公钥支付回调地址网关…
阅读更多...
实战纪实 | 学工平台平行越权

实战纪实 | 学工平台平行越权

一.账号密码可爆破&#xff08;无验证码&#xff09; 1.学校学工平台用于请假跟每日上报健康信息&#xff0c;登录框如下&#xff1a; 2.经过测试发现这里不存在验证码验证&#xff0c;并且存在初始密码&#xff0c;可以尝试使用默认密码爆破账号&#xff1a; 3.经测试&#x…
阅读更多...
【无标题】PHP-parse_str变量覆盖

【无标题】PHP-parse_str变量覆盖

[题目信息]&#xff1a; 题目名称题目难度PHP-parse_str变量覆盖1 [题目考点]&#xff1a; 变量覆盖指的是用我们自定义的参数值替换程序原有的变量值&#xff0c;一般变量覆盖漏洞需要结合程序的其它功能来实现完整的攻击。 经常导致变量覆盖漏洞场景有&#xff1a;$$&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023