Aiming at the problems of terminal fragmentation, low development efficiency and performance bottleneck of dynamic rendering of complex interfaces faced by front-end interface development under multi-terminal platform, this paper proposes a responsive interface automatic generation and rendering optimization framework for multi-terminals. By constructing the mapping relationship of "terminal feature-design intention-layout code", the framework realizes the automatic generation from design draft or requirement description to multi-terminal adaptation code by using semantic analysis and constraint solving technology, and embeds the performance marking mechanism in the generation stage. At the same time, according to the real-time performance score of the equipment, the interface rendering mode is dynamically adjusted, and different rendering strategies are adopted to balance the user experience and operation efficiency. The experimental results show that this framework is superior to the traditional scheme in the matching rate of multi-terminal UI components, layout decision time, first screen loading time and scrolling frame rate, and the dynamic switching of rendering strategy based on device performance score can significantly improve performance and energy efficiency, effectively solve the problems of separation of generation and optimization, insufficient terminal adaptation ability and poor cross-platform compatibility in existing research, and has important theoretical value and engineering significance for improving development efficiency, reducing maintenance costs and optimizing user experience.
Sha Liang (Sun,) studied this question.