文件命名很重要啊

除了变量命名什么的，文件命名也很重要啊

复制代码
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <link rel="stylesheet" href="http://static-gwtheme.idkin.com/themes/v1/styles/base.css" />
       <link rel="stylesheet" href="http://static-gwtheme.idkin.com/themes/idu/styles/ad-gallery.css" />

       <style>
           .parentElm{
               position:static;
               width:200px;
               height:200px;                
               border:1px solid red;
               overflow:hidden;
           }
           .childrenElm{
               position:relative;
               width:300px;
               height:180px; 
               border:1px solid black;
               background-color:green;
           }
       </style>
</head>
<body>
<div class="parentElm">
    <div class="childrenElm">        
        <ol>
            <li>position:static 的父元素 overflow 不能遮盖 position 是 absolute 的子元素</li>
            <li>position:fixed 的元素不能被父元素的 overflow 遮盖</li>
            <li>IE6,7: position:static 的父元素 overflow 不能遮盖 position 不是 static 的子元素</li>
        </ol>
    </div>
</div>

<script>
var links = document.getElementsByTagName("link");
var sheets = document.styleSheets;
var cssCollection = {};
var styleCount=0;
var tempUrl,temCss;

for(var i=0;i<links.length;i++){
    tempUrl = links[i].href;
    cssCollection[tempUrl] = {
        fileKey:tempUrl,   
        node:links[i],
        nodeName:links[i].nodeName    
        }
}

for(var i=0;i<sheets.length;i++){
    tempUrl = sheets[i].href||("style_"+(++styleCount));    
    temCss  = cssCollection[tempUrl]||(cssCollection[tempUrl]= {fileKey:tempUrl});  
    temCss.node = temCss.node||sheets[i].ownerNode||sheets[i].owningElement;
    temCss.nodeName = temCss.nodeName||temCss.node.nodeName;
    temCss.sheet = sheets[i];
}

console.log(['links.length = '+links.length,
            'style.length = '+styleCount,
            'sheets.length = '+sheets.length
            ]);
console.log('cssCollection = ',cssCollection);

for(var key in cssCollection){
    if(!cssCollection[key].sheet){
        //why ad-gallery.css fail in firefox 19 ? //我 OOXX ADBLOCK!!!!!!!!
        console.log('============== fail to create styleSheet ================');
        console.log('UA:',window.navigator.userAgent);
        console.log('css : ',cssCollection[key]);
        cssCollection[key].fileKey.match(/^style_\d+$/i) || console.log('fail to load css file: ',cssCollection[key].fileKey);        
    }
}

</script>
</body>
</html>
复制代码

 

　　

posted @   ecalf  阅读(540)  评论(2)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示
SQL AI 助手