文章标签 ‘前端’

1 条评论border:none;与border:0;的区别

2009年11月26日

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。

性能差异:

【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。

【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。

兼容性差异: 阅读全文…

没有评论转:让我们一起讨论如何把简单的事做好

2009年11月24日

这次的主题是“网站重构中的文件组织”。在这里整理一下昨天我的观点:

1. CSS文件的规划和组织。首先必须强调不能孤立的看前端开发,要横向的跟网站的视觉设计,交互设计,产品策略,后端架构匹配上。那么,CSS跟网站的视觉设计关系是最紧密的,而一家网站的视觉风格跟用户体验和品牌又是关系最紧密的。所以,CSS的规划和组织终极追求的就是如何有效的控制整站的视觉风格。

阅读全文…

1 条评论offsetLeft and offsetTop gives wrong coords in IE

2009年11月22日

今天遇到的问题: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

没有评论由黄钻等级图标处理引发的思考

2009年11月19日

最近在处理Qzone黄钻图标更新时,想起近期对业务图标进行优化所遇到的一些问题,把思绪收拾起来和大家一共探讨,欢迎多方声音。

在实际工作中,图标类的应用非常广泛,如同数组般的等级图标更显其特殊性。下面要共同探讨的两个方向,以什么方式实现及怎么更好在贴近项目实际更好地实现并供应用。

阅读全文…

没有评论转:评论jQuery是魔鬼还是天使?

2009年11月18日

近来jQuery的发展简直是风光无限,各方赞誉之声是此起彼伏,先是放出了微软、 nokia的重磅利好消息,然后是使用了jQuery的各大知名网站名单,现在又开始在css框架领域建立起了她的新帝国。相比一起诞生的其它js框架已 经是不可同日而语了,非常敬佩jQuery团队的运营能力,将一件事从无到有,从有到卓越,从出书到孜孜不倦的发表技术文章,一切都演变得那么自然,仿佛 是一本营销学的教科书。 阅读全文…