加入收藏 | 设为首页 | 会员中心 | 我要投稿 辽源站长网 (https://www.0437zz.com/)- 云专线、云连接、智能数据、边缘计算、数据安全!
当前位置: 首页 > 教程 > 正文

使用Chrome Timeline来完善页面性能

发布时间:2021-05-24 08:09:09 所属栏目:教程 来源:互联网
导读:嗯没错就是它。下面逐一介绍一下吧。区域 1 是一个缩略图,可以看到除了时间轴以外被上下分成了四块,分别代表 FPS、CPU 时间、网络通信时间、堆栈占用;这个缩略

        var x = parseFloat($('#circle-' + i).attr('data-x'));  

        var y = parseFloat($('#circle-' + i).attr('data-y'));  

        var d = parseFloat($('#circle-' + i).attr('data-d'));  

        var v = parseFloat($('#circle-' + i).attr('data-v'));  

        var vx = v * Math.cos(d);  

        var vy = v * Math.sin(d);  

        if (Math.abs(vx) < 1e-9) vx = 0;  

        // 速度分量改变  

        vx += F * Math.cos(d);  

        vy += F * Math.sin(d) + G;  

        // 计算新速度  

        v = Math.sqrt(vx * vx + vy * vy);  

        if (vy > 0) d = Math.acos(vx / v);  

        else d = -Math.acos(vx / v);  

        // 位移分量改变  

        x += vx;  

        y += vy;  

        $('#circle-' + i).attr('data-x', x);  

        $('#circle-' + i).attr('data-y', y);  

        $('#circle-' + i).attr('data-d', d);  

        $('#circle-' + i).attr('data-v', v);  

        $('#circle-' + i).css({'top': 400 - y, 'left': x});  

    }  

}  

  

var interval = null;  

  

function showAnimation() {  

    if (interval) clearInterval(interval);  

    $('.main').html('');  

    init();  

    interval = setInterval(updateCircle, 1000 / 60);  

}  

使用Chrome Timeline来完善页面性能

(编辑:辽源站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读