baodeng2293-优快云博客

转载 Javascript是单线程的深入分析（转）

原文： http://blog.youkuaiyun.com/talking12391239/article/details/21168489 Javascript是单线程的因为JS运行在浏览器中，是单线程的，每个window一个JS线程，既然是单线程的，在某个特定的时刻只有特定的代码能够被执行，并阻塞其它的代码。而浏览器是事件驱动的（Event driven），浏览器中很多行为是异步...

2016-06-01 22:49:00 137

转载 js 页面刷新location.reload和location.replace的区别小结（转）

首先介绍两个方法的语法： reload 方法，该方法强迫浏览器刷新当前页面。语法： location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法，该方法通过指定URL替换当前缓存在历史里（客户...

2016-05-08 16:44:00 634

转载获取offsetTop和offsetLeft值的js代码(兼容

代码如下: function offsetTop( elements ){var top = elements.offsetTop;var parent = elements.offsetParent;while( parent != null ){top += parent.offsetTop;parent = parent.offsetParent;};return ...

2016-05-05 20:58:00 235

转载向HTML中插入视频并兼容所有浏览器的方法

最常用的向HTML中插入视频的方法有两种，一种是古老的<object></object>标签，一种是html5中的<video></video>标签。前者的兼容性没得说，但是使用起来不太方便，后者使用起来很方便，但是兼容性让人头疼。虽然后者兼容性存在很多问题，但是因为使用很方便，符合未来网页设计发展的趋势，因此我们以后者为主要的插入视频...

2016-04-27 19:59:00 588

转载 css3 media媒体查询器用法总结（转载）

用法及meta标签的使用及IE最新随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的...

2016-04-27 19:55:00 131

转载去除inline-block元素间间距的N种方法

真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距。方法1：移除空格 <div class="space"> 　　<a href="##"> 哈哈</a><a href="##"> 呵呵</a><a href="##"> 嘻嘻</a> </div...

2016-04-18 21:29:00 153

转载 ie6 ie7下，Li不能自动换行---li不固定宽度，所有li同一行显示

所有的li都应该在同一行显示，不固定Li的宽度，如果一行排不下，需要自动换行。当然Li的内容长度不同。必须在li加white-space:nowrap; 如果没加这句，IE6和IE7会乱掉，IE8是好的。转载于:https://www.cnblogs.com/beginF2E/p/5405945.html...

2016-04-18 21:26:00 182

转载 Text-overflow文字的处理方式

clip：不显示省略标记（...），而是简单的裁切。 ellipsis：当对象内文本溢出时显示省略标记（...） text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出...

2016-03-16 21:18:00 300

转载关于inline-block的一点发现

常规情况下，我们默认为低版本浏览器，如IE6/7/8是不支持inline-block的。但是今天发现，除了块级元素之外，行内元素IE6/7/8下依然使用inline-block!! 1 <body> 2 <span>0001</span> 3 <span>0002</span> ...

2016-03-15 21:57:00 126

转载 ie6下padding属性双倍hack（转）

上次解决了ie6的margin双倍的问题，这次偶然发现padding也有IE6下CSS双倍的问题，只不过是小问题，也记一下吧。在ie6下使用padding的话,数值乘2倍增长,其他浏览器不会! 只能用!important来调整! 例如在IE6下的x容器样式是这样。 .x{width:100px;height:100px;padding:50px;} ...

2016-03-14 21:40:00 116

转载 BFC的约束规则（转）

　浏览器对于BFC这块区域的约束规则如下：生成BFC元素的子元素会一个接一个的放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻子元素之间的垂直距离取决于元素的margin特性。在BFC中相邻的块级元素外边距会折叠。生成BFC元素的子元素中，每一个子元素做外边距与包含块的左边界相接触，（对于从右到左的格式化，右外边距接触右边界），即使浮动元素也是如此（尽管子元素的内容区域...

2016-03-14 21:39:00 181