这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。
性能差异:
【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。
【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。
兼容性差异: 阅读全文…
这次的主题是“网站重构中的文件组织”。在这里整理一下昨天我的观点:
1. CSS文件的规划和组织。首先必须强调不能孤立的看前端开发,要横向的跟网站的视觉设计,交互设计,产品策略,后端架构匹配上。那么,CSS跟网站的视觉设计关系是最紧密的,而一家网站的视觉风格跟用户体验和品牌又是关系最紧密的。所以,CSS的规划和组织终极追求的就是如何有效的控制整站的视觉风格。
阅读全文…
今天遇到的问题:IE6/7返回offsetTop没有计算body的margin
function GetRealOffset(o)
{
var elem = o;
var leftOffset = elem.offsetLeft;
var topOffset = elem.offsetTop;
var parent = elem.offsetParent;
while(parent)
{
leftOffset += parent.offsetLeft;
topOffset += parent.offsetTop;
parent = parent.offsetParent;
}
var Offsets = new Object();
Offsets.top = topOffset;
Offsets.left = leftOffset;
return Offsets;
}
转自:http://codingforums.com/showthread.php?t=119794

最近在处理Qzone黄钻图标更新时,想起近期对业务图标进行优化所遇到的一些问题,把思绪收拾起来和大家一共探讨,欢迎多方声音。
在实际工作中,图标类的应用非常广泛,如同数组般的等级图标更显其特殊性。下面要共同探讨的两个方向,以什么方式实现及怎么更好在贴近项目实际更好地实现并供应用。
阅读全文…
近来jQuery的发展简直是风光无限,各方赞誉之声是此起彼伏,先是放出了微软、 nokia的重磅利好消息,然后是使用了jQuery的各大知名网站名单,现在又开始在css框架领域建立起了她的新帝国。相比一起诞生的其它js框架已 经是不可同日而语了,非常敬佩jQuery团队的运营能力,将一件事从无到有,从有到卓越,从出书到孜孜不倦的发表技术文章,一切都演变得那么自然,仿佛 是一本营销学的教科书。 阅读全文…