Cómo el marco front-end implementa el posicionamiento
Los errores de front-end se dividen principalmente en tres categorías: problemas de HTML, CSS y Javascript
La mayor diferencia para todos es el método:
Problemas de estilo son básicamente Lo anterior es un error de CSS
El problema de texto es básicamente un error de html
El problema de interacción es básicamente un error de Javascript
Ahora basado en la experiencia del personal de front-end de Taobao Tome el trabajo como ejemplo para localizar y analizar errores relacionados. Todos son errores de Javascript
Ahora tome el trabajo del personal de front-end de Taobao como ejemplo para analizar errores relacionados
Cómo distinguir los problemas de front-end y front-end:
FF, abra la consola de errores
Distinga entre interacciones de front-end y back-end: verifique las solicitudes de red
a) Si hay enlaces correspondientes en HTML y enlaces correspondientes en HTML, básicamente puedes ubicar el problema del front-end
b) Si está vacío o hay un mensaje de error, puedes ubicar el problema que pertenece al desarrollo del back-end
TMS corresponde a plantillas de VM, algunos controles de truncamiento y funciones de conversión.
A. HTML
El problema de HTML más común es el problema de las etiquetas. La resolución de problemas y la solución es ver el código fuente de la página y luego usar la herramienta de etiqueta de verificación para proporcionar ideas por ahora. Además de la inspección, existen otras herramientas mejores que vale la pena recomendar.
Categoría de preguntas frecuentes:
Cierre de etiquetas: apariencia, hay una amplia gama de confusión en la página, es decir, cuando hay menos etiquetas, las etiquetas no se cierran
Etiqueta flotante: por ejemplo, cuando el mouse se mueve a la posición del texto, flotar en forma de nombre completo es un problema de etiqueta flotante
Errores de interfaz causados por diferentes métodos de análisis de etiquetas en diferentes navegadores, la estructura es la siguiente
Esta parte se puede ver como un cuadro grande, marcado con etiquetas lt;agt;lt;inggt;lt;/inggt;lt;/agt; / inggt. lt;pgt;lt;/pgt; La forma frontal de estas dos líneas es confusa en el formato de zapatos/zapatillas retro Se puede ver en la estructura: Problema de posicionamiento de la página: la función front-end más obvia, al hacer clic en un enlace, ubicará la posición correspondiente a la posición de la página Problema de posicionamiento de la página: la función de front-end más obvia es que cuando se hace clic en un enlace, se colocará en la posición correspondiente a la posición de la página Problema de posicionamiento de la página: la función de front-end más obvia es que al hacer clic en un enlace se posicionará la posición correspondiente a la página a) Podemos ubicar el punto de inicio del elemento haciendo clic derecho en la herramienta para ver el elemento. Este problema es muy intuitivo. Puede localizar el problema directamente a través de este método. El salto de página también es un problema de HTML. Cuando hacemos clic, el clic no salta o el salto es incorrecto. Localice directamente el problema del atributo de salto y encuentre el bloque correspondiente de salto para proporcionarlo al desarrollo. En segundo lugar, hay problemas de estilo causados por CSS. Por ejemplo: tipografía, diseño, color, fondo, etc. Los ERRORES de CSS se dividen principalmente en: ERRORES de compatibilidad, ERRORES comerciales y ERRORES de contenido ERRORES de compatibilidad a) Rendimiento: solo aparece en unos pocos navegadores b) Motivo: la resolución del navegador es inconsistente c) Solución: resuma el código de interfaz de usuario de acuerdo con la situación real d) Categoría: Problemas de compatibilidad de scripts: el método de interacción correspondiente cuando ocurren problemas se puede posicionar básicamente como errores de compatibilidad de scripts, como la visualización DIV y la estructura de capas. En funcionamiento real, puede consultar las funciones de varios productos que muestran la imagen grande correspondiente cuando se mueve el mouse a la imagen pequeña debajo del foco. Problemas de compatibilidad de estilos de página: reflejados directamente en el estilo, son errores de visualización de páginas basados en marcos, que son fáciles de localizar Errores comerciales a) Rendimiento: hay problemas en todos los navegadores b) Motivo: no estoy familiarizado con el negocio c) Solución: modificar según las necesidades para lograr los requisitos comerciales Este tipo de posicionamiento se manifiesta principalmente en la inconsistencia con los requisitos de implementación. La manifestación más directa es la facilidad de uso de la página. Los errores de usabilidad del usuario se pueden posicionar como tales Errores de tipo de contenido a)Rendimiento: Modificar según las necesidades para satisfacer las necesidades del negocio