08 2013 档案

IE haslayout总结
摘要:要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多 IE下的显示错误,就是源于 haslayout。什么是 haslayout ?haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout 属性值为true时,我们说这个元素有 阅读全文

posted @ 2013-08-21 15:48 摩帆士 阅读(191) 评论(0) 推荐(0)

清除浮动解决方案
摘要:两种情况清除浮动包括清除子元素的浮动和清除上级元素的浮动,其中清除上级元素的浮动,只需设置clear为both就可以了,而清除子元素的浮动则可以用空标签法、clearfix方法或overflow方法。因清除上级元素的浮动比较简单,而空标签法清除子元素浮动会增加额外标签,所以在这里主要说clearfix方法、overflow方法及偶然发现的inline-block方法。为什么要清除浮动一个块级元素的高度如果没有设置height,那么其高度就是由里面的子元素来撑开的,如果子元素使用浮动,脱离了标准的文档流,那么父元素的高度会将其忽略,你可以使用firebug查看下如果不清除浮动,父元素会出现高度不 阅读全文

posted @ 2013-08-21 14:48 摩帆士 阅读(403) 评论(0) 推荐(0)

CSS小技巧
摘要:一、 ::Selection的使用关于选择文本,控制背景和文本的颜色。/*Webkit,Opera9.5+,Ie9+*/ ::selection { background: 颜色值; color:颜色值; } /*Mozilla Firefox*/ ::-moz-selection { background: 颜色值; color:颜色值; }二、解决中文版Chrome下不能显示小于12px的字体在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读... 阅读全文

posted @ 2013-08-21 11:37 摩帆士 阅读(234) 评论(0) 推荐(0)

前端开发经验总结
摘要:一、return false 当你每次调用”return false“的时候,它实际上做了3件事情:event.preventDefault();event.stopPropagation();停止回调函数执行并立即返回。 阅读全文

posted @ 2013-08-08 17:56 摩帆士 阅读(235) 评论(0) 推荐(0)

开发组件的原则
摘要:从HTML CSSJS三层分析基于交互模型的思考路径先整体再局部 阅读全文

posted @ 2013-08-07 16:40 摩帆士 阅读(317) 评论(0) 推荐(0)

jQuery deferred对象API详解
摘要:jQuery在1.5开始引入deferred(延迟),简单说,deferred对象就是jQuery的回调函数解决方案。jQuery1.5中,Deferred对象提供一种方式来注册多个回调,添加到自已管理的回调队列中,调用适当的回调队列,并转达同步或异步函数的成功或失败状态。deferred对象有三种执行状态:未完成(pending),已完成(resolved)和已失败(rejected)API概览:123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051deferr 阅读全文

posted @ 2013-08-06 15:31 摩帆士 阅读(451) 评论(0) 推荐(0)

prototype、constructor那点事儿
摘要:一、什么是原型(prototype) 1、prototype本质上还是一个JavaScript对象; 2、每个函数都有一个默认的prototype属性; 3、通过prototype我们可以扩展Javascript的内建对象如果这个函数被用在创建自定义对象的场景中,我们称这个函数为构造函数。 比如:代码// 构造函数 function Person(name) { this.name = name; } // 定义Person的原型,原型中的属性可以被自定义对象引用 Person.prototype = {getName:function () { ... 阅读全文

posted @ 2013-08-02 09:47 摩帆士 阅读(444) 评论(0) 推荐(1)

点击右上角即可分享
微信分享提示