CN107357817A - A kind of Web page module design and its Asynchronous loading method towards JSON - Google Patents
A kind of Web page module design and its Asynchronous loading method towards JSON Download PDFInfo
- Publication number
- CN107357817A CN107357817A CN201710427924.3A CN201710427924A CN107357817A CN 107357817 A CN107357817 A CN 107357817A CN 201710427924 A CN201710427924 A CN 201710427924A CN 107357817 A CN107357817 A CN 107357817A
- Authority
- CN
- China
- Prior art keywords
- web page
- objects
- page layout
- json
- layout
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
The invention discloses a kind of Web page module design and its Asynchronous loading method towards JSON, html web page is laid out and web page element is packaged into different JSON objects, these JSON objects are relatively independent and nested can define, so as to conveniently realize that the modularized design of webpage and dynamic are changed;Represent that html web page layout and web page element can further reduce data redundancy using JSON objects, improve the network transmission and response speed of web page code.The method of the present invention is applied to Web Software for Design, there is important application value in field of software development.
Description
Technical field
The present invention relates to technical field of the computer network, and in particular to a kind of Web page moduleization design towards JSON and its
Asynchronous loading method.
Background technology
JavaScript Object Notation (i.e. JSON) are a kind of languages defined in JavaScript programming languages
Method unit, a kind of data interchange format of lightweight is often used as at present.JSON can be expressed as the title of one group of text formatting-
The set of value pair, it can be parsed and be automatically generated by most of conventional programming languages independently of specific programming language;JSON grammers
Succinctly, in the absence of data redundancy, transmission and response speed can be greatly improved.JSON is easy to use, particularly before Web is carried out
During the exploitation of end, the data of JSON forms are convertible into the confession of JavaScript internal objects by JavaScript eval methods
Routine call, its conversion method are defining and unified inside the browser of different kernels, it is not necessary to hand-coding,
Also without the otherness for considering different kernel browsers.The conventional language in Web server end also all provides corresponding JSON solutions
Parser, the data that client is transmitted through next JSON forms can be very easily parsed, without by means of other API works
Tool.
In a typical Web application, according to the request message of Web client, Web server end usually requires dynamic
Generation html web page code returns to Web client as response message and by network.However, traditional approach generates HTML nets
Page code is taken as a long string processing, and the parsing of character string is relatively cumbersome, when needing to change some web page element, only
Corresponding html tag is only positioned in character string and tag attributes will be extremely difficult;Meanwhile with character string forms table
Page layout is changed in the HTML code shown or structure of web page also can be extremely difficult;In addition, the HTML represented with character string forms
There is mass data redundancy in code, such as each web page element is required to include start-tag and terminates label, by character string shape
The HTML code of formula directly transmits in a network, can reduce transmission and the response speed of network service.Therefore, Web application and developments
There is an urgent need to a kind of more efficient Web page representation and design method in field.
The content of the invention
For above-mentioned problems of the prior art, it is an object of the present invention to provide a kind of webpage towards JSON
Modularized design and its Asynchronous loading method, to overcome the HTML code generated in existing webpage design method to parse difficulty, repair
The defects of changing difficult and data redundancy, realize and webpage progress modularized design is gone forward side by side line asynchronous using the mode of JSON objects
Loading.
In order to realize above-mentioned task, the present invention uses following technical scheme:
A kind of Web page module design and its Asynchronous loading method towards JSON, comprise the following steps:
Step 1, page layout format structure is determined, and the web page element included in layout structure required for various pieces;
Step 2, the page layout structure determined according to step 1 and web page element, use the formal definition of JSON objects
Page layout template and corresponding web page element;Described page layout template includes page layout container and webpage cloth
This two class component of office's entry;
Step 3, the page layout container of definition, page layout entry and web page element are assembled into webpage JSON objects;
Step 4, create the global waiting list of a HTML DOM object type;
Step 5, all objects in the template.childs attributes of JSON objects are traveled through, are judged in ergodic process
Existing object is page layout template or web page element, then performs step 6 or step 7 according to judged result;Work as traversal
During completion, step 10 is turned to;
Step 6, if page layout template, then continue to travel through all objects in its childs attribute, and preservation time
The HTML DOM objects generated during each object are gone through, when being completed until traveling through, according to all HTML DOM objects of return, with
And the component attributes of current web page layout templates, HTML DOM objects corresponding to generation page layout template, it is then back to
Step 5;
Step 7, if web page element, then detect web page element scriptAddr attributes corresponding to scripted code be
No loading is completed, if loading is completed, is performed the scripted code, is created HTML DOM objects corresponding to the web page element and return
Back to its upper level page layout template, and return to step six;Otherwise, step 8 is performed;
Step 8, judge whether to have created with current web page element corresponding to script objects, if it is return to one
Individual empty HTML DOM objects give its upper level page layout template, and return to step six;Otherwise, step 9 is performed;
Step 9, create and current web page element corresponding to script objects, and by current web page element scriptAddr
The value of attribute is assigned to the src attributes of the script objects, and the script objects are added in step 4 to the global wait created
In queue, an empty HTML DOM object is then back to its upper level page layout template, and return to step six;
Step 10, call the webpage rendering engine interface of Web browser offer, the webpage cloth created in rendering step six
Office's template and the HTML DOM objects wherein included;
Step 11, detecting whether described global waiting list is empty, if it is webpage all the elements loading is completed,
Then exit this method;Otherwise step 12 is performed;
Step 12, detect in global waiting list with the presence or absence of completed loading script objects, if so, then from
The script objects, and return to step 11 are deleted in queue;Otherwise, step 13 is performed;
Step 13, the onload events for monitoring the script objects in global waiting list positioned at queue head occur,
After the onload events of the script objects occur, then return to step five.
Further, in described step two, the layout templates of each plate of webpage are defined with page layout entry, net
Page layout entry must be defined in page layout container.
Further, in described step three, the rule of assembling is:Page layout entry must be defined on page layout appearance
In the childs attributes of device, the multiple page layout entries of definable in a page layout container;Web page element must be defined on
In the childs attributes of page layout entry, the corresponding page layout entry of a web page element;In page layout entry
Further nested page layout container can also be defined in childs attributes.
The present invention has following technical characterstic compared with prior art:
1. the present invention represents html web page layout and web page element, page layout template and web page element using JSON objects
Different JSON objects are packaged into, these JSON objects are relatively independent and nested can define, so as to conveniently realize net
The dynamic modification of page;
2. representing that html web page layout and web page element can further reduce data redundancy using JSON objects, net is improved
The network transmission and response speed of page code.The method of the present invention is applied to Web Software for Design, has in field of software development important
Application value.
Brief description of the drawings
Fig. 1 is the flow chart of the inventive method;
Embodiment
The present invention represents html web page layout and web page element using JSON objects, and language is designed using JavaScript program
The analytical capabilities carried are sayed, webpage JSON objects can be directly translated into the internal object of JavaScript language, so as to drop
The low parsing difficulty of web page code;When carrying out webpage design towards JSON, using modular design method, page layout template
And web page element is packaged into different JSON objects, these JSON objects are relatively independent and nested can define, so as to
Conveniently realize the dynamic modification of webpage;Html web page represents further reduce data redundancy in the form of JSON objects,
Improve the network transmission and response speed of web page code.The detailed step of the present invention is as follows:
Step 1, designer determine the net that various pieces are included in page layout structure, and page layout structure
Page element.Page layout structure refers between each column that html web page is divided, the size of each plate and each plate
Relative position, common page layout structure includes top-bottom layout structure, left-right layout structure, matrix pattern layout structure etc.
Deng.Described web page element refers to the html tag element used in some column of html web page, common are div,
The html tags such as span and table.
Step 2, the page layout structure and the web page element of determination determined according to step 1, uses JSON objects
Formal definition page layout template, and use the corresponding web page element of formal definition of JSON objects;
Include template-container and the class components of template-item two in page layout template, wherein
Template-container is page layout container, and template-item is page layout entry;Each column of webpage
Layout templates are defined with template-item, and template-item must be defined in template-container;According to
Page layout structure, the multiple template-item of definable in a template-container.
Described page layout template is represented in a manner of JSON objects, is shown below:
{"name":"","version":"","template":Object{...}} (1)
Wherein, name is String types, represents layout templates title;Version is String types, represents webpage cloth
The version number of office's template;Template is JSON object types, represents the object in page layout template, template-
Container is defined within the attribute.
Described page layout container template-container is represented in a manner of JSON objects, is shown below:
Wherein, component is String types, represents the html tag name that layout container uses, such as div, span;
Props is JSON object types, and there is defined className attributes, className is String types, represents the layout
The type of template assembly, defined herein as " template-container ";Childs is array type, in array element
Template attributes are JSON object types, and page layout entry template-item is defined within the attribute.
Described page layout entry template-item is represented in a manner of JSON objects, is shown below:
Wherein, component is String types, represents the html tag name that layout entry uses, such as div, span;
Props is JSON object types, and there is defined className and style attributes, className is String types, is represented
The type of the layout templates component, defined herein as " template-item ", style is String types, represents the layout bar
The renderer property of mesh display type on webpage, it can be defined with the mode of CSS style rule;Childs is array type, its
In be stored in web page element JSON objects in the layout entry.
Described web page element is represented in a manner of JSON objects, is shown below:
Wherein, name is String types, represents web page element title;Version is String types, represents webpage member
The version number of element;ScriptAddr is String types, with representing the URL of the JavaScript scripted codes of analyzing web page element
Location, the code is according to the props attribute data dynamic generation HTML DOM objects of web page element;Props is JSON object types,
Web page element attribute is represented, including the internal members such as src and text, wherein src are String types, represent that web page element is quoted
The URL addresses of resource, text are String types, represent the word description to web page element;HashName is String types,
Represent the hash value of web page element.
Step 3, the page layout container of definition, page layout entry and web page element are assembled into webpage JSON objects;
The rule of assembling is:Page layout entry must be defined in the childs attributes of page layout container, and a page layout holds
The multiple page layout entries of definable in device;Web page element must be defined in the childs attributes of page layout entry, one
The corresponding page layout entry of web page element;Can also further nested definition in the childs attributes of page layout entry
Page layout container.Assembling process is further described by following example.
For example, for the webpage of a up-down structure, its top and bottom include a web page element respectively.Above-mentioned webpage
Corresponding JSON objects are as follows:
In described webpage, the relative position of upper and lower two page layout entries is respectively by page layout entry
The CSS style rule control defined in style attributes in props attributes.Defined in web page element scriptAddr attributes
JavaScript scripted codes are mainly HTML DOM couple corresponding to the interface generation web page element provided using Web browser
As.
Step 4, the Asynchronous loading process to above-mentioned webpage JSON objects will be realized since this step.One is created first
The global waiting list of individual HTML DOM object types, global waiting list is JavaScript Array types, in Array
Element be HTML DOM objects.Using the characteristic of JavaScript language, the rope of element in described global waiting list
Drawing can be represented with String.
Step 5, all objects in the template.childs attributes of JSON objects are traveled through, are judged in ergodic process
Existing object is page layout template or web page element, then performs step 6 or step 7 according to judged result;Work as traversal
During completion, step 10 is turned to;
Step 6, if page layout template, then continue to travel through all objects in its childs attribute, and preservation time
The HTML DOM objects generated during each object are gone through, when being completed until traveling through, according to all HTML DOM objects of return, with
And the component attributes of current web page layout templates, HTML DOM objects corresponding to generation page layout template, it is then back to
Step 5;
Described generation HTML DOM objects corresponding to page layout template are the DOM interface functions by Web browser
Document.createDocumentFragment () is created, and is contained in the page layout template and is traveled through its childs attribute
In all objects when all HTML DOM objects for being returned, and specified by the component attributes of the page layout template
HTML DOM objects.
The HTML DOM objects that all objects in the childs attributes of described traversal page layout template are generated, lead to
Cross DOM interface function document.createDocumentFragment () the .appendChild () additions of Web browser
Into HTML DOM objects corresponding to page layout template.
Step 7, if web page element, then detect web page element scriptAddr attributes corresponding to scripted code be
No loading is completed, if loading is completed, is performed the scripted code, is created HTML DOM objects corresponding to the web page element and return
Back to its upper level page layout template, and return to step six;Otherwise, step 8 is performed;Described establishment web page element pair
The HTML DOM objects answered, it is by calling the DOM interface function document.createElement () of Web browser real
Existing, wherein HTML DOM objects corresponding to the web page element created are named with web page element hashName property values.
It is complete in the following way that whether scripted code corresponding to detection web page element scriptAddr attributes, which loads completion,
Into:In the DOM object sets that include of window objects of detection Web browser whether included entitled web page element
The DOM objects of hashName property values;As included the DOM objects, then corresponding scripted code has loaded completion;Otherwise,
Completion is not loaded.
Step 8, judge whether to have created with current web page element corresponding to script objects, if it is return to one
Individual empty HTML DOM objects give its upper level page layout template, and return to step six;Otherwise, step 9 is performed;It is described
Web page element corresponding to script objects refer to the HTML DOM objects of standard a kind of, the object contains establishment web page element
JavaScript code, script objects can by Web browser provide DOM interface function
Document.createElement () is created.
Step 9, create and current web page element corresponding to script objects, and by current web page element scriptAddr
The value of attribute is assigned to the src attributes of the script objects, and the script objects are added in step 4 to the global wait created
In queue, an empty HTML DOM object is then back to its upper level page layout template, and return to step six;It is described
Script objects add step 5 in create global waiting list when, with web page element corresponding to the script objects
Element index of the hashName property values as global waiting list, the member of global waiting list is used as using the script objects
Element.Empty HTML DOM objects are DOM interface function the document.createTextNode () establishments by Web browser
One empty text node.
Step 10, call the webpage rendering engine interface of Web browser offer, the webpage cloth created in rendering step six
Office's template and the HTML DOM objects wherein included;The webpage rendering engine interface that described Web browser provides refers to that Web is clear
Look at the DOM interface function document.body.appendChild () of device, needed when the function is called in step 7
The page layout template of establishment is as parameter.
By calling document.body.appendChild () to realize to the page layout template that has created and wherein wrapping
The HTML DOM objects contained are rendered.
Step 11, detecting whether described global waiting list is empty, if it is webpage all the elements loading is completed,
Then exit this method;Otherwise step 12 is performed;
Step 12, detect in global waiting list with the presence or absence of completed loading script objects, if so, then from
The script objects, and return to step 11 are deleted in queue;Otherwise, step 13 is performed;
It is by detecting script objects in global waiting list that whether described detection script objects, which load completion,
Realized in the DOM object sets that the window objects whether the DOM objects corresponding to index value appear in Web browser include
's.
Step 13, the onload events for monitoring the script objects in global waiting list positioned at queue head occur,
After the onload events of the script objects occur, then return to step five.It is located at team in described monitoring overall situation waiting list
The onload events of the script objects of row stem refer to real using the HTML action listeners mechanism of JavaScript language
Now to the monitoring of the onload events of script objects.
Claims (3)
1. a kind of Web page module design and its Asynchronous loading method towards JSON, it is characterised in that comprise the following steps:
Step 1, page layout format structure is determined, and the web page element included in layout structure required for various pieces;
Step 2, the page layout structure determined according to step 1 and web page element, use the formal definition webpage of JSON objects
Layout templates and corresponding web page element;Described page layout template includes page layout container and page layout bar
This two class component of mesh;
Step 3, the page layout container of definition, page layout entry and web page element are assembled into webpage JSON objects;
Step 4, create the global waiting list of a HTML DOM object type;
Step 5, all objects in the template.childs attributes of JSON objects are traveled through, judged in ergodic process current
Object is page layout template or web page element, then performs step 6 or step 7 according to judged result;When traversal is completed
When, turn to step 10;
Step 6, if page layout template, then continue to travel through all objects in its childs attribute, and it is every to preserve traversal
The HTML DOM objects generated during individual object, when being completed until traveling through, according to all HTML DOM objects of return, and work as
The component attributes of preceding page layout template, HTML DOM objects corresponding to generation page layout template, are then back to step
Five;
Step 7, if web page element, then detect web page element scriptAddr attributes corresponding to scripted code whether add
Carry and complete, if loading is completed, perform the scripted code, create HTML DOM objects corresponding to the web page element and return to
Its upper level page layout template, and return to step six;Otherwise, step 8 is performed;
Step 8, judge whether to have created with current web page element corresponding to script objects, if it is return to a sky
HTML DOM objects give its upper level page layout template, and return to step six;Otherwise, step 9 is performed;
Step 9, create and current web page element corresponding to script objects, and by current web page element scriptAddr attributes
Value be assigned to the src attributes of the script objects, the script objects are added into step 4 the global waiting list created
In, an empty HTML DOM object is then back to its upper level page layout template, and return to step six;
Step 10, call the webpage rendering engine interface of Web browser offer, the page layout mould created in rendering step six
Plate and the HTML DOM objects wherein included;
Step 11, detect whether described global waiting list is empty, if it is webpage all the elements loading is completed, then is moved back
Go out this method;Otherwise step 12 is performed;
Step 12, detect with the presence or absence of the script objects for having completed loading in global waiting list, if so, then from queue
Middle deletion script objects, and return to step 11;Otherwise, step 13 is performed;
Step 13, the onload events for monitoring the script objects in global waiting list positioned at queue head occur, when this
After the onload events of script objects occur, then return to step five.
2. the Web page module design and its Asynchronous loading method towards JSON as claimed in claim 1, it is characterised in that
In described step two, the layout templates of each plate of webpage are defined with page layout entry, and page layout entry must determine
Justice is in page layout container.
3. as claimed in claim 1 towards JSON Web page module design and its Asynchronous loading method, it is characterised in that institute
In the step of stating three, the rule of assembling is:Page layout entry must be defined in the childs attributes of page layout container, and one
The multiple page layout entries of definable in individual page layout container;Web page element must be defined on the childs of page layout entry
In attribute, the corresponding page layout entry of a web page element;It can also enter in the childs attributes of page layout entry
One step is nested to define page layout container.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710427924.3A CN107357817B (en) | 2017-06-08 | 2017-06-08 | It is a kind of towards the Web page module design of JSON and its Asynchronous loading method |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710427924.3A CN107357817B (en) | 2017-06-08 | 2017-06-08 | It is a kind of towards the Web page module design of JSON and its Asynchronous loading method |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107357817A true CN107357817A (en) | 2017-11-17 |
CN107357817B CN107357817B (en) | 2018-06-26 |
Family
ID=60272375
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710427924.3A Active CN107357817B (en) | 2017-06-08 | 2017-06-08 | It is a kind of towards the Web page module design of JSON and its Asynchronous loading method |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107357817B (en) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108073418A (en) * | 2017-12-29 | 2018-05-25 | 上海全成通信技术有限公司 | A kind of page assembly based on JSON specifications defines method |
CN109614565A (en) * | 2018-04-04 | 2019-04-12 | 北京京东金融科技控股有限公司 | Webpage generating method and device |
CN109725902A (en) * | 2018-12-24 | 2019-05-07 | 广东智合创享营销策划有限公司 | A kind of H5 page animation method and system of complex interaction logic |
CN109814866A (en) * | 2019-01-31 | 2019-05-28 | 天津字节跳动科技有限公司 | Page application is converted into the treating method and apparatus of native applications |
CN111813623A (en) * | 2020-06-29 | 2020-10-23 | 北京百度网讯科技有限公司 | Page monitoring method and device, electronic equipment and storage medium |
CN112434491A (en) * | 2020-11-27 | 2021-03-02 | 杭州信雅达泛泰科技有限公司 | HTML table parsing system and parsing method thereof for JSON |
CN113326043A (en) * | 2021-05-26 | 2021-08-31 | 上海哔哩哔哩科技有限公司 | Webpage rendering method, webpage manufacturing method and webpage rendering system |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104317925A (en) * | 2014-10-31 | 2015-01-28 | 北京思特奇信息技术股份有限公司 | Method and system for efficient front-end development and display |
CN105049321A (en) * | 2015-07-13 | 2015-11-11 | 陈包容 | Method for data transmission from PC to cellphone |
CN105095449A (en) * | 2015-07-27 | 2015-11-25 | 福州盈展信息技术有限公司 | Method for converting HTML webpage to mobile terminal page |
-
2017
- 2017-06-08 CN CN201710427924.3A patent/CN107357817B/en active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104317925A (en) * | 2014-10-31 | 2015-01-28 | 北京思特奇信息技术股份有限公司 | Method and system for efficient front-end development and display |
CN105049321A (en) * | 2015-07-13 | 2015-11-11 | 陈包容 | Method for data transmission from PC to cellphone |
CN105095449A (en) * | 2015-07-27 | 2015-11-25 | 福州盈展信息技术有限公司 | Method for converting HTML webpage to mobile terminal page |
Non-Patent Citations (3)
Title |
---|
V.ENJOY: "JSON隔离网站布局和页面实际模块的内容载入", 《HTTP://DEVELOPER.51CTO.COM/ART/200904/120685.HTM》 * |
前段_小菜: "JS异步加载的三种方式", 《HTTP://BLOG.CSDN.NET/L522703297/ARTICLE/DETAILS/50754695》 * |
胡俊祥: "在嵌入式系统中实现AJAX 动态网页技术", 《现代计算机》 * |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108073418A (en) * | 2017-12-29 | 2018-05-25 | 上海全成通信技术有限公司 | A kind of page assembly based on JSON specifications defines method |
CN109614565A (en) * | 2018-04-04 | 2019-04-12 | 北京京东金融科技控股有限公司 | Webpage generating method and device |
CN109614565B (en) * | 2018-04-04 | 2020-06-23 | 京东数字科技控股有限公司 | Webpage generation method and device |
CN109725902A (en) * | 2018-12-24 | 2019-05-07 | 广东智合创享营销策划有限公司 | A kind of H5 page animation method and system of complex interaction logic |
CN109814866A (en) * | 2019-01-31 | 2019-05-28 | 天津字节跳动科技有限公司 | Page application is converted into the treating method and apparatus of native applications |
CN109814866B (en) * | 2019-01-31 | 2022-02-08 | 天津字节跳动科技有限公司 | Processing method and device for converting page application into native application |
CN111813623A (en) * | 2020-06-29 | 2020-10-23 | 北京百度网讯科技有限公司 | Page monitoring method and device, electronic equipment and storage medium |
CN111813623B (en) * | 2020-06-29 | 2024-02-27 | 北京百度网讯科技有限公司 | Page monitoring method and device, electronic equipment and storage medium |
CN112434491A (en) * | 2020-11-27 | 2021-03-02 | 杭州信雅达泛泰科技有限公司 | HTML table parsing system and parsing method thereof for JSON |
CN113326043A (en) * | 2021-05-26 | 2021-08-31 | 上海哔哩哔哩科技有限公司 | Webpage rendering method, webpage manufacturing method and webpage rendering system |
CN113326043B (en) * | 2021-05-26 | 2022-05-03 | 上海哔哩哔哩科技有限公司 | Webpage rendering method, webpage manufacturing method and webpage rendering system |
Also Published As
Publication number | Publication date |
---|---|
CN107357817B (en) | 2018-06-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107357817B (en) | It is a kind of towards the Web page module design of JSON and its Asynchronous loading method | |
US10726195B2 (en) | Filtered stylesheets | |
Brown et al. | Implementation patterns for microservices architectures | |
US20120079374A1 (en) | Rendering web page text in a non-native font | |
US20090204883A1 (en) | Method, Program and System for the Dynamic, Template-Based Generation of Internet Pages | |
US20100299591A1 (en) | Markup language document conversion system, device, method, and program | |
KR20140038459A (en) | Live browser tooling in an integrated development environment | |
JP2016522481A (en) | Client-side page processing | |
CN108228180A (en) | Real time workshop method and system based on visual interface design | |
US9646103B2 (en) | Client-side template engine and method for constructing a nested DOM module for a website | |
US11003835B2 (en) | System and method to convert a webpage built on a legacy framework to a webpage compatible with a target framework | |
CN105094786A (en) | Method and system for customizing page based on JavaScript | |
WO2022048141A1 (en) | Image processing method and apparatus, and computer readable storage medium | |
JPWO2006051958A1 (en) | Information distribution system | |
US20170031877A1 (en) | Web Page Design System | |
CN111782213A (en) | Dynamic control page generation system based on DOM | |
US8862976B1 (en) | Methods and systems for diagnosing document formatting errors | |
CA2752898A1 (en) | Methods and systems of outputting content of interest | |
US7849404B2 (en) | System for determining whether screen displayed by program satisfies specification | |
CN114791988A (en) | Browser-based PDF file analysis method, system and storage medium | |
CA2752860C (en) | Methods and systems for identifying content elements | |
Lonka | Improving the Initial Rendering Performance of React Applications Through Contemporary Rendering Approaches | |
CN112650479A (en) | Webpage CSS structure automatic generation method and storage medium | |
US11238220B1 (en) | Dynamic user interface framework | |
Powers | Adding Ajax: Making Existing Sites More Interactive |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |