摘要: for(var i=0;i<4;i++){ setTimeout(function() { console.log(i) }, 1000);} 答案:打印4次4 settimeout是异步执行,10ms后往任务队列里面添加一个任务,只有主线上的全部执行完,才会执行任务队列里的任务,当主线执行完成后, 阅读全文
posted @ 2018-01-26 01:47 liushuang001 阅读(120) 评论(0) 推荐(0) 编辑
摘要: css3 box-sizing属性 box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。 content-box,border和padding不计算入width之内 padding-box,padding计算入width内 阅读全文
posted @ 2016-05-12 19:08 liushuang001 阅读(141) 评论(0) 推荐(0) 编辑
摘要: javascript基础拾遗——词法作用域(转载) 本来是想写js面向对象笔记(二)关于封装的,但是在敲实例代码的时候,发现对作用域这个东西的概念有点模糊,翻阅了犀牛后,有点感觉了,就想着先记录下此时的感受。 之所以取名叫做词法作用域,是这个概念是js中相当基础也是极为重要的,很多想当然的错误或感觉 阅读全文
posted @ 2016-05-02 14:53 liushuang001 阅读(3615) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"> *{ margin: 0; padding: 0; text-decoration: non 阅读全文
posted @ 2016-04-13 12:56 liushuang001 阅读(135) 评论(0) 推荐(0) 编辑
摘要: function addEvent(element, event, callback){ if(element.addEventListener){element.addEventListener(event, callback, false); // 非IE }else if (element.a 阅读全文
posted @ 2016-03-23 22:06 liushuang001 阅读(130) 评论(0) 推荐(0) 编辑
摘要: //结构部分 <div id="pn"> <h1>欢迎来到双哥网</h1> <h2>大幅的广告</h2> </div> <div class="content"> 双哥网欢迎你<br/> 正文部分 </div> //交互部分 <script type="text/javascript"> var H 阅读全文
posted @ 2016-03-22 23:51 liushuang001 阅读(203) 评论(0) 推荐(0) 编辑
摘要: //样式 *{ padding: 0; margin: 0;}#main { position: relative;}.box { padding: 15px 0 0 15px; float: left;}.pic { padding: 10px; border: 1px solid #ccc; b 阅读全文
posted @ 2016-03-22 18:44 liushuang001 阅读(235) 评论(0) 推荐(1) 编辑
摘要: <style> .box { width: 1190px; margin: 0 auto; } #btn { width: 40px; height: 40px; background: url(images.png) no-repeat left top;//回到顶部的小箭头 position: 阅读全文
posted @ 2016-03-22 14:52 liushuang001 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 首先是样式部分,分别定义一大一小两个盒子,用来盛放大图片和小图片。 <style > *{ padding: 0; margin: 0; } #demo { display: block; width: 400px; height: 255px; margin: 50px; position: re 阅读全文
posted @ 2016-03-22 01:27 liushuang001 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 骨灰级解决办法: .clear{clear:both;height:0;overflow:hidden;}但是这种方法的最大缺陷就是改变了html结构,虽然只是加个div。最优闭合方案: .demo:after,.demo2:after{content:".";display:block;heigh 阅读全文
posted @ 2016-03-11 21:47 liushuang001 阅读(95) 评论(0) 推荐(0) 编辑