Capacitación en diseño de Beida Jade Bird: ¿Cómo escribir código CSS para desarrollo web?
Con el desarrollo continuo de la tecnología de programación de Internet, cada vez más graduados universitarios se han unido a la industria del desarrollo web. Todos sabemos que el desarrollo web requiere el uso de CSS para el posicionamiento y el diseño.
Ahora, Hefei Beida Jade Bird te mostrará cómo escribir código CSS.
Los cambios en los sistemas front-end se pueden describir como cambios todos los días.
En tan solo un año, las teorías, los marcos, las herramientas de construcción e incluso los lenguajes de desarrollo han cambiado drásticamente.
Con un nuevo proyecto a punto de comenzar, me tomé el tiempo para revisar la arquitectura front-end de mi proyecto anterior.
He generado muchas ideas y las documentaré tanto como sea posible en preparación para el nuevo marco.
1. OOCSS (CSS orientado a objetos) Hay dos principios principales para el uso de OOCSS. Uno es separar estructura y apariencia, que incluye principalmente separar contenedores y contenido.
OOCSS se basa principalmente en métodos de programación de objetos. El propósito de OOCSS es principalmente admitir la reutilización del código y, en última instancia, garantizar que los estilos se puedan agregar y mantener bien.
OOCSS también tiene algunas desventajas. Es principalmente adecuado para proyectos de desarrollo de sitios web a gran escala, porque los sitios web a gran escala tienen muchos componentes reutilizables y no tienen muy buenos efectos cuando se ejecutan proyectos pequeños. Importante elegir La elección debe basarse en la situación del proyecto.
2. BEM (Block Element Modifier) BEM es una convención de nomenclatura denominada CSS.
No cubre cómo escribir la estructura de CSS.
En el proceso de formación en informática, la formación en informática recomienda agregar solo un nombre de clase CSS con el siguiente contenido a cada elemento.
En el modo BEM, parece engorroso y redundante, pero cada nombre de clase CSS es una buena descripción de lo que hace.
Cuando se combina con LESS o SASS, reduce su complejidad de escritura.
3. Documento de reglas Muchas personas tienden a centrarse en los aspectos importantes y olvidar los detalles. Un documento de reglas bien definido puede recordarnos que debemos escribir código según sea necesario.
Un buen documento de reglas debe seguir las siguientes especificaciones: Debe contener reglas inmutables, en lugar de descripciones generales. Siempre debe refinar las reglas a la expresión más simple, primero explicar qué es la regla y luego. diga "Si no, ¿qué sucede? Y Hefei Hefei Beida Jade Bird cree que cada regla debe contener una de las siguientes palabras: siempre, nunca, solo, cada, no requerido.
IV. Plan Integral Como se mencionó Al principio, el simple uso de BEM no resolvió los problemas que encontramos en el proyecto, sino que creó otros problemas nuevos, pero esto no es responsabilidad de BEM como tal. front-end. Una parte importante de la arquitectura, CSS se trata principalmente de elegir la solución adecuada para el proyecto, no de usarla porque es popular en la industria.