Estructura del marco de desarrollo de programación multiterminal front-end web
A medida que dominamos la tecnología de desarrollo de programación front-end web, nos resultan cada vez más familiares los lenguajes marco y los métodos de arquitectura. A continuación, Changping Beida Jade Bird analizará algunas estructuras marco comunes para el desarrollo web front-end. 1. Tipo todo incluido
La característica más importante de este tipo de marco es que todo, desde el motor de renderizado de nivel inferior y el motor de diseño hasta el DSL de nivel medio y el marco de nivel superior, se desarrolla por sí mismo. Los marcos representativos son Qt y Flutter. Las ventajas de este tipo de marco son muy obvias: alto rendimiento (límite superior, resultados de renderizado consistentes en cada plataforma); Las deficiencias también son muy obvias: es necesario volver a aprender DSL (QML / Dart) por completo y es difícil adaptarse a terminales con características chinas: programas pequeños.
Este tipo de marco es el marco de desarrollo multiterminal original y puro. Dado que cada enlace desde la capa inferior hasta la superior está en sus propias manos, es posible garantizar un desarrollo consistente y una experiencia entre terminales. . Sin embargo, sus costos de desarrollo de marcos son enormes. Cada parte del motor de renderizado, el motor de diseño, DSL y el marco de capa superior requiere mucha mano de obra para su desarrollo y mantenimiento.
2. Tipo de tecnología web
Este tipo de marco lleva la tecnología web (JavaScript, CSS) al desarrollo móvil, un motor de diseño de desarrollo propio para procesar CSS y utiliza JavaScript para escribir lógica empresarial. y utiliza marcos de front-end populares que sirven como DSL y cada extremo utiliza su propio componente nativo para la renderización. Los marcos representativos son ReactNative y Weex. Las ventajas de esto son:
Desarrollo rápido
Reutilización de la ecología front-end
Fácil de aprender y obtener. Comencé, independientemente de front-end o back-end. En el lado móvil, conozco más o menos JS y CSS.
Las desventajas son:
1. Es difícil escribir código de alto rendimiento cuando la interacción es compleja. El diseño de este tipo de marco conducirá inevitablemente a la necesidad de comunicación entre ellos. JS y Native, similares a las operaciones de gestos, es probable que activar la comunicación con tanta frecuencia impida que la interfaz de usuario se dibuje a tiempo en 16 ms. ReactNative tiene algunos componentes declarativos que pueden evitar este problema, pero el método de escritura declarativa es difícil de satisfacer las necesidades de interacciones complejas.
2. Dado que no existe un motor de renderizado y los componentes nativos de cada extremo se utilizan para el renderizado, la consistencia del renderizado del mismo código no es alta.
3. Tipo compilado de JavaScript
Este tipo de framework es el protagonista de nuestro artículo: Taro, WePY, uni-app, mpvue, chameleon, y sus principios son similares: Primero, Se selecciona un marco DSL basado en JavaScript. Según este marco DSL, cada extremo se compila en códigos diferentes. Cada extremo tiene un marco de tiempo de ejecución o una biblioteca de componentes compatible para garantizar que el código se ejecute correctamente.