【网页设计】前端练习代码（二）

最新推荐文章于 2024-09-13 23:32:49 发布
最新推荐文章于 2024-09-13 23:32:49 发布
阅读量126 收藏
点赞数 2
文章标签： 前端 css css3 html 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_64077978/article/details/140474611
版权

ps课堂开课啦

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;font-family:"微软雅黑";font-size:16px;}
div{width:300px;height:296px;background:url(img/8.png) no-repeat;margin:100px auto;border:1px solid #999}
h1{width:286px;height:30px;background:#FFF url(img/9.png) no-repeat 268px center;padding-left:12px;border-bottom:1px solid #999;padding-top:10px;}
h2{color:#FFF;text-align:center;margin-top:50px;}h2 span{font-size:20px;color:#FC3;}
p{margin-left:100px;color:#FFF;margin-top:12px;font-size:12px;}

</style>
</head>

<body>
<div>
<h1>实践等于实赚，等你来领钱!</h1>
<h2>ps网络课堂<br/><span>开课啦</span></h2>
<p>网络在线教学</p>
<P>课程全程录制</P>
<p>24小时在线辅导</p></div>
</body>
</html>

恭贺新年

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0}
div{background:url(images/left.jpg) no-repeat left;width:1000px;height:800px;}
.one{background:url(images/right.jpg) no-repeat right;width:1000px;height:800px;}
.two{background:url(images/top.jpg) no-repeat center 0px;width:1000px;height:150px;line-height:150px;}
.three{background:url(images/bottom.jpg) no-repeat center;}
</style>
</head>

<body>
<div>
<div class="one">
<div class="two">
<div class="three">
<div class="four">
</div></div></div></div></div>
</body>
</html>

背景图像定义列表项目符号 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>背景图像定义列表项目符号</title>
<style type="text/css">
div{border:1px solid #CCC;border-top:5px solid #F60;width:500px;height:250px;margin:100px auto;}
h1{border-bottom:1px solid #CCC;font-size:20px;padding-left:10px;padding-bottom:10px;}
ul{list-style:none;width:500px;height:200px;}
li{padding-bottom:15px;font-size:18px;list-style-image:url(images/hhh.jpg)}
a:link{color:#000}
a:visited{color:#F63}
a:hover{color:#39F}
</style>
</head>

<body>
<div>
	<h1>公司动态</h1>
	<ul>
		<li><a href="#">传智播客大型人才招聘会成功举行</a></li>
    	<li><a href="#">设计免费公开课-授技数码照片图像精修技巧</a></li>
    	<li><a href="#">花再多钱也买不来的uI面试神器免费送啦</a></li>
    	<li><a href="#">传智播客2014版全新IT入门照教程光盘免费领</a></li>
	</ul>
</div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>背景图像定义列表项目符号</title>
<style type="text/css">
div{border:1px solid #CCC;border-top:5px solid #F60;width:500px;height:250px;margin:100px auto;}
h2{border-bottom:1px solid #CCC;font-size:24px;padding-left:10px;padding-bottom:10px;}
ul{list-style:none;}
li{padding-bottom:15px;font-size:18px;list-style-image:url(images/hhh.jpg);}
a:visited{color:#F63}
a:hover{color:#39F}
</style>
</head>

<body>
<div class="all">
<h2 class= "hd">公司动态</h2>
<ul class="bd">
	<li><a>传智播客大型人才招聘会成功举行</a></li>
	<li><a>设计免费公开课-授技数码照片图像精修技巧</a></li>
    <li><a>花再多钱也买不来的UI面试神器免费送啦</a></li>
    <li><a>传智播客2014版全新IT入门教程光盘免费领</a></li>
</ul>
</div>
</body>
</html>

毕业季

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;}
div{width:220px;height:280px;border:2px solid #CCC;margin:25px auto;text-align:center;}
h1{height:40px;font-size:20px;color:#000;border-bottom:2px dashed #CCC;font-family:"微软雅黑";font-weight:600px;padding-top:10px;}
p{font-size:15px;color:#999;padding-top:5px;padding-bottom:5px;}
</style>
</head>

<body>
<div>
<h1>毕业季|再见青春</h1>
<P>36557人收听</P>
<h2><img src="img/music.jpg" /></h2>
</div>
</body>
</html>

传智之歌

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;}
div{width:450px;height:200px;background:#FFF;margin:10px;}
.one{width:165px;height:90px;border:3px solid #CCC;display:inline-block;background:#FFF;padding:10px;}
.two{width:165px;height:90px;border:3px solid #CCC;display:inline-block;background:#FFF;padding:10px;}
p{width:190px;height:90px;display:inline-block;color:#00F;font-size:14px;height:30px;background:url(img/play.png) no-repeat right 0;margin-right:12px;margin-left:10px;}
p span{color:#CCC}
p b{font-size:10px}
</style>
</head>

<body>
<div>
<div class="one"><img src="img/music1.jpg"/></div>
<div class="two"><img src="img/music2.jpg"/></div>
<p class="three">传智之歌<span>-</span><b>学工部</b> </p>
<p class="four">无悔青春<span>-</span><b>传智学员</b></p> 
</div>
</body>
</html>

顶部导航栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;}
div{width:300px;height:100px;border-top:3px solid #F63;border-bottom:1px solid #666;background:#CCC}
</style>
</head>

<body>
<div>网站首页&nbsp;学校介绍&nbsp;学员作品&nbsp;联系我们</div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;}
a{display:inline-block;width:500px;height:100px;line-height:100px;border-top:3px solid #F63;border-bottom:1px solid #666;background:#CCC;}
a span{padding-left:40px;}
a span:hover{color:#F60;text-decoration:none}
</style>
</head>

<body>
<a><span>网站首页</span> <span>学校介绍</span> <span>学员作品</span> <span>留言薄</span></a>
</body>
</html>

定义列表实现图文混排

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;}
.one{width:400px;height:189px;margin:100px auto;border:2px solid #0C3}
.one dt{float:right;}
.one dd{width:220px;height:189px;margin-left:20px;margin-top:20px;font-family:"微软雅黑";}
h1{color:#0C3;font-size:18px;margin-bottom:20px;}
p{font-size:14px;}
</style>
</head>

<body>
<dl class="one">
	<dt><img src="images/zhangpeng.jpg" /></dt>
    <dd>	
    	<h1>谈华为的管道战略</h1>
    	<p>华为执行副总裁徐直军：华为致力于通过提升管道容量、增强管道使能、优化管道管理，使管道更宽、管道覆盖更广、客户体验更好。</p>
    </dd>
</dl>
</body>
</html>

 服装鞋帽数码家电

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;}
div{background:url(images/bg.jpg) no-repeat;width:130px;height:300px;margin:100px auto;padding-left:45px;padding-top:190px;}
p,ul{color:#FFF;font-family:"微软雅黑";font-size:16px;text-align:center;height:30px;width:80px;margin-bottom:12px;}
p{border-bottom:1px dashed #FFF;}

</style>
</head>

<body>
<div>
	<p>服装鞋帽</p>
    <p>数码家电</p>
    <p>运动户外</p>
    <p>孕婴用品</p>
    <ul>厨卫家具</ul>
</div>
</body>
</html>

咖啡店

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>咖啡店</title>
<style type="text/css">
*{padding:0;margin:0}
.all{width:850px;height:320px;background:#C96;border:5px solid #CCC;margin:30px;}
.img{width:850px;height:250px;background:#300;}</style>
</head>

<body>
<div class="all">
<div class="img"><img src="images/coffee.png" /></div>
</div>
</body>
</html>

李刚 传智播客

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;}
dl{width:215px;height:300px;border:8px solid #CCC;}
dt{margin:5px;}
dd{color:#CCC;margin-left:25px;margin-top:10px;}
h1{margin-bottom:10px;font-size:14px;}
span{font-size:16px;color:#999;}
p{margin-bottom:10px;font-size:14px;}
</style>
</head>

<body>
<dl>
	<dt><img src="images/img.png" /></dt>
    <dd>
    	<h1><span>李刚</span>&nbsp;传智播客</h1>
        <p>晋级：网页设计师</p>
    	<p>案例：41个</p>
    	<p>经验：4年</p>
    </dd>
</dl>
</body>
</html>

图标

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><style type="text/css">
*{padding:0;margin:0;}
div{width:780px;height:50px;background:#333;padding-left:20px;}
.one,.two,.three,.four,.five,.six,.seven{width:60px;height:45px;border-bottom:4px solid #39C;display:inline-block;background:url(img/7.png) no-repeat;margin-right:20px;}
</style>
</head>

<body>
<div>
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="five"></div>
<div class="six"></div>
<div class="seven"></div>
</div>
</body>
</html>

图标导航栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;}
div{width:720px;height:50px;background:#333;}
.one{width:70px;height:45px;border-bottom:4px solid #39C;display:inline-block;padding-left:10px;background:url(img/1.png) no-repeat;padding-left:15px;margin-right:20px;}
.two{width:70px;height:45px;border-bottom:4px solid #39C;display:inline-block;padding-left:10px;background:url(img/2.png) no-repeat;padding-left:15px;margin-right:20px;}
.three{width:70px;height:45px;border-bottom:4px solid #39C;display:inline-block;padding-left:10px;background:url(img/3.png) no-repeat;padding-left:15px;margin-right:20px;}
.four{width:70px;height:45px;border-bottom:4px solid #39C;display:inline-block;padding-left:10px;background:url(img/4.png) no-repeat;padding-left:15px;margin-right:20px;}
.five{width:70px;height:45px;border-bottom:4px solid #39C;display:inline-block;padding-left:10px;background:url(img/5.png) no-repeat;padding-left:15px;margin-right:20px;}
.six{width:70px;height:45px;border-bottom:4px solid #39C;display:inline-block;padding-left:10px;background:url(img/6.png) no-repeat;padding-left:15px;margin-right:20px;}
.seven{width:70px;height:45px;border-bottom:4px solid #39C;display:inline-block;padding-left:10px;background:url(img/7.png) no-repeat;padding-left:15px;margin-right:20px;}
</style>
</head>

<body>
<div>
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="five"></div>
<div class="six"></div>
<div class="seven"></div>
</div>
</body>
</html>

图标栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0;}
div{width:620px;height:50px;background:#333;padding-left:20px;}
div span{display:inline-block;border-bottom:4px solid #39C;}
</style>
</head>

<body>
<div>
<span><img src="img/1.png" /></span>
<span><img src="img/2.png" /></span>
<span><img src="img/3.png" /></span>
<span><img src="img/4.png" /></span>
<span><img src="img/5.png" /></span>
<span><img src="img/6.png" /></span>
<span><img src="img/7.png" /></span>
</div>
</body>
</html>

用户

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;margin:0}
div{width:150px;height:300px;margin:100px auto;}
h1{border:1px solid #000;margin-bottom:2px;}
p{height:30px;font-size:16px;font-family:"微软雅黑";border:1px solid #000;padding-left:10px;margin-bottom:2px;padding-top:8px;}
</style>
</head>

<body>
<div>
<h1><img src="img/user.jpg" /></h1>
<p>用户姓名:</p>
<p>学习进度:</p>
<p>兴趣爱好:</p>
<p>参与的群:</p>
</div>
</body>
</html>

pitytheriver
关注
前端Web网页设计的项目实现
大牛好我是小小白的博客
08-25 4980
制作官网网页界面，实际运用理论知识，学习开发经验
【网页前端设计HTML】表格
weixin_53597021的博客
07-14 1502
表格的主要作用表格的基本语法⭐表格的主要作用表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。总结：表格不是用来布局页面的,而是用来展示数据的。如图所示：⭐表格的基本语法。
【网页设计】前端代码练习（四）
qq_64077978的博客
07-17 781
创建表格的基本语法格式制作网页时，为了使网页中的元素有条理地显示，经常需要使用表格对网页中的元素进行规划。同时，为了美化页面，常常会使用背景属性来对表格做修饰。为了让初学者掌握创建表格的基本方法，接下来，通过创建一个两行两列的青花瓷表格的作业做具体演示。青花瓷表格效果新建HTML文件，具体代码如下： 保存后，在火狐浏览器中预览，效果如图6-2所示。青花瓷表格标记属性当多个单元格中的内容相同时，为了避免内容重复，就需把它们合并为一个单元格。为了让初学者掌握合并单元格的基本方法，接下来，通过创建一个
在线考试界面前端代码
qq_47901934的博客
07-17 2999
<template> <section class="paper"> <HeaderTop :title="paperInfo.paperName" class="paper_header"> <a href="javascript:" slot="left" class="go_back" @click="toBack"> <i class="iconfont iconfanhui"></i>.
HTML CSS 个人网页设计 WEB前端大作业代码
qq_365392777
10-31 659
????精彩专栏推荐???????????????????????? ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 ???? 作者主页: ​​【主页——????获取更多优质源码】​​ ???? web前端期末大作业： 【????毕设项目精品实战案例 (1000套) 】 ???? 程序员有趣的告白方式：【????HTML七夕情人节表白网页制作 (110套) 】 ????超炫酷的Echarts...
WEB前端开发练习代码
tiantianzs的博客
01-11 6195
<!DOCTYPE html> <!-- HTML5申明 --> <html lang="zh"> <!-- 表示本网站为中文网站 --> <!-- 头部，定义网页标题和字体样式等 --> <head> <meta charset="UTF-8"> <!-- 定义网页为UTF-8编码 --> <title>Web前端开发技术初步应用</title> &l.
web前端开发第3次Dreamweave课堂练习/html练习代码《网页设计语言基础练习案例》
山山4332的博客
11-12 902
定义列表，没有列表符，dl后面要跟着dt和dd，一个dt可以和多个dd搭配，其。无序列表，默认列表符为实心圆点，有左填充，嵌套子列表的列表符会发生变化。列表元素是块级元素，能独立成行，一般不单独使用，因为单独的元素不能表。达完整的语义，且有可能在样式的呈现上回出现意想不到的问题。* h标签（h1~h6）：用来定义网页的标题，成对出现。换行符，只回一行，行间距较小时可以使用，且不够精确。有序列表，默认列表符为阿拉伯数字，有左填充。默认自带效果：加粗，自带间距，且独立成行。默认自带效果：段间距，且独立成行。
个人介绍网页代码 html静态网页设计制作 dw静态网页成品模板素材网页 web前端网页设计与制作 div静态网页设计
QQ_____365392777的博客
12-17 1943
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
通过HTML和CSS设计一个静态网页（练习实例，附完整代码）
热门推荐
微子细的博客
07-04 9万+
本文笔记基于「千古壹号」的GitHub项目：https://github.com/qianguyihao/web 网页原址：博雅互动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="...
Web前端大作业 体育主题足球网页制作 足球梅西HTML网页设计制作 dreamweaver学生网页源代码
QQ_____365392777的博客
08-15 3990
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
web大作业制作网页代码 前端网页设计作业（优质必过项目）.zip
04-24
web大作业制作网页代码 前端网页设计作业（优质必过项目）.zip个人经导师指导并认可通过的98分大作业设计项目，主要针对计算机相关专业的正在做课程设计、期末大作业的学生和需要项目实战练习的学习者。 web大作业...
shop _网商网页设计练习_后端设计_worker7t6_gulfuhs_前端_
10-03
在"shop _网商网页设计练习_后端设计_worker7t6_gulfuhs_前端_"这个主题中，我们可以深入探讨一系列与网页设计、后端开发以及前后端交互相关的知识点。这显然是一份针对初学者的实践教程，旨在帮助他们掌握JSP（Java...
前端练习代码之css2.1
04-12
这个名为"前端练习代码之css2.1"的压缩包文件，显然是为初学者或者正在进阶的前端开发者设计的一系列练习项目，旨在帮助他们深入理解和熟练应用CSS2.1规范。CSS2.1是CSS的一个关键版本，它在2011年成为W3C推荐标准，...
web前端练习代码.rar
01-05
【描述】"web前端练习代码.rar"的描述简洁明了，直接点出了这是针对Web前端的学习或练习材料。这样的资源对于初学者来说是宝贵的实践平台，他们可以通过解压并运行代码来体验网页制作过程，理解前端开发的工作流程。...
-webkit-box-reflect属性与倒影效果的实现
最新发布
读心悦
09-13 433
是一个非标准的 CSS 属性，主要用于在 WebKit 浏览器（如 Chrome 和 Safari）中创建元素的倒影效果。这个属性并不是 CSS 规范的一部分，但在实践中经常被用来实现简单而有趣的视觉效果。
Vue使用query传参Boolean类型，刷新之后转换为String问题
q879936814的博客
09-12 436
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
计算机毕业设计 基于SpringBoot的课程教学平台的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
weixin_19164791635
09-12 942
本文介绍了一款基于Java、SpringBoot和Vue.js技术的课程教学平台。该平台服务于管理员、学生和教师，提供教学资源管理、课程信息浏览、作业提交与批改等功能，旨在优化教学流程，提升教育质量，促进教育资源的数字化共享，推动教育信息化发展。
（微服务项目）新闻头条——Day1
weixin_73253843的博客
09-13 1142
（微服务项目）新闻头条——Day1
HTML网页设计与基础测试题解析
HTML网页设测试题集是一套针对HTML网页设计基础理论和实践技能的考试题目集，旨在帮助学习者掌握HTML语言的核心概念、样式表应用、脚本编写以及网页事件处理等方面的知识。以下是部分题目及其解析： 1. 样式表相关...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值