Tecnología de desarrollo de aplicaciones multiterminalNo puedo salir durante este período, así que planeo escribir una aplicación para gestionar estudiantes y cursos. Después de varios días de evaluación técnica, compilé este documento para que los estudiantes lo estudien y lo consulten. Base de programación sólida + buenas ideas de programación + dominio de las tecnologías necesarias + familiaridad con los marcos aplicables + ciertas capacidades de procesamiento de gráficos + diseño funcional meticuloso + hábitos de prueba del paciente + gestión autodisciplinada del progreso del proyecto + tiempo fijo continuo + música en movimiento. Para que pueda comenzar felizmente a crear aplicaciones independientes ~ (_ *) Pila de tecnología HTML+CSS+JavaScript Nodejs+React+redux taro+Taroui+Dvajs+TypeScript+scsjsesst+ESLINT+JSDoc+git wx+wx herramientas de desarrollo en la nube vscode+desarrollo WeChat Directorio de herramientas de autor Web Tecnología básica HTML Lenguaje de marcado de hipertexto CSS Hoja de estilos en cascada Ja. Lenguaje de scripting VaScript Lenguaje js y programación funcional estándar Función pura Función Currier Función de generador de datos inmutables Función asíncrona Tecnología web Lenguaje de descripción de interfaz avanzada TypeScript en JsXReact Superconjunto de sintaxis JS estricta Preprocesamiento SASS/SCSS Superconjunto de CSS Marco de aplicación NodeJs usando JS Motor cross-end React front- marco final Marco de interfaz de usuario de aplicación móvil nativa Flutter Marco de interfaz de usuario de desarrollo multiproceso Taro Marco de interfaz de usuario basado en Taro AntDesign Biblioteca de componentes de interfaz de usuario basada en React Biblioteca de gestión de estado basada en Redx React DvaJS Herramienta de desarrollo de marco de flujo de datos basado en Redux Complemento esLint JS herramientas de detección de código Marco de prueba Jest Herramienta de gestión de versiones de código Git anotación jsDoc herramienta de generación de documentos marco de plataforma wx subprograma WeChat wxCloud Desarrollo en la nube WeChat otras herramientas plataforma de gestión de producción de iconos combinación de colores tecnología de servidor de red Mongoose base de datos distribuida desarrollo de proyectos referencia manual del desarrollador página web tecnología básica MDNDesarrollo web tecnología HTML Lenguaje de marcado de hipertexto. MDNHTML ayuda a HyperTextMarkupLanguage (HTML) a describir y definir el contenido de la página web. CSS CascadingStyleSheets MDNCSS ayuda a las hojas de estilo en cascada (CSS) a describir la apariencia y visualización del contenido web. Lenguaje de scripting JavaScript lenguaje js y ayuda de JavaScript estándar MDN JavaScript es un lenguaje de programación que se ejecuta en el navegador. Puede agregar interactividad y otras características dinámicas a su sitio web o aplicación. Con la llegada de Node.js, también es posible ejecutar JavaScript en el servidor. Programación funcional Introducción a la programación funcional - Ruan Yifeng JS Guía de programación funcional - Descargar PDF Función pura ¿Qué es una función pura y por qué deberíamos usar funciones puras? Función del curso [Traducción] actual] Los datos inmutables de JavaScript explican en detalle desde los datos de referencia hasta la copia profunda y los datos inmutables. Este es un avance en las llamadas y una mejora en la optimización. Función de generador La función MDN* ayuda a las funciones asincrónicas La función MDNasync ayuda a las tecnologías web avanzadas. El lenguaje de descripción de la interfaz en JSXReact, el sitio web oficial de React-JSXJSX, es una extensión de sintaxis de JavaScript. Cuando se usa dentro de la arquitectura REACT, tiene el formato más parecido a un lenguaje de plantilla, pero en realidad se implementa completamente dentro de JavaScript. Los elementos son la unidad más pequeña que constituye una aplicación React. JSX se usa para declarar elementos en React usa JSX para describir la interfaz de usuario. TypeScript es un superconjunto de documentos chinos TypeScript con sintaxis JS estricta. TypeScript es un lenguaje de programación multiplataforma de código abierto desarrollado por Microsoft. Es un superconjunto de JavaScript y, en última instancia, se compila en código JavaScript. TypeScript agrega un sistema de tipos estáticos opcional y muchas características nuevas de ECMAScript que aún no se han lanzado oficialmente. SASS/Scss es un superconjunto de preprocesamiento de CSS. Sitio web oficial chino de SASS SASS es un lenguaje de preprocesamiento de CSS escrito en lenguaje Buby. Es una herramienta auxiliar para mejorar CSS y una extensión de CSS. Agrega funciones avanzadas como variables, reglas anidadas, mixins, extensiones e importaciones en línea basadas en la sintaxis CSS. SCSS es una nueva sintaxis introducida por Sass3, que es totalmente compatible con CSS3 y hereda las potentes funciones de Sass. En otras palabras, cualquier hoja de estilo CSS3 estándar es un archivo SCSS válido con la misma semántica. SCSS requiere punto y coma y llaves, no saltos de línea ni sangría. Scss no distingue caracteres de espacios en blanco. De hecho, es la misma sintaxis que css3, su sufijo es. SCSS. El marco de aplicación nodejs utiliza el motor cross-end de JS. El sitio web chino NodeJs. Node.js es un tiempo de ejecución de JavaScript basado en el motor ChromeV8. Node.js utiliza un modelo de E/S sin bloqueo y controlado por eventos.
Node es una plataforma de desarrollo para que JavaScript se ejecute en el servidor. Optimice algunos casos de uso especiales y proporcione API alternativas para que V8 funcione mejor en entornos sin navegador. El motor V8 ejecuta Javascript muy rápidamente y tiene un rendimiento excelente. Se utiliza para crear fácilmente aplicaciones web responsivas y fácilmente escalables. Node adopta un modelo de E/S sin bloqueo y controlado por eventos, que es liviano y eficiente, y es muy adecuado para ejecutar aplicaciones en tiempo real con uso intensivo de datos en dispositivos distribuidos. Sitio web oficial de Nodejs##nodo#Instalación global n$npminstall-gn#Actualizar a la última versión estable$nstable#Actualizar a la última versión$NLEST #Actualizar a la versión personalizada$nv7.10.0#Cambiar a la versión utilizada$n 7.10 .0(Introducir)$ NRM 7.10.0. Eliminar la versión formulada $nrm7.10.0#Ejecutar el script $nuse7.10.0some.js##npm#Actualizar npm$npminstall-gnpm#Ver la versión de npm$npm-v#Actualizar cnpm$npm-gicnpm#Ver la versión de cnpm $CNPM. Acerca del paquete. JSON package-lock. JSON React, el marco front-end del sitio web oficial de React, se originó a partir del proyecto interno de Facebook. Es una biblioteca de JavaScript que se utiliza para crear interfaces de usuario y también es la capa de visualización de aplicaciones web. Marco de interfaz de usuario de la aplicación móvil nativa de Flutter Sitio web oficial de Flutter Flutter es el marco de interfaz de usuario móvil de Google, que puede crear rápidamente interfaces de usuario nativas de alta calidad en iOS y Android. Flutter puede funcionar con código existente. Cada vez más desarrolladores y organizaciones de todo el mundo utilizan Flutter, y Flutter es completamente gratuito y de código abierto. Marco front-end de desarrollo multiterminal de Taro Documento oficial de Taro Taro es una solución de desarrollo multiterminal que sigue las especificaciones de sintaxis de React. Solo puede escribir un conjunto de código y luego compilar el código fuente en algo que pueda ejecutarse en diferentes terminales (miniprogramas WeChat/Baidu/Alipay/ByteDance/QQ/JD.COM, aplicaciones rápidas, H5, React-Native, etc. .) código) a través de la herramienta de compilación de Taro. Entorno de nodo (> = 8.0.0)#Use npm para instalar CLI $ NPM install-g @ tarojs/CLI #O para instalar cnpm, use cnpm para instalar CLI$cnpminstall-g@tarojs/cliCrear proyecto de plantilla$taroinitmyApp Compilación del subprograma WeChat y empaquetado # Script NPM $ npmrundev:weapp $ npmrunbuild:weapp # Solo instalación global $ Taro build-type WAP-watch $ Taro build-type WAP Nota: La versión global de Taro debe ser coherente con la versión Programación asincrónica Taro Programación asincrónica Configuración del entorno $ npmibabel -plugin-transform-runtime-d $ npmibabel-runtime Marco Taro: Crear subprograma WeChat @ tarojs/async-await (no requerido en versiones superiores a 2.0): $ npmi @ tarojs/async-await-savecomponentWillMount(){ Taro. request({ URL:' ponentWillMount(){ const respuesta = awaittaro . request({ URL:' pilerOptions ':{ " paths ":{ " @/* ":["./Src/* "]}} Solución de depuración para archivos de paquete excesivamente grandes El archivo empaquetado es demasiado grande Solución de depuración Webpack-Bundle-Analyzer Marco de interfaz de usuario de Tarou Tarou se instala en el sitio web oficial de Tarou. Después de crear el proyecto, Taro-UI se instala en el directorio raíz del proyecto: AntDesign UI reactiva. biblioteca de componentes La biblioteca de componentes de interfaz de usuario AntDesignReactantd se basa en el sistema de diseño Ant Design y se utiliza principalmente para desarrollar productos de nivel medio y back-end de nivel empresarial. La revancha de documentos chinos se basa en la biblioteca de gestión de estado React: No hay texto estándar como la mejor práctica de Redox. El sitio web oficial dva se basa primero en Redox y redux -Saga, la solución de flujo de datos y, para simplificar la experiencia de desarrollo, dva también tiene incorporado react-router y fetch, por lo que también puede entenderse como un marco de aplicación liviano. Dva gestiona el modelo de dominio, incluido el estado, a través del concepto de modelo: reductor. Actualizaciones sincrónicas Maneja el impacto de las suscripciones a las fuentes de datos: el nombre del modelo actual se compone de varios modelos pequeños. estados, codificados por el espacio de nombres: el estado actual del modelo.