Modularization thinking-based template framework design method and system

Abstract

The invention proposes a modularization thinking-based template framework design method and system. The method comprises the steps of constructing a pre-compilation-stage template engine and a front-end template engine, and obtaining a template framework according to the pre-compilation-stage template engine and the front-end template engine. According to the method and the system, based on the perspective of modularization, a set of complete modularization template framework is constructed from the aspect that static resources do not have proper modularization rules and methods; two aspects of synchronous modularization and asynchronous dynamic modularization are involved, and from the two aspects, the high-performance front-end template engine used for asynchronous and dynamic template rendering, and the pre-compilation-stage template engine used for synchronous template generation are realized respectively; and the whole process is subjected to process design and standardization once from the perspective of engineering. According to the method, the template framework is constructed based on modularization thinking, so that the work of developers is greatly facilitated, the complexity of maintenance of code development can be lowered, and the development efficiency is improved.

Description

technical field [0001] The invention relates to the technical field of front-end development, in particular to a template frame design method and system based on the idea of ​​modularization. Background technique [0002] The popularity of web applications greatly increases the complexity of front-end applications, which directly leads to the continuous expansion of the front-end of the website. Front-end development has problems such as large code size, difficult organization and maintenance, low code reusability, and poor scalability. Therefore, it will become more and more important to establish a reasonable front-end development framework and follow development standards and specifications. [0003] From the perspective of the page, the current Ajax-based front-end development method has a problem when interacting with the server: frequent data interaction leads to frequent page rendering. When data is transmitted from the background to the front-end, the data needs to ...

AI Technical Summary

Problems solved by technology

[0003] From the perspective of the page, the current Ajax-based front-end development method has a problem when interacting with the server: frequent data interaction leads to frequent page rendering

[0006] 1) Performance: The template engine relies on the Function constructor when rendering. Function, like eval, setTimeout, and setInterval, provides a method to access the javascript parsing engine using text, but the performance of executing javascript in this way is very low

[0007] 2) Debugging: Since it is a dynamic execution string, if an error is encountered, the debugger cannot capture the source of the error, which makes template BUG debugging extremely painful

In an engine without fault tolerance, partial templates can even cause the entire application to crash due to data anomalies. As the number of templates increases, maintenance costs will increase dramatically

Images