web前端期末大作业 html+css+javascript汽车介绍网页设计实例 企业网站制作(带报告3490字)

news2024/11/8 15:23:31

🎉精彩专栏推荐 💭文末获取联系
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
💂 作者主页: 【主页——🚀获取更多优质源码】
🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】
🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (110套) 】
🌎超炫酷的Echarts大屏可视化源码:【🔰 Echarts大屏展示大数据平台可视化(150套) 】
🔖 HTML+CSS+JS实例代码: 【🗂️5000套HTML+CSS+JS实例代码 (炫酷代码) 继续更新中…】
🎁 免费且实用的WEB前端学习指南: 【📂web前端零基础到高级学习视频教程 120G干货分享】

🥇 关于作者: 💬历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰,难凉热血;多年过去,历经变迁,物是人非。 然而,对于技术的探索和追求从未停歇。 💪坚持原创,热衷分享,初心未改,继往开来!


📂文章目录

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


一、👨‍🎓网站题目

🚗汽车网站、🚘汽车介绍、🚍汽车官网、汽车租赁、企业网页 、等网站的设计与制作。


二、✍️网站描述

🏷️ 此作品为学生汽车网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。

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

  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>
<head>
<meta charset="UTF-8">
<title>车辆评估</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
</head>
<body>
<header class="head clearfix">
  <div class="main "><b><img src="images/logo.png" width="300"></b>
    <p><a href="index.html">主页</a> 
    <a href="chexing.html">汽车车型</a>
    <a href="lishi.html">汽车历史</a>
    <a href="reg.html">用户注册</a>
    <a href="login.html">用户登录</a></p>
  </div>
