Mi informacion de contacto
Correo[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Un amigo me dijo que se había graduado y había iniciado una pasantía.Pero la empresa todavía utilizaVista, el líder dijo que se le permitiría usarlo después de un tiempo.ReaccionarAntes de realizar un proyecto, apréndalo usted mismo primero.
Encontré algunos documentos para él. Por cierto, como también escribo un blog, también podría escribir uno yo mismo, espero que pueda ayudar a las personas necesitadas.
Tabla de contenido
1.1 Seleccione el directorio e inicie la terminal
1.2 Instalar el comando create-react-app
1.4 Ver archivos de directorio
2 bibliotecas de terceros que definitivamente se utilizarán
2.1.6 Clase de verificación regular
2.1.9 clase de navegador navegador
2.2 preprocesador menos o sass
2.3 biblioteca de solicitudes de axios
2.4 biblioteca de interfaz de usuario
Puede encontrar una carpeta en su computadora como directorio para practicar este proyecto de React, luego ingrese "cmd" en la URL de la carpeta, aparecerá la terminal y también puede especificar el directorio de destino:
Aquí es donde ingresa "cmd" y presiona Enter para que aparezca la ventana emergente del terminal.
Ejecute el siguiente comando, -g significa instalarlo globalmente
npm install -g crear-react-app
Por ejemplo, queremos crear un archivo llamado herramienta js-big-box-react proyecto, entonces puede ejecutar el siguiente comando:
crear-aplicacion-reaccion herramienta js-big-box-react
Luego se instalará el terminal,La instalación puede ser un poco lenta., espere pacientemente, como se muestra en la siguiente figura una vez completada la instalación:
- El directorio público almacena archivos html familiares y algunos archivos estáticos requeridos;
- El directorio src es un directorio importante para el desarrollo de proyectos.
- Más abajo, index.js es el archivo de entrada.
- Puede intentar realizar algunos cambios en App.js y luego verificar el efecto de la página web.
En la imagen de arriba, usamos el editor VSCode para abrir el proyecto React. En este momento, ingresamos el comando en la consola:
inicio npm
Luego, el proyecto nos ayudará activamente a activar el navegador,http://localhost:3000/La dirección, y luego podrá ver el ícono giratorio de React y el proyecto estará instalado.
Una vez completada la instalación del proyecto, comenzará el desarrollo del mismo. Como dice el refrán, si un trabajador quiere hacer bien su trabajo, primero debe agudizar su energía.Antes del desarrollo del proyecto, hablemos de algunas cosas que definitivamente se utilizarán en el desarrollo del proyecto front-end.Bibliotecas de terceros .El uso de estas bibliotecas de terceros puede ayudarnos a desarrollarmás eficiente。
Primero vaya a la dirección de aprendizaje de js-tool-big-box, haga clic aquí:dirección de aprendizaje de la biblioteca de herramientas js-tool-big-box
js-tool-big-box es casi una biblioteca npm imprescindible para proyectos de desarrollo front-end. Tiene funciones ricas y es fácil de usar, lo que hace que el desarrollo front-end sea extremadamente eficiente. Sus funciones actuales incluyen pero no se limitan a:
- Conversión de fecha y hora;
- Formato de hora más flexible;
- Adquisición de tiempo más personalizada;
- El período de tiempo desde un determinado momento hasta ahora (información de devolución más detallada)
- Determinar si se trata de un año ordinario o bisiesto;
- ¿Cuántos días hay en un mes?
- Signo del zodiaco;
- feriados legales del año;
- Obtenga la hora de ciudades clave de todo el mundo;
- Obtener el valor del parámetro en la URL
- establecer cookies;
- Consigue galletas;
- Eliminar las cookies;
- Establecer almacenamiento local;
- Obtener almacenamiento local
- Anti vibración
- Acelerador
- Miles separados por comas;
- Determine si es mayor que 0;
- Determinar si un número entero es mayor que 0;
- Generar números aleatorios dentro del rango especificado;
- Generar un número aleatorio con un número específico de dígitos;
- Convertir números a chino en minúsculas;
- Convertir números a chino en mayúsculas;
- cuerda inversa;
- Henggang y pequeña joroba
- Henggang se convierte en una gran joroba;
- Comparación de números de versión;
- Obtenga la longitud en bytes de una cadena;
- generar fluido;
- Obtener sexo, edad y fecha de nacimiento según el número de identificación;
- Agregue símbolos especiales en el medio de la cadena para ocultar información clave;
- Conversión de cadenas de letras mayúsculas y minúsculas;
- Verificación del formato de correo electrónico;
- Verificación del formato del número de teléfono móvil;
- verificación del formato de URL;
- verificación del formato del número de identificación;
- verificación del formato de la dirección IP;
- Validación del formato del código postal;
Determine si es un carácter Unicode;
Detectar el valor de seguridad de la contraseña;
- Enviar solicitud jsonp;
- Descargue la versión puramente funcional del archivo;
- Descargar archivos, buscar + descargar la versión de la función;
- Obtenga un número aleatorio de valores de la matriz;
- Copie texto al portapapeles;
- Deduplicación de matrices;
- Obtenga tipos de datos más detallados;
- Clasificación de matrices numéricas (orden directo e inverso);
- Clasificación de matrices de objetos (orden hacia adelante y hacia atrás)
- Determinar si el navegador actual es móvil;
- Determinar si el elemento está dentro del rango visible;
Obtenga si el navegador actual se desplaza hacia arriba o hacia abajo y obtenga la distancia actual desde la parte superior e inferior;
Activar y desactivar la pantalla completa;
Obtenga el agente de usuario del navegador e información detallada;
La forma tradicional de escribir CSS es relativamente sencilla. El uso de preprocesadores como less o sass puede hacer que el desarrollo de CSS sea más eficiente y es muy recomendable.
Documentos de estudio(Inicio rápido de Less | Documentación china de Less.js - Sitio web de Less Chinese (bootcss.com))
Generalmente, los proyectos implicarán interactuar con el servidor y en este momento puede usar axios para enviar solicitudes.
documentación de aprendizaje de axios (documentación china de axios | sitio web chino de axios |)
Para React, si se trata de un desarrollo del lado C, aún esperamos poder escribir a mano algunas bibliotecas de UI relativamente livianas, pero si se trata de un desarrollo del lado B, recomendamos Ant Design.
Documento de aprendizaje de diseño de hormigas (Ant Design: un lenguaje de diseño de interfaz de usuario de nivel empresarial y una biblioteca de componentes React)
Se ha dedicado a la investigación de tecnología durante más de 30 años y domina varios lenguajes como java, linux, javascript, php, css, etc. Ha realizado muchas contribuciones en el campo del código abierto. Estación de documentación para desarrolladores para compartir algunos problemas en el desarrollo de tecnología para referencia futura.
Correo[email protected]