Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Design and construction method of universal front-end UI component library

A construction method and component library technology, applied in the field of design and construction of the front-end UI component library, to achieve the effects of reducing pressure, accelerating rendering speed, and simplifying the steps of importing and using

Pending Publication Date: 2021-10-26
BEIJING INST OF COMP TECH & APPL
View PDF6 Cites 4 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0012] The technical problem to be solved by the present invention is how to provide a general method for designing and constructing a front-end UI component library, so as to solve the problem that the prior art cannot standardize the initialization of a front-end UI component library through a general process

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Design and construction method of universal front-end UI component library
  • Design and construction method of universal front-end UI component library
  • Design and construction method of universal front-end UI component library

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0051] In order to make the purpose, content and advantages of the present invention clearer, the specific implementation manners of the present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments.

[0052]In order to solve the above problems, the present invention aims to design a general front-end UI component library design method and construction process, which is convenient for developers to quickly initialize a set of their own front-end UI component library. As a complete component library project template, it needs to include four parts: clear directory structure, on-demand loading of components, convenient script files and complete unit tests. We design the contents of these four parts as follows:

[0053] 1. Directory structure design

[0054] The directory structure is very important for large-scale projects, and a reasonable and clear directory structure is very meaningful for later development and expan...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention relates to a design and construction method of a universal front-end UI component library, and belongs to the technical field of computer networks. The method comprises the steps: building a front-end scaffold; compiling a directory structure; constructing a front-end UI component library; compiling an automatic generation script; constructing an instruction; constructing a project entrance; developing a new component; and performing packaging, issuing and the like. For component developers, a complete directory structure, an on-demand loading method, an automatic template script generation method and a unit test method are provided for a component library, and the developers can efficiently, conveniently, uniformly and normatively complete the development of customized components; for a general component library user, the general component library constructed by using the process can simplify the importing and using steps, load and simplify the volume of a component project as required to accelerate the rendering speed, and reduce the pressure of server rendering on a CPU (central processing unit) and bandwidth.

Description

technical field [0001] The invention belongs to the technical field of computer networks, and in particular relates to a design and construction method of a general front-end UI component library. Background technique [0002] In recent years, the functions of business systems have become more and more abundant. A system is an independent application. With the increase of business requirements and iterative changes, the complexity of the system increases exponentially. Often, a small change may cause the modification of the overall logic and multiple files, affecting the whole body. [0003] This traditional development method is not only inefficient, but also has high maintenance costs. For this drawback, we envision a general solution. Decompose a large and complex scene into several small parts that do not interfere with each other, can be developed and maintained independently, and can be combined arbitrarily. In this way, when a problem occurs in a certain module, onl...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F8/20G06F8/38G06F8/41G06F8/65G06F8/71G06F11/36G06F16/21
CPCG06F8/24G06F8/38G06F8/41G06F8/65G06F8/71G06F11/3684G06F11/3688G06F16/21
Inventor 王雪莹周炼赤王红艳周益周孙宇
Owner BEIJING INST OF COMP TECH & APPL
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com