Crear|Descubre posibilidades creativas ilimitadas
propósito creativo
Este es un sitio que reúne la creatividad de todos. ¡Aquí podemos ver el arduo trabajo de los estudiantes que participaron en el curso de desarrollo web front-end, ver su crecimiento, ver su amor y ver su infinita creatividad! Aunque este sitio de visualización es tan simple, los sitios de los estudiantes son muy ricos y creativos. ¡Espero que puedas disfrutarlos!
función estructural
- Enviar trabajo
- Mostrar todas las obras, incluida la página de detalles de visualización
- Mostrar la lista de clasificación de obras y darles me gusta.
- Colecciona tus obras favoritas
detalles tecnicos
- Al monitorear el tamaño de la ventana del navegador, la imagen del banner de la página de inicio siempre está en pantalla completa.
- Cambie la barra de navegación monitoreando la posición de desplazamiento
- Diseño: método de diseño tradicional de posición + flotación, que incluye algunos trucos como visualización: bloque en línea y flotación clara.
- El ícono usa iconfont
- -El estilo webkit-scrollbar cambia la barra de desplazamiento para embellecer la página web.
- Utilice pseudoclases para lograr algunos efectos en la lista de clasificación.
- Se hicieron algunos efectos de color deslizantes en los bordes de la tarjeta.
- Realicé la creación de plantillas para toda la página del sitio, obtuve el contenido de la plantilla a través de ajax y lo representé en la página.
- Utilice la ubicación para obtener los parámetros de la URL actual, de modo que diferentes páginas puedan usar diferentes plantillas y algunos efectos específicos. Este efecto se puede lograr con una sola función, y el parámetro es el nombre de la plantilla.
- Utilice js para controlar los atributos de visualización de algunos efectos para lograr algunos efectos específicos en mi columna de favoritos
- Envíe la página introduciéndose en submit.php (usando bootstrap para lograr el efecto de estilo del formulario), enviándola a la base de datos y luego recogiéndola de getdata.php y generando una cadena json.
- Cuando el sitio web obtiene datos, se utiliza el método de sincronización ajax para obtener la cadena json de getdata.php. Al mismo tiempo, se utilizan llamadas recursivas al generar un bucle en la cadena json para resolver algunos problemas asincrónicos causados por el uso de ajax.
- Utilice el almacenamiento de sesiones para almacenar los datos recuperados
- Implementó una función de clasificación por valor de estrellas en la página de clasificación.
- Incruste marcadores de posición en plantillas para colocar los datos recuperados en el lugar correcto
- Para la página de detalles, se utiliza una función para obtener los parámetros de la URL para que diferentes cuentas puedan mostrar diferentes páginas de detalles.
