La costumbre china es que el Año Nuevo chino todavía se celebra antes del decimoquinto día del primer mes lunar. Aquí les deseo a mis amigos una feliz vejez.
En estos días coinciden con la necesidad de revisión de la página de inicio del sitio web de la compañía. Después de que el personal de la compañía fue simplificado a fines del año pasado, una persona tuvo que hacer múltiples trabajos y de repente se dio cuenta de que la carga era pesada. No, esto no es algo dentro de mi alcance de trabajo, y desafortunadamente también participé en él. La suerte de la desgracia es la tarea que me asigna el jefe esta vez, que es exactamente la tarea de desarrollo front-end que siempre me ha apasionado. He estado involucrado en el desarrollo de programas de gestión de backend para el sitio web de la compañía antes, y tengo más que tratar con la lógica de negocios en el lado del servidor, y nunca he tenido la oportunidad de mostrar mi fortaleza en el desarrollo frontal que me apasiona. La práctica es la mejor manera de probar el verdadero conocimiento. Al resolver las tareas reales que me asignan, es una prueba rara. Aprendí mucho conocimiento disperso a través de libros y varios materiales, pero no tuve la oportunidad de mezclarlos para hacer una prueba integral, jaja. Hay tantos rastros de tinta frente a usted, pero todos son causados por la depresión durante mucho tiempo, jaja.
Permítanme describir primero los requisitos de la tarea: hay una imagen JPG compuesta por cinco bolas en la página de inicio del sitio web de la compañía, que se utiliza para navegar. Después de hacer clic en el texto en cada bola, se abrirá la página secundaria de la información correspondiente. La versión flash correspondiente es casi la misma que la imagen. Una de las tareas asignadas por mi jefe es: cuando el navegador del cliente instala el reproductor de archivos flash, muestra la navegación de la versión Flash y viceversa. Después de obtener la tarea, considerarla por un momento. Es el desarrollo frontal y, por supuesto, debe considerar la compatibilidad del navegador. La mejor manera de cruzar la brecha entre los navegadores es usar uno o más marcos de JavaScript maduros. Afortunadamente, hay un marco JS muy maduro y exquisito llamado: swfobject.js.
La primera vez que entré en contacto con SWFObject.js fue V1.5, pero esta vez usé V2.1 para resolver el problema. Todavía hay algunas diferencias de uso entre los dos. En general, siento que V2.1 es un gran salto hacia adelante en comparación con V1.5. V2.1 está más en línea con el estilo de programación JavaScript orientado a objetos en términos del código fuente y el proceso de uso del marco.
Te llevaré a experimentar este viaje de lanzamiento desde la perspectiva de un estudiante que ha estado explorando JavaScript recientemente. Ya sea que seas un novato como yo o un veterano que ya es hábil al escribir varios códigos JS, espero que puedas mostrar misericordia. Espero que todos señalen la miopía en mi pensamiento y los errores en mis palabras con una actitud civilizada.
El siguiente código es un ejemplo de uso que adapté de un documento de explicación de SWFObject v1.5 (si desea saber más sobre V1.5, haga clic en este enlace):
Copiar el código