Saltar al contenido principal
Proceso de desarrollo lvgl

Background

Acabo de tomar un proyecto para desarrollar en C++ y debido a que nunca antes me había involucrado en este tipo de desarrollo, he decidido documentar el proceso aquí, al mismo tiempo que conmemoro aproximadamente 20 días de tiempo de desarrollo. Aproximadamente el 50% del tiempo lo dediqué a familiarizarme con el desarrollo de lvgl, su proceso de renderizado, sintaxis, API, etc. El 30% restante lo empleé en compilar, probar, y solo el tiempo restante lo invertí en la escritura de código real. Durante este proceso, la lógica recién agregada hizo que las ramas de código correspondientes fueran creciendo constantemente, lo que significó que me llevaría más tiempo comprender el código más adelante. Al final, logré completar la tarea, pero no quedé satisfecho con la robustez, limpieza y legibilidad del código en general.


init-qyAlrededor de 3 mindesarrollo front-endlvgl
Algunos usos de vue-i18n

Comenzar

Cuando se trabaja en proyectos grandes con Vue, a menudo se utiliza Vue i18n como solución de internacionalización.

La mayoría de los casos de uso se pueden encontrar en la documentación oficial, aquí solo se registrarán algunos problemas que se pueden encontrar en el uso práctico.


init-qyAlrededor de 1 mindesarrollo front-endvue
Registro sobre la monitorización del tamaño de la ventana del navegador.

Proceso

Para utilizar gráficos de echarts en un proyecto de Vue, los gráficos basados en canvas de echarts no pueden cambiar de tamaño automáticamente con el cambio del tamaño de la ventana. En este caso, es necesario escuchar el cambio de tamaño de la ventana y ejecutar el método de redimensionamiento de echarts en tiempo real.


init-qyAlrededor de 2 mindesarrollo front-endjsvue
Según el componente de firma manual de Canvas,

Background

Due to business requirements, it is necessary to implement a handwriting signature component on the DingTalk mini program. After referring to the method of implementing a handwriting signature in WeChat mini programs online and considering our own actual needs, we have packaged it into a popup dialog style, while also referring to the handwriting signature style in DingTalk approval. The dependencies used include the mini-ali-ui popup and button components, as well as a local icon.


init-qyAlrededor de 3 mindesarrollo front-endmini-appDingTalk
2
3