JS原生练习题:第二课第5~12节
toqiye 2024-11-27 21:09 7 浏览 0 评论
第五节：函数传参，改变Div任意属性的值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函数传参，改变Div任意属性的值</title>
<link rel="stylesheet" href="../css/common.css">
<style>
.wrap{
width: 500px;
margin: 0 auto;
text-align: center;
}
label{
display: block;
margin: 10px;
}
button{
margin-left: 10px;
}
.content{
width: 200px;
height: 200px;
color: white;
background: black;
margin: 5px auto;
padding: 10px;
font-size: 14px;
line-height: 20px;
text-align: left;
}
</style>
</head>
<body>
<div class="wrap">
<label>
<span>属性名：</span>
<input type="text" value="background"/>
</label>
<label>
<span>属性值：</span>
<input type="text" value="blue"/>
</label>
<button>确定</button>
<button>重置</button>
<p class="content">在上方输入“属性名”和“属性值”，点击确认按钮查看效果。</p>
</div>
<script>
function change(elem, attr, value) {
elem.style[attr] = value;
}
window.onload = function () {
var inputs = document.getElementsByTagName("input");
var btns = document.getElementsByTagName("button");
var cons = document.getElementsByClassName("content");
btns[0].onclick = function () {
change(cons[0], inputs[0].value, inputs[1].value);
};
btns[1].onclick = function () {
cons[0].style.cssText = " ";
console.log(cons[0].style)
}
}
</script>
</body>
</html>
我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年我花了一个月整理了一份最适合2020年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取。
第六节：图片列表：鼠标移入/移出改变图片透明度
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片列表：鼠标移入/移出改变图片透明度</title>
<link rel="stylesheet" href="../css/common.css">
<style>
.wrap{
width: 700px;
margin: 10px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pics{
flex-basis: 128px;
height: 128px;
opacity: 0.5;
cursor: pointer;
border: 1px solid #999;
margin-top: 5px;
}
</style>
</head>
<body>
<div class="wrap">
<div class="pics"><img src="../image/1.jpg" /></div>
<div class="pics"><img src="../image/2.jpg" /></div>
<div class="pics"><img src="../image/3.jpg" /></div>
<div class="pics"><img src="../image/4.jpg" /></div>
<div class="pics"><img src="../image/5.jpg" /></div>
<div class="pics"><img src="../image/6.jpg" /></div>
<div class="pics"><img src="../image/7.jpg" /></div>
<div class="pics"><img src="../image/8.jpg" /></div>
<div class="pics"><img src="../image/9.jpg" /></div>
<div class="pics"><img src="../image/10.jpg" /></div>
</div>
<script>
window.onload = function () {
var pictures = document.getElementsByClassName("pics");
for (var i = 0; i < pictures.length; i++) {
pictures[i].onmouseover = function () {
this.style.opacity = "1";
};
pictures[i].onmouseout = function () {
this.style.cssText = " ";
}
}
}
</script>
</body>
</html>
第七节：简易选项卡
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简易选项卡</title>
<link rel="stylesheet" href="../css/common.css">
<style>
.wrap{
width: 500px;
margin: 10px auto;
}
.nav{
background: black;
height: 30px;
display: flex;
border: 1px solid black;
}
.nav>li{
color: white;
flex-basis: 60px;
font-size: 14px;
line-height: 30px;
text-align: center;
}
.content{
width: 100%;
border: 1px solid black;
}
.content>li{
font-size: 14px;
line-height: 30px;
margin-left: 10px;
}
</style>
</head>
<body>
<div class="wrap">
<ul class="nav">
<li class="item" style="background: #ccc">第一课</li>
<li class="item">第二课</li>
<li class="item">第三课</li>
</ul>
<ul class="content" style="display: block;">
<li>网页特效原理分析</li>
<li>响应用户操作</li>
<li>提示框效果</li>
<li>事件驱动</li>
<li>元素属性操作</li>
<li>动手编写第一个JS特效</li>
<li>引入函数</li>
<li>网页换肤效果</li>
<li>展开/收缩播放列表效果</li>
</ul>
<ul class="content" style="display: none;">
<li>改变网页背景颜色</li>
<li>函数传参</li>
<li>高重用性函数的编写</li>
<li>126邮箱全选效果</li>
<li>循环及遍历操作</li>
<li>调试器的简单使用</li>
<li>典型循环的构成</li>
<li>for循环配合if判断</li>
<li>className的使用</li>
<li>innerHTML的使用</li>
<li>戛纳印象效果</li>
<li>数组</li>
<li>字符串连接</li>
</ul>
<ul class="content" style="display: none;">
<li>JavaScript组成：ECMAScript、DOM、BOM，JavaScript兼容性来源</li>
<li>JavaScript出现的位置、优缺点</li>
<li>变量、类型、typeof、数据类型转换、变量作用域</li>
<li>闭包：什么是闭包、简单应用、闭包缺点</li>
<li>运算符：算术、赋值、关系、逻辑、其他运算符</li>
<li>程序流程控制：判断、循环、跳出</li>
<li>命名规范：命名规范及必要性、匈牙利命名法</li>
<li>函数详解：函数构成、调用、事件、传参数、可变参、返回值</li>
<li>定时器的使用：setInterval、setTimeout</li>
<li>定时器应用：站长站导航效果</li>
<li>定时器应用：自动播放的选项卡</li>
<li>定时器应用：数码时钟</li>
<li>程序调试方法</li>
</ul>
</div>
<script>
window.onload = function () {
var items = document.getElementsByClassName("item");
var cons = document.getElementsByClassName("content");
for (var i= 0; i < items.length; i++) {
items[i].index = i;
items[i].onmouseover = function () {
for (var n = 0;n < items.length; n++) {
items[n].style.background = "black";
}
this.style.background = "#ccc";
for (var m = 0;m < cons.length;m++) {
cons[m].style.display = "none";
}
cons[this.index].style.display = "block"
}
}
}
</script>
</body>
</html>
第八节：简易JS年历
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简易JS年历</title>
<link rel="stylesheet" href="../css/common.css">
<style>
.wrap{
width: 300px;
margin: 0 auto;
background: #eaeaea;
padding: 10px;
}
ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
ul>li{
flex-basis: 70px;
height: 70px;
background: #424242;
margin: 5px 0 5px 0;
color: white;
font-size: 25px;
text-align: center;
line-height: 35px;
border: 1px solid black;
}
.current{
background: white;
color: #f69;
}
.content{
background: #f1f1f1;
border: 1px solid white;
font-size: 14px;
color: #666;
padding: 10px;
}
.content>h2{
line-height: 30px;
}
.content>p{
line-height: 30px;
}
</style>
</head>
<body>
<div class="wrap">
<ul>
<li><strong>1</strong><br/>JAN</li>
<li><strong>2</strong><br/>FER</li>
<li><strong>3</strong><br/>MAR</li>
<li><strong>4</strong><br/>APR</li>
<li><strong>5</strong><br/>MAY</li>
<li class="current"><strong>6</strong><br/>JUN</li>
<li><strong>7</strong><br/>JUL</li>
<li><strong>8</strong><br/>AUG</li>
<li><strong>9</strong><br/>SEP</li>
<li><strong>10</strong><br/>OCT</li>
<li><strong>11</strong><br/>NOV</li>
<li><strong>12</strong><br/>DEC</li>
</ul>
<div class="content">
<h2>
<strong>6</strong>月节日
</h2>
<p>端午节：6月4日至6日放假3天。</p>
</div>
</div>
<script>
window.onload = function () {
var lis = document.getElementsByTagName("li");
var con = document.getElementsByClassName("content")[0];
var str = con.getElementsByTagName("strong")[0];
var pCon = con.getElementsByTagName("p")[0];
var oArray = [
"元旦：1月1日至3日放假三天。",
"春节：2月2日至8日放假7天。",
"妇女节：3月8日妇女节，与我无关。",
"清明节：4月3日至5日放假3天",
"劳动节：4月30日至5月2日放假3天。",
"端午节：6月4日至6日放假3天。",
"小暑：7月7日小暑。不放假。",
"七夕节：8月6日七夕节。不放假。",
"中秋节：9月10日至12日放假3天。",
"国庆节：10月1日至7日放假7天。",
"立冬：11月8日立冬。不放假。",
"艾滋病日:12月1日\n废除奴隶制国际日:12月2日。"
];
for (var i = 0;i < lis.length;i++) {
lis[i].index = i;
lis[i].onmouseover = function () {
for ( var n = 0;n < lis.length; n++) {
lis[n].className = "";
}
this.className = "current";
str.innerHTML = this.index + 1;
pCon.innerHTML = oArray[this.index];
}
}
}
</script>
</body>
</html>
第九节：单一按钮显示/隐藏一播放列表收缩展开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>单一按钮显示/隐藏一播放列表收缩展开</title>
<link rel="stylesheet" href="../css/common.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style>
.wrap{
width: 250px;
margin: 10px auto;
border: 1px solid #ced3d7;
}
.nav{
display: flex;
justify-content: space-between;
padding: 0 10px;
height: 30px;
line-height: 30px;
background: #ced3d7;
cursor: pointer;
color: #6b7980;
border: 1px solid white;
}
.nav>span{
flex: 1;
font-size: 14px;
}
ul>li>a{
display: block;
font-size: 14px;
line-height: 30px;
background: #e9edf2;
padding: 0 10px;
color: #6b7980;
}
ul>li>a:hover{
background: white;
}
</style>
</head>
<body>
<div class="wrap">
<h2 class="nav"><span>播放列表</span><i class="fa fa-caret-up"></i><i class="fa fa-caret-down" style="display: none;"></i></h2>
<ul style="display: none;">
<li><a href="#">玩家之徒 - 蔡依林</a></li>
<li><a href="#">原谅我就是这样的女生 - 戴佩妮</a></li>
<li><a href="#">猜不透 - 丁当</a></li>
<li><a href="#">自导自演 - 周杰伦</a></li>
<li><a href="#">浪漫窝 - 弦子</a></li>
<li><a href="#">流年 - 王菲</a></li>
</ul>
</div>
<script>
window.onload = function () {
var hTwo = document.getElementsByTagName("h2")[0];
var iS = hTwo.getElementsByTagName("i");
var oUl = document.getElementsByTagName("ul")[0];
var show = true;
hTwo.onclick = function () {
if (show) {
oUl.style.display = "block";
iS[0].style.display = "none";
iS[1].style.display = "block";
} else {
oUl.style.display = "none";
iS[0].style.display = "block";
iS[1].style.display = "none";
}
show = !show;
}
}
</script>
</body>
</html>
第十节：提示框效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>提示框效果</title>
<link rel="stylesheet" href="../css/common.css">
<style>
.wrap{
width: 600px;
margin: 10px auto;
padding: 10px;
border: 1px solid black;
}
h2{
font-size: 14px;
line-height: 20px;
text-align: center;
}
ul{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
ul>li{
flex-basis: 100px;
height: 100px;
border: 1px solid black;
background: #f0f0f0;
padding: 5px;
margin: 5px 0;
position: relative;
}
ul>li>a{
font-size: 14px;
color: #666666;
text-decoration: none;
}
ul>li>img{
display: none;
z-index: 10;
position: absolute;
left: 50%;
top: 50%;
margin: -64px 0 0 -64px;
border: 1px solid #666666;
}
</style>
</head>
<body>
<div class="wrap">
<h2>名车车标展示-鼠标移过显示车标</h2>
<ul>
<li>
<a href="#" title="BMW 宝马汽车"><strong>BMW</strong><br>马汽车</a>
<img src="../image/1.jpg" alt="BMW 宝马汽车" />
</li>
<li>
<a href="#" title="Alfa Romeo 阿尔法-罗米欧"><strong>Alfa Romeo</strong><br>阿尔法-罗米欧</a>
<img src="../image/2.jpg" alt="Alfa Romeo 阿尔法-罗米欧" />
</li>
<li>
<a href="#" title="Skoda 斯柯达"><strong>Skoda</strong><br>斯柯达</a>
<img src="../image/3.jpg" alt="Skoda 斯柯达" />
</li>
<li>
<a href="#" title="Volkswagen 大众汽车"><strong>Volkswagen</strong><br>大众汽车</a>
<img src="../image/4.jpg" alt="Volkswagen 大众汽车" />
</li>
<li>
<a href="#" title="Saab 萨布牌轿"><strong>Saab</strong><br>萨布牌轿车</a>
<img src="../image/5.jpg" alt="Saab 萨布牌轿" />
</li>
<li>
<a href="#" title="Lamborghini 兰博基尼"><strong>Lamborghini</strong><br>兰博基尼</a>
<img src="../image/6.jpg" alt="Lamborghini 兰博基尼" />
</li>
<li>
<a href="#" title="Porsche 保时捷"><strong>Porsche</strong><br>保时捷</a>
<img src="../image/7.jpg" alt="Porsche 保时捷" />
</li>
<li>
<a href="#" title="Peugeot 标致"><strong>Peugeot</strong><br>标致</a>
<img src="../image/8.jpg" alt="Peugeot 标致" />
</li>
<li>
<a href="#" title="Mercedes1 梅赛德斯 奔驰"><strong>Mercedes1</strong><br>梅赛德斯 奔驰</a>
<img src="../image/9.jpg" alt="Mercedes1 梅赛德斯 奔驰" />
</li>
<li>
<a href="#" title="Buick 别克汽车"><strong>Buick</strong><br>别克汽车</a>
<img src="../image/10.jpg" alt="Buick 别克汽车" />
</li>
</ul>
</div>
<script>
window.onload = function () {
var liS = document.getElementsByTagName("li");
var imgS = document.getElementsByTagName("img");
for (var i = 0; i < liS.length; i++) {
liS[i].index = i;
liS[i].onmouseover = function () {
imgS[this.index].style.display = "block";
};
liS[i].onmouseout = function () {
imgS[this.index].style.display = "none";
};
}
}
</script>
</body>
</html>
第十一节：鼠标移过，修改图片路径
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鼠标移过，修改图片路径</title>
<link rel="stylesheet" href="../css/common.css">
<style>
body{
background: black;
}
.wrap{
width: 222px;
border: 5px solid white;
margin: 10px auto;
background: white;
}
ul{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
background: black;
padding: 5px;
}
ul>li{
justify-self: center;
align-self: center;
}
.item-1{
grid-column: 1/4;
grid-row: 1/4;
}
.item-2{
grid-row: 1/2;
}
.item-3{
grid-row: 2/3;
}
.item-4{
grid-row: 3/4;
}
.loading{
background: url("../image/loading.gif");
}
</style>
</head>
<body>
<div class="wrap">
<ul>
<li class="item-1"><img src="../image/big_1.jpg"><div class="loading"></div></li>
<li class="item-2"><a href="#"><img src="../image/small_1.jpg"></a></li>
<li class="item-3"><a href="#"><img src="../image/small_2.jpg"></a></li>
<li class="item-4"><a href="#"><img src="../image/small_3.jpg"></a></li>
<li class="item-5"><a href="#"><img src="../image/small_4.jpg"></a></li>
<li class="item-6"><a href="#"><img src="../image/small_5.jpg"></a></li>
<li class="item-7"><a href="#"><img src="../image/small_6.jpg"></a></li>
<li class="item-8"><a href="#"><img src="../image/small_7.jpg"></a></li>
<li class="item-9"><a href="#"><img src="../image/small_8.jpg"></a></li>
<li class="item-10"><a href="#"><img src="../image/small_9.jpg"></a></li>
<li class="item-11"><a href="#"><img src="../image/small_10.jpg"></a></li>
<li class="item-12"><a href="#"><img src="../image/small_11.jpg"></a></li>
</ul>
</div>
<script>
window.onload = function () {
var liS = document.getElementsByTagName("li");
var imgS = document.getElementsByTagName("img");
var oDiv = document.getElementsByTagName("div")[1];
for (var i = 1; i < imgS.length; i++) {
imgS[i].index = i;
imgS[i].onmouseover = function () {
var img = new Image();
img.src = imgS[0].src = this.src.replace(/small/, "big");
oDiv.style.display = "block";
img.complete ? oDiv.style.display = "none" : (imgS[0].onload = function() {
oDiv.style.display = "none"
});
}
}
}
</script>
</body>
</html>
第十二节：复选框（checkbox）全选/全不选/返选
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>复选框（checkbox）全选/全不选/返选</title>
<link rel="stylesheet" href="../css/common.css">
<style>
.wrap{
width: 500px;
margin: 10px auto;
font-size: 14px;
}
form{
margin: 0 auto;
width: 120px;
padding: 10px;
border: 1px solid black;
border-radius: 5px;
}
label{
display: block;
line-height: 30px;
}
label>input{
margin-right: 5px;
}
.oppo{
margin-left: 10px;
cursor: pointer;
color: #77ccff;
}
.oppo:hover{
color: #ff6699;
}
.title{
display: inline-block;
}
.tip{
margin: 10px auto;
text-align: center;
}
.border{
padding-top: 5px;
border-top: 1px solid black;
}
</style>
</head>
<body>
<div class="wrap">
<form>
<label class="title">
<input type="checkbox" value="" name="tab" /><strong><span>全选</span></strong>
</label>
<span class="oppo">反选</span>
<label class="border">
<input type="checkbox" value="" name="tab" /><span>选项（一）</span>
</label>
<label>
<input type="checkbox" value="" name="tab" /><span>选项（二）</span>
</label>
<label>
<input type="checkbox" value="" name="tab" /><span>选项（三）</span>
</label>
<label>
<input type="checkbox" value="" name="tab" /><span>选项（四）</span>
</label>
<label>
<input type="checkbox" value="" name="tab" /><span>选项（五）</span>
</label>
<label>
<input type="checkbox" value="" name="tab" /><span>选项（六）</span>
</label>
<label>
<input type="checkbox" value="" name="tab" /><span>选项（七）</span>
</label>
<label>
<input type="checkbox" value="" name="tab" /><span>选项（八）</span>
</label>
<label>
<input type="checkbox" value="" name="tab" /><span>选项（九）</span>
</label>
<label>
<input type="checkbox" value="" name="tab" /><span>选项（十）</span>
</label>
</form>
<div class="tip">
1、切换全选/全不选文字；2、根据选中个数更新全选框状态；
</div>
</div>
<script>
window.onload = function () {
var inputS = document.getElementsByTagName("input");
var spanS = document.getElementsByTagName("span");
var opposites = document.getElementsByClassName("oppo")[0];
function isChockAll() {
for (var i = 1 , n = 0; i < inputS.length; i++ ) {
inputS[i].checked && n++;
}
inputS[0].checked = (n === inputS.length - 1);
spanS[0].innerHTML= inputS[0].checked ? "全不选" : "全选";
}
function change(value) {
for(var i = 1;i < inputS.length;i++) {
inputS[i].checked = value;
}
}
//全选或全不选
inputS[0].onclick = function () {
if(this.checked){
change(true);
}else {
change(false);
}
isChockAll();
};
//反选
opposites.onclick = function () {
for (var i = 1; i < inputS.length; i++) {
inputS[i].checked = !inputS[i].checked;
}
isChockAll();
};
//元素的变化影响全选件
for (var i = 1; i < inputS.length; i++) {
inputS[i].onclick = function () {
isChockAll();
}
}
}
</script>
</body>
</html>- 上一篇：对红黑树的认识总结
- 下一篇：前端面试干货:四月份前端面试题总指南(下篇)
相关推荐
- 基于Python查找图像中最常见的颜色
-
如果我们能够得知道一幅图像中最多的颜色是什么的话，可以帮助我们解决很多实际问题。例如在农业领域中想确定水果的成熟度，我们可以通过检查水果的颜色是否落在特定范围内，来判断它们是否已经成熟。接下来我们将使...
- 出大要几次/圣彼得堡悖论
-
程序：fromrandomimportrandomdeffn():n=1whilerandom()<0.5:n+=1returnny=[fn()...
- 使用OpenCV测量图像中物体之间的距离
-
原文链接：https://www.pyimagesearch.com/2016/04/04/measuring-distance-between-objects-in-an-image-with-op...
- 让颜色更加饱满和有冲击力:图像颜色校正
-
大家拍照或图片时，获取会遇到图像颜色与实际颜色存在色差的现象。我们看一个标准色卡的图片：第一张图片就是有色差的图片，这种现象一般是相机或光线的原因造成的，我们可以通过标准色卡进行校正。第一张图片是有色...
- Python 数据分析 : 实例
-
1、构建矩阵生成4x4形式的矩阵，矩阵中的数据是1~10之间的随机数random_list=np.random.random(16)random_list=np.round(...
- 用这些免费开源的图标库，为你的项目画龙点睛
-
精致好看的图标能够为你的项目增色不少，今天我就整理了一期图标库精选系列，希望你可以从中找到自己喜欢的图标库。下面就跟我来一场视觉的盛宴，我会一一介绍GitHub上品牌、流行、极小，各具特色的免费精...
- ICON设计规范之图标尺寸
-
编辑导语：图标设计是UI设计中不可缺少的元素，它看似简单，但其实内含门道。本篇文章里，作者就对icon设计的相关知识和icon绘制方法做出经验介绍。如果你对icon设计也想要有所了解的话，那就点进来看...
- PHP开发必备VSCode插件(大全)
-
通用chinese(simplified...)：简体中文语言包liveserverhtml：实时预览prettier-codeformatter：最流行的代码格式化插件...
- 增强用户体验:前端开发中HTML5和CSS3表格属性的应用与优化研究
-
摘要：本文探讨了在前端开发中HTML5和CSS3表格属性的应用与优化。首先介绍了HTML5中常用的表格元素和CSS3中丰富的表格样式属性，旨在帮助开发人员定制表格的外观和样式。其次，研究了表格结构的优...
- 产品经理小技术:图片素材随手找，原型设计快又好
-
数十万互联网从业者的共同关注！作者：牛冰峰博客：http://uxfeng.com/画图——这项古老而精细的做法，是一代代产品狗们得以传承的立足之本。草图、线框图、思维导图、PPT插图、数据汇报图表、...
- MAUI Blazor 项目实战 - 从0到1轻松构建多平台应用UI
-
前言最近在项目中尝鲜了MAUI，总体感受下来还是挺不错的，优缺点并存，但是瑕不掩瑜，目前随着.Net版本的迭代升级对它的支持也越来越友好，相信未来可期！感兴趣的朋友欢迎关注。文章中如有不妥的地方，也请...
- webstorm常用的插件
-
1、AtomMaterialIcons推荐原因：这款插件不仅...
- 「智能家居」自动化平台nodered第三方节点dashboard的使用
-
自带节点库讲完了，开始说说第三方节点库dashboard，该库提供另一个可配置的UI页面，可以配置一些表单元素，以及图表。先来看一下别人使用dashboard制作的面板吧，是不是很漂亮。接下来我们一...
- 「炫丽」从0开始做一个WPF+Blazor对话小程序
-
大家好，我是沙漠尽头的狼。...
- MAUI使用Masa blazor组件库
-
上一篇(点击阅读)我们实现了UI在Web端(BlazorServer/Wasm)和客户端(Windows/macOS/Android/iOS)共享，这篇我加上MasaBlazor组件库的引用，并...
欢迎 你 发表评论:
- 一周热门
-
-
如何评估预测值与真实值之间的匹配质量
-
如何解决npm安装依赖报错ERESOLVE unable to resolve dependency tree
-
超详细的cmder工具介绍及功能、快捷键说明
-
畅网 N5105 四口 2.5G 小主机安装 WIN10 对比 WIN11 跑分
-
常见面试第三题之Activity的几种启动模式介绍
-
软件推荐丨gocron —— 定时任务管理系统
-
一分钟带你认识了解电信光猫（电信光猫有什么用途）
-
聊聊C++20最大的变革之一 —— Coroutine，看不懂你打我(一)
-
硬核!Rust异步编程方式重大升级:新版Tokio如何提升10倍性能详解
-
Vite 4.0 正式发布（vite版本）
-
- 最近发表
- 标签列表
-
- systemproperties (65)
- npm版本管理 (61)
- localhost:15672 (59)
- materialtheme (86)
- node-ssh (68)
- 图床搭建 (62)
- vue3addeventlistener (60)
- mybatisselectone (78)
- css圆形进度条 (69)
- androidble蓝牙开发 (62)
- android-gif-drawable (60)
- appender-ref (64)
- springbootmockito (68)
- css边框渐变色和圆角 (58)
- gsonfastjson (59)
- 依赖注入的方式 (62)
- cookie跨域共享 (63)
- easyexcel导出图片 (77)
- dp数组 (61)
- js获取兄弟节点 (68)
- sysctl-a (60)
- java知音 (58)
- window.target (62)
- apimodel注解的作用 (60)
- window.onerror (66)