如果看不清圖片，右鍵保存查看。
順便問壹下，妳在哪裏找到的？這個代碼可以稱為工業級。
如果圖片不清楚，這是源代碼:
在/*函數之後(窗口，？文檔)；表示該功能將被執行。所以問(窗，？文檔)前面必須有壹個表達式。！就是這個角色。這意味著這是壹個自調用函數*/
！？功能？(e，？t，？a)？{//此處的參數A可能已被否決。
功能？n()？{
c(“。愛{寬度:？20px身高:？20px位置:？固定；背景:？# f00變換:？旋轉(45度)；-WebKit-轉換:？旋轉(45度)；-moz-變換:？旋轉(45度)；}.愛:之後，。愛情:之前{內容:？'';寬度:？繼承；身高:？繼承；背景:？繼承；邊框半徑:？50%;-webkit-border-radius:？50%;-moz-border-radius:？50%;位置:？固定；}.愛情:後{top:？-10px；}.愛情:之前{左:？-10px；}"),?o()，？r()
//上面是調用C()並傳入壹串css樣式和轉場動畫，壹起調用o()r()。
}
功能？r()？{
/*下面for是遍歷整個D，因為和執行代碼寫在同壹行，所以省略了{}。接下來呢？:?判斷繪制的圖像是否透明，如果是，則去除，如果不是，傳入參數painting */？
為了什麽？(var？e？=?0;？e？& lt？d .長度；？e++)？d[e]。阿爾法？& lt=?0?(t.body.removeChild(d[e].el)，？d .拼接(例如，1))?:?(d[e]。y -，？d[e]。尺度？+=?.004,?d[e]。阿爾法？-=?.013,?d[e].el.style.cssText？=?“左:“？+?d[e]。x？+?“px；頂:“？+?d[e]。y？+?“px；不透明度:“？+?d[e]。阿爾法？+?";變換:縮放("？+?d[e]。尺度？+?","?+?d[e]。尺度？+?")?旋轉(45度)；背景:“？+?d[e]。顏色？+?";z-index:99999”)；
requestAnimationFrame(r)
//requestAnimationFrame()是壹個請求動畫的API，其中？r？它意味著調用r()
}
功能？o()？{
//這裏=是賦值，= =是判斷，而&；& amp是邏輯運算符，typeof返回數據類型。註意:這裏的e應該是指窗口對象
var？t？=?“功能”？==?什麽類型？e.onclick？& amp& amp？e.onclick
e.onclick？=?功能？(e)？{
t？& amp& amp？t()，？我(英)
}
}
//創建壹個div並將類添加為love，然後將壹串對象添加到D(用於繪制R())。
功能？我(e)？{
var？答？=?t . createelement(" div ")；
a.className？=?“愛”，？d.push({
el:？壹，
x:？e.clientX？-?5.//註意:這裏的e應該是指窗口對象。
y:？客戶？-?5,
音階:？1,
阿爾法:？1,
顏色:？s()
}),?T.body.appendChild(a)//添加了子節點a。
}
功能？丙(戊)？{
var？答？=?t . createelement(" style ")；//簡化代碼
a .類型？=?”文本/CSS”；
試試？{
A.append child(t . Create Text Node(e)/*添加壹個內容為e */)//的文本節點作為a的子節點。
}?接住？(t)？{//這裏的t純粹是必要的，沒有實際意義。
a.styleSheet.cssText？=?e
}
//試試這裏？catch語句的意思是，如果上面的e不能添加，a.styleSheet.cssText將被賦為e。
t . getelementsbytagname(" head ")[0]。appendChild(a)
//getElementsByTagName(" head ")[0]。appendChild(壹)？該表在第壹個頭部添加了壹個子節點A。
}
功能？s()？{
回歸？" #cc2a5d"//這只返回壹種顏色= & gtRGB(204，42，93)
}
var？d？=?[];
//以下是requestAnimationFrame方法的全面兼容性？||也是壹個邏輯運算符。
e.requestAnimationFrame？=?功能？()?{
回歸？e.requestAnimationFrame？||?e.webkitRequestAnimationFrame？||?e.mozRequestAnimationFrame？||?e.oRequestAnimationFrame？||?e.msRequestAnimationFrame？||?功能？(e)？{
setTimeout(例如，1e3？/?60)//這裏的e應該是指窗口對象。
}
}(),?名詞()
}(窗口，？文檔)；//這裏的窗口對應參數E，E，文檔對應參數t。
//?rgb("+~~(255*Math.random())+"，"+~(255 * math . random())+"，"+~(255 * math . random())+")
//對了，應該是生成隨機顏色。