</header>
<section class="main clearfix">
  <div class="div1 clearfix"> <img src="images/timg.jpg" width="100%"> </div>
  <div class="recommand clear">
    <div class="rec-nav clear">
      <h2>汽车推荐 <span>RECOMMAND</span></h2>
    </div>
    <div class="rec-cont clear">
      <div class="rec-left"> <img src="images/rc-1.jpg"> </div>
      <div class="rec-right">
        <div class="rcr">
          <div class="rcr-top" style="margin-left: 10px;"> <a  href="info.html"><img src="images/rc-2.jpg" width="100%"> </a> </div>
          <div class="rcr-bot">
            <div class="rb-top"> BMW1系运动轿车 </div>
            <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">290000 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
            <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
          </div>
        </div>
        <div class="rcr">
          <div class="rcr-top" style="margin-left: 10px;"> <a  href="info.html"><img src="images/rc-3.jpg" width="100%"> </a> </div>
          <div class="rcr-bot">
            <div class="rb-top"> 创新BMW2系四门轿跑车车型售价</div>
            <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">269,800 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
            <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
          </div>
        </div>
        <div class="rcr">
          <div class="rcr-top" style="margin-left: 10px;"> <a  href="info.html"><img src="images/rc-4.jpg" width="100%"> </a> </div>
          <div class="rcr-bot">
            <div class="rb-top"> BMW2系敞篷轿跑车2019款车型</div>
            <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">309,800 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
            <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
          </div>
        </div>
        <div class="rcr">
          <div class="rcr-top" style="margin-left: 10px;"> <a  href="info.html"><img src="images/rc-5.jpg" width="100%"> </a> </div>
          <div class="rcr-bot">
            <div class="rb-top"> BMW2系多功能旅行车车型 </div>
            <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">263,800 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
            <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
          </div>
        </div>
        <div class="rcr">
          <div class="rcr-top"> <a  href="info.html"><img src="images/rc-6.jpg" width="100%"> </a> </div>
          <div class="rcr-bot">
            <div class="rb-top"> 全新BMW3系车型 </div>
            <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">293,900 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
            <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
          </div>
        </div>
        <div class="rcr">
          <div class="rcr-top"> <a  href="info.html"><img src="images/rc-2.jpg" width="100%"> </a> </div>
          <div class="rcr-bot">
            <div class="rb-top"> BMW3系GT车型售价 </div>
            <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">359,800 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
            <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="clearfix"></div>
  <div class="div1 ad clearfix"> <img src="images/ad.jpg" width="100%"> </div>
  <div class="recommand clear">
    <div class="rec-nav clear">
      <h2>今日上新 <span>TODAY NEW</span></h2>
    </div>
    <div class="rec-cont row clear">
      <div class="rcr">
        <div class="rcr-top" style="margin-left: 10px;"> <a  href="info.html"><img src="images/1.jpg" width="100%"></a> </div>
        <div class="rcr-bot">
          <div class="rb-top"> 全新BMW3系车型 </div>
          <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">293,900 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
          <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
        </div>
      </div>
      <div class="rcr">
        <div class="rcr-top" style="margin-left: 10px;"><a  href="info.html"> <img src="images/2.jpg" width="100%"></a> </div>
        <div class="rcr-bot">
          <div class="rb-top"> BMW3系GT车型 </div>
          <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">359,800 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
          <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
        </div>
      </div>
      <div class="rcr">
        <div class="rcr-top" style="margin-left: 10px;"> <a  href="info.html"><img src="images/3.jpg" width="100%"></a> </div>
        <div class="rcr-bot">
          <div class="rb-top"> 全新BMW4系双门轿跑车车型售价 </div>
          <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">363,800 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
          <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
        </div>
      </div>
      <div class="rcr">
        <div class="rcr-top" style="margin-left: 10px;"> <a  href="info.html"><img src="images/4.jpg" width="100%"></a> </div>
        <div class="rcr-bot">
          <div class="rb-top"> 全新BMW么系敞篷轿跑车车型售价</div>
          <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">468,800 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
          <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
        </div>
      </div>
      <div class="rcr">
        <div class="rcr-top"> <a  href="info.html"><img src="images/5.jpg" width="100%"> </a></div>
        <div class="rcr-bot">
          <div class="rb-top"> BMW么系四门轿跑车2020款车型 </div>
          <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">359,800 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
          <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
        </div>
      </div>
      <div class="rcr">
        <div class="rcr-top"> <a  href="info.html"><img src="images/6.jpg" width="100%"> </a></div>
        <div class="rcr-bot">
          <div class="rb-top"> 新BMW5系
            车型</div>
          <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">426,900 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
          <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
        </div>
      </div>
      <div class="rcr">
        <div class="rcr-top"><a  href="info.html"> <img src="images/7.jpg" width="100%"> </a></div>
        <div class="rcr-bot">
          <div class="rb-top"> 新BMW5系插电式混合动力车型 </div>
          <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">499,900 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
          <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
        </div>
      </div>
      <div class="rcr">
        <div class="rcr-top"><a  href="info.html"> <img src="images/8.jpg" width="100%"> </a></div>
        <div class="rcr-bot">
          <div class="rb-top"> 新BMW6系GT车型 </div>
          <div class="second_P"> <span class="fk-prop"></span> <span class="fk-prop-price">583,900 <span class="fk-prop-p">.00</span> </span> <span class="second_Marketprice">¥0.00</span> </div>
          <div class="buy"> <a class="second_mallBuy" href="info.html"> <span style="color: white;">查看</span> </a> </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</section>
<footer> 版权所属&nbsp;xxx</footer>
</body>
</html>




💒CSS样式代码


