Código fuente de la página web de Cwebkit
Si no puedes ver la imagen claramente, haz clic derecho para guardarla y verla.
Por cierto, ¿dónde lo encontraste? Este código se puede llamar grado industrial.
Si la imagen no está clara, aquí está el código fuente:
Después de la función /* (ventana,? documento); indica que la función se ejecutará. Entonces debe haber una expresión delante de preguntar (ventana,? Documento). ! Ese es el personaje. ¡Esto significa que esta es una función de autollamada*/
! ? ¿Función? (e,?t,?a)? {//Es posible que el parámetro A aquí haya quedado obsoleto.
¿Función? norte()? {
c(".love{ancho:?20px alto:?20px posición:?fijo;fondo:?# f00 transformar:?rotate(45 grados); -WebKit-transform:?rotate(45 grados); -moz-transformación:? 50; - webkit-border-radius:? 50; posición:? r()
// Lo anterior es llamar a C() y pasar un montón de estilos CSS y animaciones de transición, y llamar a o()r() juntos.
}
¿Función? r()? {
/*Lo siguiente para atraviesa toda D. Debido a que está escrito en la misma línea que el código de ejecución, {} se omite. ¿Qué sigue? :? Determine si la imagen dibujada es transparente. Si es así, elimínela. Si no, pase el parámetro pintura */?.
¿Para qué? (var?e?=?0;?e?lt?d.longitud;?e)? Delaware]. ¿alfa? lt=?0?(t.body.removeChild(d[e].el),?d.splice(por ejemplo, 1))?:?(d[e].y-,?d[e].scale? =?.004,?d[e].alpha?=?.013,?d[e].el.cssText?=?"?d[e]?" arriba: "?d[e].y?" px; opacidad: "?d[e].alfa??"; transformar: escala("?d[e].escala??", " ? ?d[e].Escala?")?Rotación(45 grados) ;"??d[e].Color?";z-index:99999");
(r)
//requestAnimationFrame() es una API que solicita animación, ¿dónde? r? ¿Significa llamar a la función r()
}
? o()? {
//Aquí = es asignación, == es juicio y; amp es un operador lógico y typeof devuelve el tipo de datos. Nota: aquí debería hacer referencia al objeto de ventana
var? t? =?"función"? ==?¿Qué tipo? e.onclick? amperio amperio? e.onclick
e.onclick? =?Función? (mi)? {
t? amperio amperio? t(),? Yo (inglés)
}
}
//Crea un div y agrega la clase como love, luego agrega un montón de objetos a D (para plotR ()).
¿Función? ¿Yo(e)? {
var? ¿respuesta? =?t . createelement(" div ");
a.className? =?"Amor",? d.push({
el:?One,
x:?e.clientX?-?5.//Nota: aquí debe hacer referencia al objeto de ventana.
p>
y:? -?5,
Escala:?1,
Color:? ?T.body.appendChild(a)//Nodo secundario agregado a.
}
¿Función? ¿C(E)? {
var? ¿respuesta? =?t .createelement(" style ");//Simplifica el código
a .type? =?"Texto/CSS";
¿Probar? {
A.append child(t . Crear nodo de texto(e)/*Agregar un nodo de texto con contenido e */)//como nodo secundario de a.
}?¿Atrapar? (t)? {//Esto es puramente necesario y no tiene significado práctico.
¿a.styleSheet.cssText? =?e
}
//¿Intentar aquí? El significado de la declaración catch es que si no se puede agregar la e anterior, se asignará a.styleSheet.cssText a e.
t .getelementsbytagname(" cabeza ")[0]. appendChild(a)
//getElementsByTagName(" cabeza ")[0]. agregarNiño(1)? La tabla agrega un nodo secundario A al primer encabezado.
}
¿Función? s()? {
¿Volver? " #cc2a5d"//Esto solo devuelve un color = gtRGB(204, 42, 93)
}
var? ¿d? =?[];
// ¿A continuación se muestra la compatibilidad total del método requestAnimationFrame? || también es un operador lógico.
e.requestAnimationFrame? =?Función? ()?{
¿Volver? e.requestAnimationFrame? ||?e.webkitRequestAnimationFrame? ||?e.mozRequestAnimationFrame? ||?e.oRequestAnimationFrame? ||?e.msRequestAnimationFrame? ||?Función? (mi)? {
setTimeout(por ejemplo, 1e3?/?60)//La e aquí debe referirse al objeto de la ventana.
}
}(),?noun()
}(window,?document); //La ventana aquí corresponde a los parámetros E, E. , documento Parámetro correspondiente t.
//?rgb(" ~~(255*Math.random()) ", " ~(255 * math . random()) ", " ~(255 * math . random()) ")
//Por cierto, debería generar colores aleatorios.