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

An efficient method of semantic front-end selection

A selector and semantic technology, applied in programming languages/paradigms, creating/generating source code, etc., can solve problems such as the difficulty of development collaboration and rising communication costs, reduce team connection costs, simplify complexity and redundancy, The effect of improving overall efficiency

Inactive Publication Date: 2019-03-22
韩真
View PDF5 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

Complexity will lead to the difficulty of development collaboration and a significant increase in the cost of internal communication within the team

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

Examples

Experimental program
Comparison scheme
Effect test

specific Embodiment

[0016] Specific embodiments, an efficient semantic front-end selection sub-solution method

[0017] 1. Propose the concept of S Selector, which is called S Selector in Chinese, or subordinate selector.

[0018] 2. Example of an html fragment, and related css fragments, jquery fragments are as follows:

[0019] The example writes a very simple login component named login_box.

[0020] The following is the traditional way of writing.

[0021] code html

[0022]

[0023]

[0024]

[0025]

[0026]

[0027] Login

[0028] Register

[0029]

[0030] code css

[0031] login_box {

[0032] border: 1px solid gray;

[0033] padding: 10px;

[0034]}

[0035] login_box.lgbox-rectangle {

[0036] border: 1px solid blue;

[0037] padding: 10px;

[0038]}

[0039] login_box.lgbox-rectangle.lgbox-username {

[0040] width: 100%;

[0041]}

[0042] login_box.lgbox-rectangle.lgbox-username:focus {

[0043] color: blue;

[0044]}

[0045] login_box.lgbox-rec...

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 the technical field of programming, in particular to an efficient semantic front-end selection subscheme method. The invention designs an efficient semantic front-end selection sub-scheme method. In a specific front-end development scenario, the S selector is used as the semantic expression of the component, Precompile via html, css Precompilation, jquery chooses to override, It can reduce the complexity and redundancy of html template writing, reduce the coincidence and redundancy of css template writing, and simplify the complexity and redundancy of jquery code describing the internal operation of template to a large extent. Overall, reduce development time, reduce development costs, reduce team docking costs, enhance team combat effectiveness, improve the overall efficiency of development enterprises.

Description

technical field [0001] The invention relates to the technical field of program design, in particular to an efficient semantic front-end selection sub-solution method. Background technique [0002] The front-end selector selector is a syntax for selecting elements in the DOM Tree of html. It can select elements according to their type, id, class, attributes, children, sorting, and combinations of these parameters. The result of the selection is a collection of one or more elements. However, the basis for these choices is not fully semantic. When we choose to develop the front end, we have to give a lot of classes on the html tag to realize the selection of the internal elements of the html component. This scheme of using class to select internal elements may face the problems of too long class naming, too long css writing, repeated classes, and redundant writing of selectors. At the same time, when the number of components reaches tens or hundreds, the commonality, intero...

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
IPC IPC(8): G06F8/30
CPCG06F8/31
Inventor 韩真
Owner 韩真
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