查漏补缺——解释i(e)函数的作用

问题

如题所示

答案

相关源码：

function i(e) {
        var a = t.createElement("div");
        a.className = "heart",
        d.push({ 
            el: a, 
            x: e.clientX - 5, 
            y: e.clientY - 5, 
            scale: 1, 
            alpha: 1, 
            color: s() 
        }),
        t.body.appendChild(a)
    }

 var a = t.createElement("div");

创建div元素并添加到t中，并且赋值给变量a

a.className = "heart",

给a起个类名，也就是给div起个名称为heart的类名

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

将{...}这个对象添加到d的栈尾。

t.body.appendChild(a)

将a作为子节点添加到t的body节点中。

那么，i(e)的作用就是新建一个类名为heart的元素，初始化它的样式，并将其作为子节点添加到body节点中。