自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 ES6数组创建

Array.of()将参数中所有的值做为元素形成数组console.log(Array.of(1,0,3,7));console.log(Array.of(1,'2',true));//参数值可以为不同类型console.log(Array.of());//参数为空返回空数组Array.from()将数组对象或可迭代对象转化为数组console.log(Array.from([1,3]));//参数为数组,返回与原数组一样的数组console.log(Array.f

2021-11-01 12:48:39 727

原创 2021-10-24

.boss{ width: 200px; height: 200px; background-color: yellow; /*设置背景颜色*/ background-image: url(../img/12.jpg); /*设置背景图片*/ background-size: 100px; /*设置背景图片的大小,设置2个值控制图片的宽高,设置一个值,高度自动*/ background-.

2021-10-24 20:56:48 64

原创 2021-10-17

<script> //求1-100中能被5整除的和 var sun=0; for(var i=1;i<=100;i++){ if(i%5==0){ sun+=i; console.log(i); } } console.log(sun); //continue 跳出本次循环 break 跳出整个循环 var sun=0; for (var i=1;i<=100;i++) { if(i%5!=0){ .

2021-10-17 22:07:19 58

原创 透明度的五大兼容性

<h1>filter:alpha(opacity=10);</h1> <!--为IE6设置的,可取值在0-100之间--> <h1>-moz-opacity:0.1;</h1> <!--老版本的firefox--> <h1>opacity:0.1</h1> <h1>-khtml-opacity=0.5</h1> <!--使用khtml.

2021-10-07 23:31:56 116

原创 节流与防抖

1、节流创建一个div<div class="boss">1</div>js控制var boss=document.querySelector(".boss");/*获取*/var num=parseInt(boss.innerHTML);/*转类型*/var bossTime=null; var bol=true; boss.onclick=function () { if(bol){ bol=

2021-10-07 23:24:16 56

原创 display属性以及它的值的设置

1. display:none让标签消失,隐藏元素并脱离文档流,不会占有原来的位置例如:<div> <p>这是一个p标签</p> <h1 style="display: none">这是一个大标题</h1> <p>又是一个p标签</p></div>效果图:可以看见h1隐藏了起来,原有的位置因为没了2. display:block把行内元素转为块级元素,因为.

2021-09-26 22:10:39 835

原创 九九乘法表

这里我用js制作一个简单的九九乘法表,首先我们要知道的是乘法表都是从1开始到9结束的,这里我们就需要用到循环for循环里定义变量//前面数字的循环遍历for(var i=1;i<=9;i++){ //后面数字的循环遍历 for(var j=1;j<=i;j++){ //把它们输出打印显示在页面上 document.write(j+"*"+i+"="+j*i+"&nbsp;&nbsp")

2021-09-26 21:47:11 44

原创 一个看得还算像中国结的中国结

首先创建四个div盒子<div class="cla1"></div> <div class="cla2"></div> <div class="cla3"></div> <div class="cla4"></div>并设置它们的样式,注意各个宽高的值以及圆角的设置,还有定位.cla1{ width: 50px;

2021-09-21 22:04:52 108 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除