• 2009-09-23

    一些值得注意的细节 - [群英散语]

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://www.my1px.cn/logs/47018147.html

    一屏的轮播我觉得用 fade 的效果会更好
    一般高大于宽的或者图片比较大的轮播都建议用 fade 效果,而不是 scroll (by 小马)

    css sprite 单张图片记得限制在35k以下 不然会适得其反(by 正淳)

    assets文件命名不推荐使用 字母直接加数字的形式,比如abc1234.css这种
    因为vm的setTarget方法组织链接的时候会把这种形式强制修改成abc_1234.css (by 渔隐)

    有YUI的编辑器, 页面里是不能设置domain="**.com"的*(by 小虎)

    一些有用的但可能被忽略的:

    **************************************************************

    一般情况下我们用js设置元素对象的样式会使用这样的形式:
    var element= document.getElementById(”id”);
    element.style.width=”20px”;
    element.style.border=”solid 1px red”;

    样式一多,代码就很多;而且通过JS来覆写对象的样式是比较典型的一种销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器的开销。
    js中有一个cssText的方法:
    语法为:obj.style.cssText(”样式”);
    element.style.cssText=”width:20px;border:solid 1px red;”;

    **************************************************************

    el.style.float = "left"是错误的,因为float是一个保留字
    ie : document.getElementById("header").style.styleFloat = "left";
    ff: document.getElementById("header").style.cssFloat = "left";

    **************************************************************

    document.compatMode
    文档模式在开发中貌似很少用到,最常见的是就是在获取页面宽高的时候,比如文档宽高,可见区域宽高等。
    IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,但在Quirks Mode模式下则有很大差别,而在不声明Doctype的情况下,IE默认又是Quirks Mode。所以为兼容性考虑,我们可能需要获取当前的文档渲染方式。
    document.compatMode正好派上用场,它有两种可能的返回值:BackCompat和CSS1Compat。
    BackCompat:标准兼容模式关闭。浏览器客户区宽度是document.body.clientWidth;CSS1Compat:标准兼容模式开启。 浏览器客户区宽度是document.documentElement.clientWidth。

    如果不声明文档类型,在IE中,document.documentElement.clientHeight得到的始终是0


    收藏到:Del.icio.us

    评论

  • 笑笑姐的博客啊!!看看!!