查漏补缺——解释一下r()函数的作用

问题

如题所示

function r() {
        for (var e = 0; e < d.length; e++)
            d[e].alpha <= 0 ? 
			(t.body.removeChild(d[e].el), d.splice(e, 1)) : 
            (
                d[e].y--, d[e].scale += .004, 
                d[e].alpha -= .013, 
                d[e].el.style.cssText = "
                left:" + d[e].x + "px;
                top:" + d[e].y + "px;
                opacity:" + d[e].alpha + ";
                transform:scale(" + d[e].scale + "," + d[e].scale + ") rotate(45deg);
                background:" + d[e].color + ";
                z-index:99999"
            ); 
            requestAnimationFrame(r)
    }

答案

for (var e = 0; e < d.length; e++)

d.push({ 
            el: a, 
            x: e.clientX - 5, 
            y: e.clientY - 5, 
            scale: 1, 
            alpha: 1, 
            color: s() 
        }),

这行代码判断e和d的长度，在之前d的栈尾已经添加了一个元素了。

接下来的是一个三目运算符，d[e].alpha <= 0这个判断是对我们之前生成的爱心的透明度进行判断，如果透明度小等于0，执行t.body.removeChild(d[e].el), d.splice(e, 1)这个代码，而这个代码的作用是移除爱心。

如果透明度大于0，就修改d中e的样式。

最后就是再优化一下r()这个函数。

这个函数的作用就是怎么删除“爱心“”