Background

I just took on a new project, doing c++ page development. Since I hadn't been involved in this kind of development before, I'm writing down the process here and also commemorating the approximately 20 days of development. About 50% of the time was spent getting familiar with lvgl development, its rendering process, syntax, APIs, and so on. Around 30% of the time was used for compilation and testing, and only the remaining time was actually used for writing code. During this process, the newly added logic led to a continuous growth of corresponding code branches, which required me to spend more time understanding the code later. In the end, I managed to complete the task, but I'm not entirely satisfied with the overall robustness, cleanliness, and readability of the code.

Just record my process of embedding a wasm page into vuepress for about a week. It involves many aspects, including git submodule, emscripten, naive-ui, COOP-COEP, and the exploration and use of these technologies. Currently, this tool page has been roughly completed and has a good experience in the Chrome browser.

Getting Started

When developing large projects using Vue, one commonly used internationalization solution is Vue i18n.

For most use cases, referring to the official documentation is sufficient. Here, we will only address some issues that may arise during practical usage.

Process

In order to use echarts charts in a vue project, the canvas-based echarts cannot change with the window size. In this case, it is necessary to listen for window size changes and dynamically execute the echarts resize method.

Add event handlers to the Window object

Background

Due to business requirements, it is necessary to implement a handwritten signature component on the DingTalk Mini Program. After referring to the implementation of handwritten signatures in WeChat Mini Programs online and considering our own actual needs, we have wrapped it into a popup dialog style, while also referring to the handwritten signature style in DingTalk's approval process. The dependencies used include the mini-ali-ui popup and button components, as well as a local icon.