‘前端开发’ 分类的存档

从gmail开始,前端总结出了ajax的概念,也让前端开发工程师们得到了更多的重视,前端技能是一个很庞大的体系,W3C标准,Dom结构,Css样式,Javascript编程 ……

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”时将不作出渲染动作,即不会消耗内存值。

兼容性差异: 阅读全文…

1 条评论JavaScript控制flash操作 兼容IE FF

2009年11月26日

Flash INTERACTION WITH JAVASCRIPT
今天开发富媒体广告遇到的问题 用JS控制flash 只在IE平台下有效 费尽周折才找到兼容的解决方案
方法如下:
翻译自:http://www.permadi.com/tutorial/flashjscommand/index.html
查看Demo http://www.iamued.com/demo/flashjs/
重点在于 object的id属性 和 EMBED 的name属性 swliveconnect=”true” 属性

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
  WIDTH="150" HEIGHT="75" id="simplemovie" ALIGN="">
  <PARAM NAME=movie VALUE="simplemovie.swf">
  <PARAM NAME=quality VALUE=medium>
  <PARAM NAME=bgcolor VALUE=#FFFFFF>
  <EMBED src="simplemovie.swf"
    quality=medium
    swliveconnect="true"
    bgcolor=#FFFFFF WIDTH="150" HEIGHT="75"
    name="simplemovie"
    ALIGN=""
    TYPE="application/x-shockwave-flash"
    PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
  </EMBED>
</OBJECT>

通过js获取flash对象的方法兼容表如下
阅读全文…

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

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

没有评论Javascript正则表达式基础

2009年11月22日

RegExp对象的语义和使用:

  • 检查字符串匹配
  • 获取字符串中的部分内容
  • 在原字符串的基础上构建一个新的字符串(包括添加、删除和修改)

构建一个RegExp对象主要有两种方法:

  • 使用literal,如/\w/g
  • 使用构造函数,如 new RegExp(/\w/)

阅读全文…