/* CSS Document */
a{ font-size:14px; color:#000; text-decoration:none }a:hover{ color:#FF3366}
ul{ margin:0; padding:0}
body{ font-size:14px; margin:0 auto; padding:0; background:#fff;  color:#333; line-height:30px}
.clearfix:after{ clear:both; content:''; display:block;}
.main{ width:1200px; margin:0 auto}
header b{ float:left; }
header{ background:#000; height:100px  }
.head span{ margin-top:15px}
.head p{ margin:0; float:right; margin-top:20px; }
header a{color:#fff }
h1,h2,h3{ margin:0; padding:0}
header a{ font-size:19px; margin:15px 30px; display:inline-block}
header a:hover{ color:#FFCC00}
.fl{ float:left}.fr{ float:right}
.bg000{ background:rgba(255,255,255,.4); overflow:hidden;}
.bar{ padding:5px 0; font-size:18px; height:24px; border-bottom:#999 solid 1px}
.w40{ width:40%;}.w60{ width:60%}.w20{ width:20%}
.imgtextlist  li{ border:#ccc solid 1px; margin:0; padding:0; list-style:none; display:inline-block; text-align:center; width:221px; margin:15px; margin-bottom:0}
.imgtextlist img{ width:200px; height:200px}
.div2 .fr div{ margin:5px 5px; font-size:14px;}
.div2{ float:left;margin-top:20px; font-size:14px; width:280px;}
.div4{ float:right;margin-top:20px; width:700px}.div7{ margin-top:20px; width:100%}
footer{ text-align:center;  margin-top:50px; padding:10px 0; background:#000000; color:#fff}
.con{ padding:20px}
.title{ color:#FF0033; padding:20px 0; border-bottom:#333 dashed 1px ; margin-bottom:20px}
.div1 img{ float:left}
.div7{ margin-top:20px}
.mar{ margin:20px 10px; padding-bottom:10px;}
.js  div{ width:100%; clear:both; margin-bottom:20px; float:left}
.bar a{ float:right}
.bar  h3{ float:left}
.list{ margin:0 -15px}
.ggg{ width:100%; background:#339966; color:#fff; padding:15px 30px; font-size:18px}
.g1{ float:left; width:50%}
.g2{ float:right; width:47%}
.js div img{ float:left; margin-right:20px} 
.form span{ text-align:right; width:110px; display:inline-block}
.form  .inp{ padding:8px; width:220px; border:#000000 solid 1px;}
.form { font-size:18px; margin-left:50px}
#sub{ background:#000000 ; width:237px; color:#fff}
.form>div{ margin:10px 0}
b img{
    height: 100px;
}
.h h3{ font-size:16px;}
.hy{ background:#eee; padding:20px; width:400px; margin:20px auto}.hy span{ display:inline-block; width:140px;}
.row{ margin-left:-20px; margin-right:-20px;}
.row .rcr{ margin-right:14px}
.recommand{
    float: left;
    width: 100%;
}

.benchi{
	position:absolute;
	left:170px;
	top:110px;
}
.zaoqi{
	position:relative;
	top:430px;
	left:-290px;
}
.zaoqitupian{
	float:left;
	position:absolute;
	top:580px;
	left:160px;
	
}
.wenzi1{
	float:right;
	position:absolute;
	left:430px;
	top:590px;
}
.zhongqi{
	position:absolute;
	top:820px;
	left:165px;
}
.zhongqitupian{
	position:absolute;
	top:865px;
	left:160px;
}
.wenzi2{
	position:absolute;
	left:430px;
	top:860px;
}
.houqi{
	position:absolute;
	top:1080px;
	left:165px;
}
.houqitupian{
	position:absolute;
	top:1125px;
	left:160px;
}
.wenzi3{
	position:absolute;
	left:430px;
	top:1160px;


}
.dibu{
	background:#000000;
	height:50px;
	width:1300px;
	position:absolute;
	top:1330px;
	}
.wenzi4{
	text-align:center;
	color:#FFFFFF;
}
		
.rec-nav{
    float: left;
    margin-top: 20px;
    width: 100%;
    left: -1px;
    height: 48px;
    line-height: 48px;

    color: #000000;
    border-bottom: 1px solid #000000;
}
.bd{ background:url(../images/11.jpg) no-repeat left; padding-left:600px; padding-top:150px; padding-bottom:150px }
.rec-nav span{
    font-size: 12px;
    margin-left: 10px;
    color:#999999 ;
}
.rec-nav h2{ font-size:24px}
.rec-cont{
    float: left;


    margin-top: 40px;
}
.rec-left{
    float: left;
    width: 320px;
    height: 660px;
}
.rec-right{
    float: left;
    width:880px;
    height: 660px;

}
img{ max-width:100%}
.rcr{
    float: left;
    width: 270px;
    height: 330px;
    margin-left: 23px;
}
.rcr-top{
    width: 260px;
    height: 200px;
   margin-left: 10px;
    transition: all 0.5s;
}

.rcr-bot {
    width: 260px;
    height: 130px;
    margin: 0 5px;
}
.ad{ margin-top:30px}
.rb-top{
    width: 260px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    border-bottom:1px dashed #999999;
}
.second_P{
    padding-top: 15px;
    width: 260px;
    height: 20px;
    text-align:center;
}
.fk-prop,.fk-prop-p{
    font-size: 12px;
    color: #000000;
}
.fk-prop-price{
    color: #000000;
    font-size: 18px;
}
.second_Marketprice {
    color: #767676;
    font-size: 12px;
    text-decoration: line-through;
}
.buy{
    float: left;
    width: 100%;
    margin-top: 15px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}
.second_mallBuy{
    display: inline-block;
    height: 33px;
    width: 80%;
    line-height: 33px;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: white;
    font-size: 16px;
    max-width: 240px;
    letter-spacing: 0;
    background-color:#000000 ;
}



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

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

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

第三、学到了就要用到

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


七、🎁更多干货

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

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

3.

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

在这里插入图片描述

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

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

相关文章

WEB前端网页设计 CSS网页代码 基础参数(三)

目录 font-size属性单位; color&#xff1a;文本颜色 间距 text-decoration&#xff1a;文本装饰 text-align&#xff1a;水平对齐方式 white-space&#xff1a;空白符处理 text-overflow&#xff1a;标示对象内溢出文本 盒子模型&#xff1a; 高度坍…

Python课程设计-图书管理系统

Python课程设计-图书管理系统摘要第一章 绪论1.1 开发环境及技术1.2 系统实现功能描述第二章 功能详细设计与实现2.1 系统框架各层次实现2.1.1 可视页面设计2 数据库设计3 逻辑流程设计2.2 主要功能的设计与实现1 功能 1用户登录2 功能 2展示图书3 功能 3添加图书4 功能 4删除图…

3dmax 打开查看模型

下载一个3dmax模型如下图&#xff1b;包含一个.max文件&#xff0c;一个文件夹&#xff1b; 从File菜单打开该模型&#xff1b;打开对话框右侧会显示模型的一个缩略图&#xff1b; 有任何情况均忽略&#xff0c;直接打开&#xff0c;出现一个Scene Converter对话框&#xff0c;…

Spring MVC 源码分析

Spring MVC 源码分析1. 回顾Servlet1.1. 什么是Servlet1.2. Servlet工作模式1.3. Servlet的工作原理1.4. 源码分析1.4.1. Servlet接口1.4.2. GenericServlet抽象类1.4.3. HttpServlet抽象类1.5. Servlet的局限性2. Spring MVC简介2.1. 什么是MVC2.2. 什么是Spring MVC&#xff…

【深度学习】详解 BEiT

目录 摘要 一、引言 二、方法 2.1 图像表示 2.1.1 图像 patch 2.1.2 视觉 token 2.2 主干网络&#xff1a;图像 Transformer 2.3 预训练 BEiT&#xff1a;掩码图像建模 2.4 从变分自动编码器的角度来看 2.5 预训练设置 2.6 在下游视觉任务微调 BEiT 三、实验 3.…

谁还说我没表情包用?马上用Python采集上万张个表情包

前言 今天来表演一手 采集全网表情包图片 虽然我现在的wx表情包已经996个了&#xff0c;但是我还在存表情包哈哈&#xff0c;多了就继续删 现在跟人聊天&#xff0c;不发个表情包&#xff0c;我都觉得不对劲&#xff0c;怪难受的 索性今天就来&#xff0c;给你们分享一下&a…

Vue3:分析elementplus表格第一列序号hover变多选框实现思路

灵感来自Vue el-table 表格第一列序号与复选框hover切换 源码是通过Vue2elementui去实现的&#xff0c;本篇是通过Vue3elementplus实现&#xff0c;所以在代码上面有些许不同&#xff0c;但函数名一致 实现思路&#xff1a; ①通过表头是多选框&#xff0c;我们可以判定这一…

9.1、面向对象编程

文章目录面向对象编程简介面向对象编程面向对象编程的三大特性对象和类封装练习继承什么是继承重写父类方法多继承私有属性和私有方法多态项目案例&#xff1a;栈和队列的封装栈的封装队列的封装python是面向对象的编程语言 面向对象编程简介 “面向过程”(Procedure Oriente…

Java并发编程—synchronized

文章目录synchronized 的底层实现原理监视器锁对象的锁的获取过程如下&#xff1a;monitorexit&#xff1a;加synchronized锁前后对比synchronized的作用synchronized的三种主要用法synchronized为什么是 非公平锁&#xff1f;————————————————————————…

大数据项目 --- 电商数仓(一)

这个项目实在数据采集基础使用的,需要提前复习之前学的东西,否则的话就是很难继续学习.详见博客数据项目一 ---数据采集项目.大数据项目 --- 数据采集项目_YllasdW的博客-CSDN博客大数据第一个项目笔记整理https://blog.csdn.net/m0_47489229/article/details/127477626 目录 …

Android 基于物理特性动画 —— 弹簧动画

在安卓开发中我们可以通过动画添加视觉提示&#xff0c;向用户通知应用中的动态。当界面状态发生改变时&#xff08;例如有新内容加载或有新操作可用时&#xff09;&#xff0c;动画尤其有用。动画还为应用增加了优美的外观&#xff0c;使其拥有更高品质的外观和风格。 首先来…

Java并发编程—并发和并行、线程上下文

文章目录并发和并行并发和并行的区别上下文切换相关问题为什么循环次数少的情况下&#xff0c;单线程快&#xff1f;什么时候需要用多线程&#xff1f;线程上下文切换消耗的时长&#xff1f;用什么测试的线程上下文&#xff1f;面试回答下面的工具会加分&#xff1a;如何减少上…

DQL简介

学习笔记之DQL 数据查询语言&#xff0c;用来查询数据库中表的记录。 查询关键字&#xff1a;select 基本查询 1查询多个字段 select 字段1&#xff0c;字段2&#xff0c;字段3.. from 表名; select * from 表名;2设置别名 select 字段1 [别名1],字段2[别名2]... from 表名;3…

233搞懂HMM(隐马尔可夫)

文章目录2条性质3个参数3个问题维特比算法参考资料有向图模型&#xff0c;主要用于时序数据建模&#xff0c;在语音识别&#xff0c;自然语言处理等领域&#xff0c;以及在知识图谱命名实体识别中的序列标注&#xff0c;有广泛应用。 HMM模型由两部分组成&#xff0c; 观测变量…

spring boot 应用mybatis

Mybatis入门: Mybatis入门_做测试的喵酱的博客-CSDN博客 目录 一、spring boot 应用mybatis 核心 二、举例&#xff1a; 2.1 背景 2.2 项目结构&#xff1a; 2.3 依赖包 pom 2.4 项目配置文件application.yml 2.5 实例层entity 2.6 mybatis的mapper层 2.7 spring boot…

Android—过渡按钮的简单实现

Android—过渡按钮的简单实现前言准备工作登录页面(activity_main.xml)登录成功页面(activity_new.xml)主要代码给登录按钮设置监听事件(MainActivity.xml)点击登录按钮出现加载动画(TransitionButton.java)当isSuccessful判断为true时(MainActivity.xml)加载动画结束时切入跳转…

C语言笔记-16-Linux基础-文件元数据

C语言笔记-16-Linux基础-文件元数据 文章目录C语言笔记-16-Linux基础-文件元数据前言一、概述二、ln 硬连接三、软连接四、stat 获取元数据总结前言 自学笔记&#xff0c;没有历史知识铺垫&#xff08;省略百度部分&#xff09;C语言笔记-16-Linux基础-文件元数据 一、概述 文…

Kaggle泰坦尼克号-决策树Top 3%-0基础代码详解

Titanic Disaster Kaggle&#xff0c;里的经典入门题目&#xff0c;因为在学决策树所以找了一个实例学习了一下&#xff0c;完全萌新零基础&#xff0c;所以基本每一句都做了注释。 原文链接&#xff1a;Titanic: Simple Decision Tree model score(Top 3%) | Kaggle 目录 1.…

SolidWorks如何绘制环形波纹垫片

环形波纹垫片主要用于螺纹式固定件或者防滑螺纹固定中,那这个环形垫片一般怎么用SolidWorks制作呢?首先我们观察到这样的垫片是上下此起彼伏的波纹状,厚度一般1MM左右,制作起来还是有点小难度,但是通过仔细观察,我们可以看到它的大概走向,如图 也就是特征就是这边凹下去…

获取Android签名MD5的方式

形而上者谓之道&#xff0c;形而下者谓之器 我们在申请百度云/腾讯云等第三方的各种服务时&#xff0c;经常会遇到需要提供包名和签名MD5的情况。这里特地总结一下&#xff1a; 1. 获取MD5的一般方式 1.1 有签名文件(.keystore)的情况下: keytool -list -v -keystore XXX.key…