代码改变世界

阻止冒泡行为和闭包

2016-06-16 16:00 by 改吧, 552 阅读, 2 推荐, 收藏, 编辑
摘要:阻止事件冒泡行为,要是不阻止的话,点击div的时候也会同时触发body事件 html代码 <body onclick='load()'> <div onclick='cli()'> click this </div></body> css代码 div{ width:200px; height:200 阅读全文

css的四种隐藏方式

2016-06-15 15:48 by 改吧, 790 阅读, 2 推荐, 收藏, 编辑
摘要:1.opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响 <div class="div1"> snda:opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响 </div> <p>ppskdkad</p> .div1{ opacity: 0; 阅读全文

字符串操作的相关方法

2016-06-15 10:28 by 改吧, 197 阅读, 0 推荐, 收藏, 编辑
摘要:var string='hello world'; console.log(string.charAt(3));//下标从0开始 var string1=string.concat('lww'); console.log(string1); var string2=string.concat('lw 阅读全文

something

2016-06-14 15:12 by 改吧, 154 阅读, 0 推荐, 收藏, 编辑
摘要:var colors=['red','green','yellow']; console.log(colors)//['red','green','yellow'] console.log(colors.toString());//red,green,yellow console.log(color 阅读全文

Date类型 方法

2016-06-14 10:53 by 改吧, 335 阅读, 0 推荐, 收藏, 编辑
摘要:Date 方法函数 Date.parse():可以获得该日期的毫秒数 var now=Date.parse('May 25,2005')//1085414400000 Date.UTC():也可以获得时间的毫秒数,但是里面的参数不同(2005,4,5)是代表2005年5月5号,月份的基数是0 var 阅读全文

迭代方法和归并函数

2016-06-14 09:47 by 改吧, 436 阅读, 0 推荐, 收藏, 编辑
摘要:every():对数组每一项都遍历,然后每一项都符合要求的话则返回true,否则就返回false some():对数组每一项都遍历,其中有一项符合要求则返回true,否则返回false filter():对数组的每一项都遍历,返回其中要求的元素组成的数组 map():对数组每一项都遍历并且运行给定的 阅读全文

js快速排序方法

2016-06-06 10:37 by 改吧, 372 阅读, 0 推荐, 收藏, 编辑
摘要:function quickSort(arr){ if(arr.length<=1){ return arr; } var arrIndex=Math.floor(arr.length/2); var x=arr.splice(arrIndex,1)[0]; var left=[]; var rig 阅读全文

reset

2016-06-03 10:53 by 改吧, 449 阅读, 1 推荐, 收藏, 编辑
摘要:html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i 阅读全文

水平垂直居中

2016-06-02 14:41 by 改吧, 377 阅读, 0 推荐, 收藏, 编辑
摘要:1.img在div里面水平垂直居中<div><img/></div> a.img设置成block,计算margin的值 b.div{width:200px;height:200px;display:table-cell;vertical-align:middle;text-align:center} 阅读全文

css清除浮动

2016-05-30 15:54 by 改吧, 177 阅读, 0 推荐, 收藏, 编辑
摘要:clear:none clear:left:清除左浮动 clear:right:清除右浮动 clear:both:清除左右浮动 .clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;} .clearfix{ zoom:1;} 阅读全文