灵剑丹心 - 博客园

定位实现水平垂直居中的两种方法（无需计算）

摘要：首先给想要居中的元素设置绝对定位，其父元素设置相对定位。然后，方法一：top，left，right，bottom都设置为0，margin：auto，即可在父元素中水平垂直居中。方法二：top，left都设置为50%，然后transform：translate（-50%，-50%），如果其他地方也阅读全文

posted @ 2017-05-20 23:19 灵剑丹心阅读(616) 评论(0) 推荐(0) 编辑

盒子模型的剖面图！！！

摘要：可以理解为z-index层级关系，也就是谁能盖住谁。阅读全文

posted @ 2017-05-20 23:16 灵剑丹心阅读(226) 评论(0) 推荐(0) 编辑

JavaScript不用临时变量交换两个变量的值的七种解决方案

摘要：前言这篇文章总结了七种办法来交换a和b的变量值 var a = 123; var b = 456; 交换变量值方案一最最最简单的办法就是使用一个临时变量了，不过使用临时变量的方法实在是太low了 var t; t = a; a = b; b = t; 首先把a的值存储到临时变量中，然后b赋值给a 阅读全文

posted @ 2017-05-20 14:20 灵剑丹心阅读(1004) 评论(0) 推荐(1) 编辑

原生js实现outerWidth()方法，用到getComputedStyle

摘要：代码中的正则是用来取“10px”中的“10” 阅读全文

posted @ 2017-05-19 00:37 灵剑丹心阅读(502) 评论(0) 推荐(0) 编辑

正则取数字

摘要：取出字符串“10px”里的“10”大概有三种方法直接量语法创建 RegExp 对象的语法：阅读全文

posted @ 2017-05-18 17:14 灵剑丹心阅读(259) 评论(0) 推荐(0) 编辑

javascript中top、clientTop、scrollTop、offsetTop的示意图

摘要：阅读全文

posted @ 2017-05-14 20:27 灵剑丹心阅读(94) 评论(0) 推荐(0) 编辑

关于JavaScript的各种width

摘要： clientWidth=contentWidth+padding，理解为：客户区宽度=正文宽度+内填充宽度，不包含滚动条的宽度，clientHeight同理。 offsetWidth=contentWidth+padding+border（即clientWidth+border），offsetWid 阅读全文

posted @ 2017-05-14 19:25 灵剑丹心阅读(213) 评论(0) 推荐(0) 编辑

原生JavaScript根据类名获取元素

摘要： function $class(classname, parentid){ var targets=[],kids=[]; if(parentid){ var parent=document.getElementById(parentid); kids=parent.getElementsByTagName("*"); }else{ kids=docum... 阅读全文

posted @ 2017-05-14 16:50 灵剑丹心阅读(610) 评论(1) 推荐(0) 编辑

又一张路线图