拾遗居
文章平均质量分 80
四哥-云上
大学之道,在明明德,在亲民,在止于至善!
展开
-
想摔键盘?别急,看看这个:IE6 浏览器常见兼容问题 大汇总(23个)
如需转载,请注明出处:网易博客-独行冰海:IE6 浏览器常见兼容问题 大汇总1.文档类型的声明。产生条件:IE6浏览器,当我们没有书写这个文档声明的时候,会触发IE6浏览器的怪异解析现象;解决办法:书写文档声明。2.不同浏览器当中,很多的标签的默认样式不同,如默认的外部丁内补丁。【haslayout=-1,霍利破解】产生条件:不同浏览器;解决办法:利用CSS原创 2016-05-29 00:11:16 · 183 阅读 · 0 评论 -
弹性盒模型flexbox布局实例
我认为当flexbox支持所有的浏览器时,由于它比浮动布局更加的简单和强大性,它将彻底的改变我们的CSS布局方式。例如我们可以很容易的写出一个元素在未知比例下的居中对齐布局。当然css3新增的其它属性,例如grid也可以给前端开发带来更多的布局方式。下面给出一些例子来证明为什么web开发者应该使用flexbox布局。在前面的文章里面:flexbox基础教程,flexbox完整版教程转载 2016-07-08 17:59:39 · 325 阅读 · 0 评论 -
移动端web开发技巧汇总【大神进阶之路】
META相关1. 添加到主屏后的标题(IOS)HTML 代码1meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式(IOS)HTML 代码12meta name="apple-mobile-web-app-capable" content="yes原创 2016-07-08 15:42:24 · 267 阅读 · 0 评论 -
JavaScript中函数式编程的体现--map()函数和reduce()函数【arr.map(pow);】都使用回调函数
最近在学JavaScript,中间看到map和reduce方法,觉得挺有意思的,边学边写下这篇博客。这两个函数都在某种程度上体现了函数式编程的思想,即将函数作为传入另一个函数的参数。map()方法的调用者一般是个数组,参数是一个函数,称为callback,返回值是一个由原数组中每个元素执行给定callback函数的返回值组成的新数组。也就是说,当你用map()方法时,是将组原创 2016-07-28 14:07:39 · 336 阅读 · 0 评论 -
什么是事件委托?js中的事件委托 【利用冒泡的原理,把事件加到父级上,触发执行效果。好处:1,提高性能;2,新添加的元素还会有之前的事件。】
1,什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。好处呢:1,提高性能。我们可以看一个例子:需要触发每个li来改变他们的背景颜色。ul id="ul">原创 2016-06-21 17:32:01 · 454 阅读 · 0 评论 -
hasLayout引发的CSS Bug表 及处理办法【zoom:1】
文章一 :解决IE兼容问题是比较头疼的问题,无论你是新入门的菜鸟还是久经考验的职业行家,兼容问题,特别是IE,IE6会让你非常头疼。很多时候,div CSS在IE下的解析十分奇怪,一个比较经典的bug就是设置border的时候,有时候border会断开,刷新页面或者滚动滚动条的时候,断掉的部分又会连接起来。这些问题的根源很多时候来源于IE的一个特有属性:hasLayout。ha原创 2016-07-27 17:59:01 · 634 阅读 · 0 评论 -
前端拾遗
一、js继承问题//有关于原型继承的代码如下:function Person(name) { this.name = name;}Person.prototype = { getName : function() { return this.name; }}function Student(name, id) { Pe原创 2016-07-27 11:34:22 · 1377 阅读 · 0 评论 -
秒懂相对定位与绝对定位,【组合拳relative,absolute】 瞬间清醒有木有?
上文:组合拳层级关系为:效果图:为改变参照物(橘色框)后的效果层级关系为:效果图:参照物为最顶级的元素情况。层级关系为:效果图: 仅使用margin属性布局绝对定位元素的情况此情况,margin-bottom 和margin-right的值原创 2016-07-04 09:31:12 · 2833 阅读 · 1 评论 -
一行代码解决各种Ie兼容问题,ie6,ie7,ie8,ie9,ie10,
一行代码解决各种Ie兼容问题,ie6,ie7,ie8,ie9,ie10,以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。以上代码告诉IE浏览器,Windows以最高版本的IE显示内容。根据 指令确定如何呈现内容。标准模式指令以W原创 2016-05-29 00:20:01 · 232 阅读 · 0 评论 -
【高级篇】javascript静态页面传值的三种方法 【url方法,取值方便,可跨域; cookie方法,同源访问; window.open方法,指向父窗口】
这篇文章介绍了javascript静态页面传值的三种方法及优缺点,有需要的朋友可以参考一下一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm复制代码代码如下:function Post(){//单个值 Read.htm?username=baobao;//多全值 R原创 2016-08-06 13:02:30 · 1241 阅读 · 0 评论