es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: LAZY-LOADING

¿Cómo puedo agregar “lazy loading” a esta imagen?

Deseo agregar carga perezosa a las imágenes en mi página web, sin embargo, he estado teniendo algunos problemas. He estado utilizando esta guía: (https://speedboostr.com/shopify-lazy-loading/). Hasta ahora he hecho todo correctamente y algunas imágenes han estado funcionando excepto por el siguiente código: <div class=”product-item {{ variant.id }}”> <div class=”product-item__thumb”> {%- if . . . Read more

Cómo crear una pantalla de carga que ignore las imágenes de carga lenta.

Tengo una pantalla de carga que se oculta en el evento de carga de la ventana. window.addEventListener(“load”, function(){ Loader.classList.add(“hide”) }); pero también tengo imágenes que están configuradas con loading=”lazy”. Estoy intentando ocultar la pantalla de carga cuando todo excepto las imágenes haya cargado. Gracias de antemano.

Cargando pequeñas cantidades de datos de la API de Lumen

Tengo una API construida en lumen y planeo consumir la respuesta json de la API en el frontend utilizando un framework de página única como Angular. El problema es que la respuesta de algunas rutas contiene una gran cantidad de datos, aproximadamente 50000 filas hasta ahora. Mi intención es enviar . . . Read more

Renderización receptiva de listas en ReactJS.

Estoy tratando de implementar una barra de búsqueda responsive que filtra una lista de componentes puros (máximo 100 componentes mostrados a la vez). Sin embargo, hay un congelamiento de medio segundo entre escribir la letra inicial y que aparezca en la barra de búsqueda con la lista de componentes renderizados . . . Read more

Cómo dividir el código en múltiples rutas de React en un solo archivo?

Actualmente tengo las siguientes importaciones de componentes perezosos: const LazyDashboard = React.lazy(() => import(‘./pages/app/Dashboard’)); const LazyProfile = React.lazy(() => import(‘./pages/app/Profile’)); Luego, en las rutas: {userToken && <> <route exact=”” path=”/app” element=””></route><lazydashboard></lazydashboard>}/> <route exact=”” path=”/app” element=””></route><lazyprofile></lazyprofile>}/> } Al ir al dashboard, se carga un fragmento. ¡Bien! Al ir al perfil, se . . . Read more