自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js鼠标事件clientX/Y、offsetX/Y、screenX/Y、pageX/Y、x/y的区别

X:以浏览器可视窗口为参考,相对窗口左上角的横坐标像素 Y:以浏览器可视窗口为参考,相对窗口左上角的纵坐标像素 clientX:以浏览器可视窗口为参考,相对窗口左上角的横坐标像素 clientY:以浏览器可视窗口为参考,相对窗口左上角的纵坐标像素 ———————————————————————————— offsetX:以被点击的目标元素为参考,相对目标元素左上角横坐标像素 offsetY:以被...

2020-04-08 21:35:35 327

原创 冒泡数列

冒泡数列:就是将一个随机数组按照从小到大或者从大到小的顺序排列后组成一个有序的新数列; 举例:有一个随机排列数组arr=[4,7,5,3,1,6,2];通过冒泡数列方式让其有序排列 冒泡数列的变化过程如下: 冒泡数列就是通过数值两两比较,按照规则(大到小/小到大)数值比较后,让大的数排后面,一次次比较下来,最大的7就排在最后了,但之前的数还要再次比较,但注意,7作为最大的数,就不用再参与比较了...

2020-03-31 11:11:18 546

原创 双重循环

双重循环嵌套执行原理 1.双重循环需要具备的前提----存在两个自变量 双重循环用于多层循环判断中,比如 生成一个九九乘法口诀表;代码如下 var str = “”; // ****************************************** /* 外循环 / for (var row = 1; row <= 9; row++) { str += “” // __...

2020-03-23 15:16:55 2152

原创 transform 属性的先后问题

transform 多属性导致的样式变化 2d/3d动画效果中,transform承担着很重要的作用,其相关的属性: translate translateX translateY(translateZ) 位移 rotate rotateX rotateY (rotateZ) 旋转 scale scaleX scaleY (scaleZ)skew ...

2020-03-16 13:05:39 583

原创 圣杯布局&双飞燕布局

圣杯布局: 1.给父元素中的内容区,左栏,右栏设置float:left; 2.内容区设置width:100%;左右栏设置固定宽度;例如200px 3.给内容区设置左右padding,填充值为左右栏的宽度; padding;0 200px; 4.父元素设置相对定位 5.分别给左右栏设置绝对定位 双飞燕布局: 1.给父元素中的内容区,左栏,右栏设置float:left; 2.内容区设置width:10...

2020-03-16 12:50:05 182

原创 css float属性作用和排布规则

#css 浮动(float) css浮动float属性,指的是元素的排布方式。 假设我们在使用浏览器浏览网页的时候,如果网页上的内容单向排布,就会导致,偌大的浏览窗,就只能看到稀稀疏疏几个内容,浏览体验就很差,有效的把浏览窗口内容丰富化,就需要 用到浮动属性。 举例说明: 创建一个父div,尺寸400*400,给它个背景色; 在这个外部div内部,再创建4个子div,也同样设置尺寸和背景色,在浏览...

2020-02-23 19:09:27 1118

空空如也

空空如也

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

TA关注的人

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