Especificación frontal I (especificación de nomenclatura)
1.lowercase: la primera palabra comienza con una letra minúscula y la primera letra de la segunda palabra está en mayúscula, como nombre y apellido.
2.CamelCase: La primera letra de cada palabra debe estar en mayúscula, como Nombre y Apellido.
3.snake_case: la nomenclatura subrayada también se llama método serpiente. Consiste en letras minúsculas y guiones bajos, las dos palabras están conectadas por una línea descendente. Ejemplo: nombre.
4. Denominación de casos de Kebab: la denominación de la línea media también se denomina denominación de cadenas y todas las palabras están conectadas con guiones bajos "-". Por ejemplo: nombre
Uso obligatorio: método de nomenclatura de guión bajo
Reglas de nomenclatura: 1. Los nombres de los archivos no deben contener espacios.
2. Se recomienda que los nombres de los archivos utilicen únicamente letras minúsculas, no mayúsculas.
3. Cuando el nombre del archivo contiene varias palabras, se recomienda separar las palabras con un guión (-).
4. Si hay una estructura plural, se debe utilizar el plural.
Ejemplos: inicio de sesión, página de error, ícono
Uso obligatorio: todo en mayúsculas
Para destacar, puedes usar mayúsculas para describir ciertos nombres de archivos.
Ejemplo: archivo Léame
Instrucciones complementarias: archivo Léame estándar
◎Introducción al proyecto.
◎Notas.
◎Dirección de muestra en línea (prueba, oficial).
◎Soporta entorno operativo.
◎Preparación necesaria para la dependencia y cómo establecerla.
◎Guía de instalación del proyecto.
◎Enlaces a documentos relacionados.
◎Información de contacto del personal relevante.
Ejemplo de README.md:
Uso obligatorio: nomenclatura CamelCase
Reglas de nomenclatura: utilizar el verbo como prefijo y el nombre para conocer el significado.
1 y onXxx escuchan devoluciones de llamadas de eventos
2.handleXxx maneja eventos.
3. Obtener un valor.
4.setXxx establece un valor determinado.
Escenarios comunes:
1. Procesamiento de eventos:
(1).onXxx se usa para monitorear activamente eventos y handleXxx se usa para procesamiento pasivo.
Ejemplo: onXxxSubmit: "Enviar formulario"
HandleXxxSizeChange: "Manejar cambios de página"
HandleXxxPageChange: "Manejar cambios de tamaño de página"
OnXxxKeydown: 'Clave'
(2) Otros nombres: clic en elemento, cambio de elemento, rango de selección.
Ejemplo: Seleccionar todo XXX: 'Seleccionar todo'
XxxCellClick: "Este evento se activará cuando se haga clic en una celda"
Este evento se activará cuando las condiciones de clasificación cambian'
b, agregue, elimine, cambie y procese consultas:
Agregar: agregue Xxx para agregar subelementos.
CreateXxx crea grandes proyectos.
Eliminar: eliminarXxx realmente se elimina.
Pseudoeliminación de RemoveXxx
Cambio: Actualizar Xxx
Verificación: Los datos originales obtenidos por getXxx deben modificarse.
Obtener datos originales de Xxx
Ejemplo: getUserList: "Obtener lista de usuarios", fetchToken: "Obtener token", deleteUser: "Eliminar usuario", removeTag: "Eliminar etiqueta", updateUserInfo : "Actualizar información del usuario", addUser: "Agregar usuario", createAccount: "Crear cuenta".
Función de interfaz C.API:
obtener: getXxxApi
Publicación: postXxxApi
Parche: patchXxxApi
delect: delectXxxApi
Nombre de dominio: xxxUrl
Forzar el uso de variables de atributos comunes: nomenclatura CamelCase
Valor booleano 1
Reglas de nomenclatura : con el prefijo de un verbo de juicio
HasXxx determina si contiene un valor. Verdadero: contiene este valor; Falso: no contiene este valor.
IsXxx determina si se trata de un valor determinado. Verdadero: es un valor determinado; Falso: no es un valor.
Por ejemplo: isShow: "si mostrar", isLoading: "si cargar", hasToken: "si incluir token",
2.
Reglas de nomenclatura: utilizar combinación de lista de sustantivos
Ejemplo: lista de usuarios: "Lista de usuarios"
3. Variables de atributos privados
Reglas de nomenclatura: subrayado ( _) El prefijo es el mismo que el nombre de la variable.
4. Variables de enumeración\textcolor{red}{Uso obligatorio: nomenclatura CamelCase}
Las propiedades de enumeración utilizan todas las letras mayúsculas y las palabras están separadas por guiones bajos.
Ejemplo: Supongamos estado objetivo = {lectura: 1, lectura: 2, aplicado: 3, listo: 4}
5. y separe las palabras con guiones bajos.
Uso obligatorio: método de nomenclatura CamelCase
Reglas de nomenclatura: consulte la guía de estilo del sitio web oficial de vue.
Por ejemplo: 1. Nombre según función.
2. Los componentes básicos que aplican estilos y convenciones específicos (es decir, clases de visualización, componentes ilógicos o sin estado) deben comenzar con un prefijo específico, como Base, app o v..
3. El nombre del componente debe comenzar con una palabra de alto nivel (generalmente generalizada) y terminar con un modificador descriptivo.
Ejemplo: Componente/
|- BaseButton.vue
|- BaseTable.vue
|- BaseIcon.vue
Uso obligatorio: método de nomenclatura de guión bajo
Reglas de nomenclatura:
1. La denominación de clase, id, etiqueta y atributo debe ser lo más breve y clara posible, y debe. comience con una letra. Todas las letras deben estar en minúsculas y las palabras deben estar conectadas con guiones "-".
2. La clase debe representar el contenido o función del módulo o componente correspondiente y no debe nombrarse con información de estilo.
3. La identificación del elemento debe garantizar que la página sea única.
4. Está prohibido crear clases sin información de estilo.
Ejemplos:
1. Intenta no abreviar ni abreviar palabras. Las palabras distintas de template = gttmp, message = gtmsg, image = gtimg, property = gt se consideran abreviaturas.
2. Los nombres legibles tienen prioridad sobre los nombres cortos.
3. La longitud del nombre debe ser inferior a 20 caracteres para evitar molestias en la lectura debido a la longitud.
4. El nombre debe tener un significado específico y evitar el uso de palabras con significados generales y sin significado específico.
5. No utilices Pinyin y mucho menos chino.
6. La expresión regular termina con Exp.
7.Ref: Utilice ref al final.