Capacitación en diseño de Beida Jade Bird: ¿Cómo escribir código CSS para desarrollo web?
A continuación, Sichuan Beida Jade Bird le mostrará cómo escribir código CSS.
Se puede decir que los cambios en los sistemas front-end cambian todos los días.
En tan solo un año, teorías, frameworks, herramientas de construcción e incluso lenguajes de desarrollo han sufrido enormes cambios.
Un nuevo proyecto está a punto de comenzar y dediqué tiempo a revisar la arquitectura front-end del proyecto anterior.
Tengo muchas ideas y las registraré tanto como sea posible para preparar un nuevo marco.
1. OOCSS (CSS orientado a objetos) Hay dos principios fundamentales para el uso de OOCSS. Una es separar la estructura de la apariencia, que incluye principalmente separar el contenedor del contenido.
OOCSS es principalmente un método de programación basado en objetos. El propósito de OOCSS es admitir la reutilización de código y, en última instancia, garantizar que los estilos se puedan agregar y mantener bien.
OOCSS también tiene algunas deficiencias. Es principalmente adecuado para proyectos de desarrollo de sitios web grandes, porque los sitios web grandes tienen muchos componentes reutilizables y no tienen muy buenos talentos y efectos al ejecutar proyectos pequeños. Por lo tanto, la elección debe hacerse en función de la situación del proyecto.
2. BEM (modificador de elemento de bloque) BEM es la convención de nomenclatura para la denominación CSS.
Cómo escribir una estructura que no involucre CSS.
En el proceso de formación en informática, la formación en informática recomienda que cada elemento solo agregue el siguiente nombre de clase CSS.
En modo BEM, parece muy engorroso y redundante, pero cada nombre de clase CSS puede describir bien su función.
Cuando se combina con LESS o SASS, reducirá su complejidad de escritura.
3. Documento de reglas Muchas personas tienden a prestar más atención a la situación general y olvidarse de los detalles. Un documento de reglas bien definido puede recordarnos que debemos escribir código según sea necesario.
Un buen archivo de reglas debe seguir las siguientes especificaciones: debe contener reglas inmutables, en lugar de descripciones generales que siempre deben resumir las reglas en sus expresiones más simples. Primero, explique cuál es la regla y luego diga: "Si no, ¿qué pasará?" Y Jade Bird de Sichuan y la Universidad de Sichuan en Pekín cree que cada regla debe contener una de las siguientes palabras: siempre, para siempre, sólo, cada, No es necesario.
En cuarto lugar, el plan integral es como la introducción al principio. El simple uso de BEM no resolvió los problemas que encontramos en el proyecto y crearía otros problemas nuevos, pero esto no es responsabilidad de BEM.
IT Training cree que CSS, como parte importante de la arquitectura front-end, necesita principalmente elegir una solución adecuada para el proyecto, en lugar de usarlo solo porque es popular en la industria.