¿Cuáles son las especificaciones para la codificación de la unidad frontal?
Ya sea código front-end o back-end, los estándares de codificación son particularmente importantes, especialmente en proyectos a gran escala. Estandarizar el código, el formato y los requisitos al comienzo de la apertura reducirá una gran carga de trabajo. y facilitar el mantenimiento posterior del código.
Tabla de clasificación de especificaciones de codificación de unidad frontal sin categoría
Contenido de verificación 1
Diseño de página
El título de la lista se muestra en la centro. 2 Estilo de visualización de datos del área de datos de consulta de diseño de página:
1. Chino indefinido, inglés indeterminado, chino e inglés indeterminados, números en inglés indeterminados a la izquierda.
2. Longitud fija, datos de valor fijo en el centro, fecha, hora y número de serie en el centro.
3. Cantidad: Correcto 3*** Si hay comentarios correctos en cada encabezado de archivo 4 * * * activado - Si hay comentarios correctos en cada función 5 * * * activado - Cada Si hay comentarios 6 * * en el contenido relevante del archivo de configuración: si hay comentarios 7 * * en cada bloque lógico: si hay variables y referencias no utilizadas 8 * * en la especificación de escritura.
1. Los nombres de las etiquetas deben usar letras minúsculas, por ejemplo
2 Para las etiquetas que no necesitan cerrarse automáticamente, no se permite el cierre automático, como entrada, br, img, hora, etc.
3. No se permite omitir la etiqueta de cierre especificada en HTML5. 10 etiquetas estándar de escritura HTML 2:
El uso de etiquetas 1 debe cumplir con las reglas de anidación de etiquetas, por ejemplo, P no se puede colocar en P y tbody debe colocarse en la tabla.
2. El uso de etiquetas HTML debe seguir la semántica de las etiquetas. Párrafo p semántico de etiqueta pública
Encabezado de nivel H1, h2, h3, h4, h5, h6
Fuertemente enfatizado
inserción ins
Eliminar - eliminar
Abreviatura - abreviatura
Código - identificación del código
Cita - citar el título de la obra fuente
q Fuente de voltaje de referencia
Un párrafo o una cita larga
Lista ul-desordenada
Lista ordenada
Dl, dt, DD- Definición formulario 11 Atributos estándar de escritura HTML:
1. Los nombres de los atributos deben usar letras minúsculas;
2. Los valores de los atributos deben estar entre comillas dobles;
3. Se recomienda utilizar xxx- como prefijo de atributos personalizados y se recomienda utilizar datos- como prefijo, por ejemplo
1. Utilice HTML5 DOCTYPE para habilitar el modo estándar. Se recomienda utilizar tipo de documento en mayúsculas.
2. La página debe contener una etiqueta de título declarando el título.
3.3.title debe ser un hijo directo de head y seguir inmediatamente a la declaración del conjunto de caracteres.
Ejemplo "head"
& ltmeta charset = "UTF-8"& gt;
& lttitle & gtTítulo de la página
< /head> 13Codificación estándar de escritura HTML 2:
1. Haga que el favicon sea accesible (coloque el archivo favicon.ico en el directorio raíz y use el enlace para especificar el favicon).
Como
2. Si el proyecto es móvil o responsivo, se debe especificar la ventana gráfica de la página.
14 Introducción a los estándares de escritura HTML:
1. Al introducir CSS, debe especificar rel="hoja de estilo", por ejemplo
2. No es necesario especificar el atributo de tipo (con valor predeterminado), puede introducir CSS y JavaScript.
3 Introduzca todos los recursos CSS requeridos por la página en el encabezado, y JavaScript debe colocarse al final. la página o cargarse de forma asincrónica. (Colocar el script en el medio de la página evitará que la página se muestre). 15 imágenes estándar de escritura HTML:
El valor src de 1.img no puede estar vacío.
El src predeterminado también debe agregarse a la imagen de carga retrasada (si el src está vacío, la página se recargará);
2. Evite agregar atributos de título innecesarios a la imagen (los títulos adicionales afectarán la experiencia de visualización de la imagen). y aumentar el tamaño de la página);
3. Agregar atributos alt a las imágenes importantes
4. Las imágenes con requisitos de descarga se implementan a través de la etiqueta img y las imágenes sin requisitos de descarga se implementan a través de. Implementación de imagen de fondo CSS.
16 Formato estándar de escritura HTML:
1. Un control con un título de texto debe usar la etiqueta para asociarlo con el título;
2. Utilice el elemento botón, se debe indicar el valor del atributo tipo;
3. El botón responsable de la función principal debe colocarse primero en el DOM (esto es recomendado, dependiendo del diseño). 17 Escritura de vídeo y audio estándar en HTML:
1. Se prefieren las etiquetas de audio y vídeo para definir elementos de audio y vídeo en navegadores compatibles con HTML5;
2. la reproducción automática de audio y video;
3. Proporcione instrucciones de que el navegador no admite etiquetas en etiquetas de objetos, como
1.class, la identificación debe estar en minúsculas. las palabras están separadas por - (guión);
2. La clase y la identificación deben representar el contenido o la función del módulo o componente correspondiente, y no deben nombrarse utilizando información de estilo, como la aparición de izquierda y derecha. por separado en el nombre, medio, rojo, negro y otras palabras;
3. Las clases deben tener prefijos (para evitar la contaminación global), por ejemplo, g-representa el estilo global, m-representa el estilo del módulo, ui. -representa el estilo del componente, etc. , depende de las regulaciones del proyecto;
4. ¡No puede aparecer ningún estilo único! Importante;
5.No se permite el uso de class solo en JavaScript para seleccionar ciertos elementos y crear clases sin información de estilo (usando ID);
6.La identificación del elemento debe garantizar que la página es única
7. La misma página, diferentes etiquetas, evite usar el mismo nombre e id (se puede usar la misma etiqueta). Cuando una regla contiene varios selectores, cada declaración de selector debe estar en su propia línea. 21 Especificaciones de escritura CSS Los valores en los selectores de atributos deben estar entre comillas dobles. Por ejemplo, ingrese [name="ACD"]{} 22 Estandarización de escritura CSS Cuando el valor es un decimal entre 0 y 1, se omite la parte entera de 0. Por ejemplo, opacidad. 8 23 Especificación de escritura CSS La ruta en la función url() no está citada. Por ejemplo, fondo: URL (BG . png); 24 CSS: al escribir la longitud estándar 0, se debe omitir la unidad. Por ejemplo, padding: 0 5px25 css: el código para escribir estilos canónicos debe guardarse de forma independiente en un archivo con el sufijo. CSS y estilos en línea no deben usarse excepto en circunstancias especiales. 26 CSS: los valores de color RGB estándar deben escribirse en notación hexadecimal #rrggbb. Rgb() no está permitido. 27 colores estándar de escritura CSS:
1. Los valores de color RGB deben usar notación hexadecimal #aabbcc, RGB() no está permitido
2. Al abreviar, se debe utilizar la forma abreviada; como #fff, #000
3. Los valores de color no permiten valores de color con nombre, como rojo y verde;
4. Todos los valores de color están representados por letras minúsculas en inglés. 28 CSS: escriba el nombre de la familia de fuentes en la fuente estándar 1:
1. El atributo font-family debe utilizar el nombre de la familia en inglés de la fuente. Si hay espacios, deben estar entre comillas. Está estrictamente prohibido el uso de caracteres chinos. Ejemplo de familia de fuentes: "Microsoft Yahei";
Nombre de la familia del sistema operativo de fuentes
(chino fácil) Windows SimSun
Cuerpo negro (cuerpo negro medio fácil) Windows SimHei
Microsoft Yahei
Microsoft está invadiendo los sistemas Windows.
Sistema China Black Mac/iOS
Holly Black Mac/iOS Hiragino Sans GB
文全义正黑Linux文全义zen黑
文全义 Micron Black Linux 文全义微黑29 Fuente estándar de escritura CSS 2:
1.font-family se basa en "fuentes occidentales en el frente, fuentes chinas en la parte posterior" "Las fuentes con buenos efectos (alta calidad/más acordes con los requisitos) deben escribirse en primer lugar, y las fuentes con efectos medios deben escribirse en último orden. Finalmente, se debe especificar la familia de fuentes universal (serif/sans-serif);
Ejemplos de familias de fuentes: Arial, fuente sans serif; tamaño de fuente estándar de escritura CSS 30:
1. El tamaño de fuente del contenido chino que se muestra en la plataforma Windows no debe ser inferior a. 12px;
2. Para el contenido chino que debe mostrarse en la plataforma Windows, no utilice estilos de fuente anormales. 31 Nomenclatura estándar de escritura JS:
Métodos de nomenclatura comunes: caso camel llamado thissinapple, Pascal llamado thissinapple, guión bajo llamado this_is_an_apple, guión bajo llamado this-is-an-apple.
1. Los nombres de métodos/propiedades, nombres de variables, nombres de parámetros, espacios de nombres y nombres de funciones deben nombrarse en joroba.
2. Pascal Naming;
3. Nombres constantes, atributos de enumeración: debe usar nomenclatura subrayada exclusivamente en mayúsculas, como is_debug_enabled
4. Miembros privados (protegidos) (propiedades, funciones, etc.). .). ): debe comenzar con guión bajo_;
5. El tipo booleano debe comenzar con is, has, etc. Para indicar su tipo;
6. La denominación también requiere atención a la semántica. Por ejemplo, los nombres de variables usan sustantivos, los nombres de funciones usan frases verbo-objeto y los nombres de clases usan sustantivos. Los programas JavaScript estándar escritos en 32.js deben guardarse en un archivo separado con un sufijo. js. 33 JS - La estandarización de escritura evita exceder los 80 caracteres por línea. 34 JS: la estandarización de escritura minimiza el uso de variables globales y no permite que las variables locales anulen las variables globales. 35 JS: se pueden utilizar * * * funciones genéricas al escribir la normalización. 36 Declaraciones normativas de escritura JS:
1. Cada línea contiene como máximo una declaración. (punto y coma) al final de cada oración simple;
2. Declaración de retorno
Una declaración de retorno con un valor de retorno no debe usar () (corchetes) para encerrar el valor de retorno. Si se devuelve una expresión, la expresión debe estar en la misma línea que la palabra clave return para evitar el error de agregar un punto accidentalmente;
3. Evite usar la instrucción continuar, que puede oscurecer fácilmente el proceso lógico. del programa;
4.eval es el método del que más se abusa en JavaScript, así que evite usarlo. 37 JS: para escribir una sintaxis estándar de ES5, el código debe incluirse en una IIFE (expresión de función invocada inmediatamente) para crear un dominio independiente y aislado, evitando que el espacio de nombres global se contamine. 38 js-Agregar modo estricto js "use estricto" al escribir código canónico 39 JS-Escribir declaración de variable canónica: cuando se usa var o let para declarar variables, las variables no especificadas se declararán implícitamente como variables globales, lo que será difícil de controlar. 40 El desbloqueo del programa JS utiliza sabiamente juicios verdaderos y falsos. IF(a==true) es diferente de IF(a). Este juicio se convertirá en verdadero o falso mediante operaciones especiales. Todas las siguientes expresiones devolverán falso: falso, 0, indefinido, nulo, nan, (cadena vacía). La draga 41JS-Program evita la creación de funciones en bucles. La draga del programa 42 JS evita declarar funciones en bloques de instrucciones, lo que informará errores de sintaxis en modo estricto. 43 La draga del programa JS utiliza matrices y objetos literales en lugar de constructores de matrices y objetos, los constructores de matrices son propensos a errores en sus parámetros.
44 JS-Program desbloqueó el juicio condicional ternario (un método abreviado de if), que utiliza caracteres de expresión booleana para asignar o devolver declaraciones para evitar su uso en situaciones complejas. 45 JS - El programa desbloquea cadenas usando comillas simples (') en lugar de comillas dobles ('), lo cual es muy útil al crear cadenas HTML, por ejemplo
var msg = 'Esta es una clase HTML y ltp ="tiene sentido">. </p>'. 46 La desobstrucción del programa JS no requiere programas redundantes. Los siguientes ejemplos son como referencia:
Hay subrutinas no utilizadas.
Inicialización repetida
Definición de variables no utilizadas 47 JS - Corrección lógica Sin lógica extraña (funciones vacías y ramas no controladas, etc.) 48 JS - Corrección lógica Entrada de texto La longitud de la cadena del cuadro está limitado en función de dos puntos: 1. Si es necesario en el negocio 2. ¿La longitud del campo de la base de datos cumple con la corrección lógica de 49 JS? Una vez completada la consulta, las condiciones de la consulta deben guardarse en el cuadro de entrada correspondiente. 50 JS: la corrección lógica ordena los resultados de la consulta. 51 Corrección lógica de JS El número de * * en el área de consulta debe ser el número total de todos los datos consultados actualmente. Después de eliminar los espacios iniciales y finales, debe consultar el cuadro de entrada de condición de consulta de corrección lógica 52 JS, no la cantidad de artículos que se muestran en la página actual.
Creo que después de leer este caso, dominas el método. Para obtener contenido más interesante, preste atención a otros artículos relacionados en Gxl.
Lectura recomendada:
La solución al problema de que el texto de la lista desplegable de selección en el navegador Safari es demasiado largo y no se puede ajustar.
La combinación de HTML y CCS