前端学习整理

最新推荐文章于 2025-09-05 14:01:23 发布

kitty ball

最新推荐文章于 2025-09-05 14:01:23 发布

阅读量264

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_35898776/article/details/53427241

前端专栏收录该内容

3 篇文章

订阅专栏

平稳退化

渐进增强（用js在外部的方式打开一个网站popup）

html(popup.html)

<!DOCTYPE html>
<html>
    <head >
    </head>
    <body>
        <script type="text/javascript" src="popup.js"></script>
        <a href="http://www.bilibili.com" class="popup">bilibli</a>
    </body>
</html>

javascript（popup.js）

function popUp (params) {
    window.open(winURL,"popup","width=320,height=480");
}

window.onload = prepareLinks;
function prepareLinks () {
    var link=document.getElementsByTagName("a");
    for(var i = 0; i < link; i++ ){
        if(link[i].getAttribute("class") =="popup"){
            popUp(this.href);
            return false;
        }
    }
}

对象检查
检查浏览器对js的支持度

function detection(){
    if(document.getElementById){
    <!--注意getElementById没有()，否则的话就是调用函数-->
        statements;
    }
}

为了方便阅读，通常使用的是不满足的话，中途退出

if(!getElementById){
    return false;
}

浏览器嗅探技术（风险比较大，不推荐使用）
尽量少的使用DOM，尽量减少标记（节省时间）
合并脚本
放置脚本—-脚本放置在文档的末尾，body的前面可以加快速度
压缩脚本【迷】
优化完之后要去掉不必要的字节，比如空格和注释
难怪自己下载了其他人的js文件的时候都是一整行的，也不知道他们为什么这么傻，现在才发现是自己蠢。
js文件保存两个一个精简版，一个是工作版的副本
精简版的js一般情况下是放到站点上去，并且加了min作为标记
比如说popup.min.js