CN107357817B - It is a kind of towards the Web page module design of JSON and its Asynchronous loading method - Google Patents
It is a kind of towards the Web page module design of JSON and its Asynchronous loading method Download PDFInfo
- Publication number
- CN107357817B CN107357817B CN201710427924.3A CN201710427924A CN107357817B CN 107357817 B CN107357817 B CN 107357817B CN 201710427924 A CN201710427924 A CN 201710427924A CN 107357817 B CN107357817 B CN 107357817B
- 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.)
- Active
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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a kind of towards the Web page module design of JSON and its Asynchronous loading method, 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 which the modularized design for realizing webpage and dynamic is facilitated to change;It represents that html web page layout and web page element can further reduce data redundancy using JSON objects, improves the network transmission and response speed of web page code.The method of the present invention is suitable for 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 is often used as a kind of data interchange format of lightweight at present.JSON can be expressed as the title of one group of text formatting-
The set of value pair independently of specific programming language, can be parsed and be automatically generated by most of common programming languages;JSON grammers
Succinctly, there is no data redundancies, can greatly improve transmission and response speed.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 the eval methods of JavaScript
Routine call, conversion method are defining and unified inside the browser of different kernels, do not need to hand-coding,
Also without the otherness for considering different kernel browsers.The common language in Web server end also all provides corresponding JSON solutions
Parser can very easily parse the data that client is transmitted through the JSON forms come, 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 message and passes through network and returns to Web client in response.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
Code is there are mass data redundancy, such as each web page element to be required to include start-tag and terminate label, by character string shape
The HTML code of formula directly transmits in a network, can reduce transmission and the response speed of network communication.Therefore, Web application and developments
There is an urgent need to a kind of more efficient Web page representation and design methods in field.
Invention content
For the above-mentioned prior art the problem of, the object of the present invention is to provide a kind of webpages towards JSON
Modularized design and its Asynchronous loading method, to overcome, the HTML code generated in existing webpage design method parsing is difficult, repaiies
The defects of changing difficult and data redundancy is realized and is gone forward side by side using the mode of JSON objects to webpage progress modularized design line asynchronous
Loading.
In order to realize above-mentioned task, the present invention uses following technical scheme:
It is a kind of towards the Web page module design of JSON and its Asynchronous loading method, include the following steps:
Step 1 determines the web page element included required for various pieces in page layout format structure and layout structure;
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;The page layout template includes page layout container and webpage cloth
This two class component of office's entry;
The page layout container of definition, page layout entry and web page element are assembled into webpage JSON objects by step 3;
Step 4 creates the global waiting list of a HTML DOM object type;
Step 5 traverses all objects in the template.childs attributes of JSON objects, judges in ergodic process
Existing object is page layout template or web page element, then performs step 6 or step 7 according to judging result;Work as traversal
During completion, step 10 is turned to;
Step 6 if page layout template, then continues to traverse all objects in its childs attribute, and preservation time
The HTML DOM objects generated during each object are gone through, when being completed until traversing, according to all HTML DOM objects of return, with
And the component attributes of current web page layout templates, the corresponding HTML DOM objects of generation page layout template are then back to
Step 5;
Step 7, if web page element, then detecting the corresponding scripted code of web page element scriptAddr attributes is
No loading is completed, if loading is completed, is performed the scripted code, is created the corresponding HTML DOM objects of 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 judges whether to have created script objects corresponding with current web page element, if it is returns to one
The HTML DOM objects of a sky give its upper level page layout template, and return to step six;Otherwise, step 9 is performed;
Step 9, creates corresponding with current web page element script objects, and by current web page element scriptAddr
The value of attribute is assigned to the src attributes of the script objects, which is added in the global waiting created in step 4
In queue, an empty HTML DOM object is then back to its upper level page layout template, and return to step six;
Step 10 calls the webpage rendering engine interface of Web browser offer, the webpage cloth created in rendering step six
Office's template and HTML DOM objects wherein included;
Step 11 detects whether the global waiting list is empty, and if it is webpage all the elements loading is completed,
Then exit this method;Otherwise step 12 is performed;
Step 12 is detected with the presence or absence of the script objects for having completed loading in global waiting list, 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 for being located at queue head in global waiting list occur,
After the onload events of the script objects occur, then return to step five.
Further, in the 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 the step three, the rule of assembling is:Page layout entry must be defined on page layout appearance
In the childs attributes of device, multiple page layout entries are can define in a page layout container;Web page element must be defined on
In the childs attributes of page layout entry, a web page element corresponds to a page layout entry;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 facilitate realization 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 suitable for Web Software for Design, has in field of software development important
Application value.
Description of the drawings
Fig. 1 is the flow chart of the method for the present invention;
Specific embodiment
The present invention represents html web page layout and web page element using JSON objects, and language is designed using JavaScript program
Webpage JSON objects can be directly translated into the internal object of JavaScript language, so as to drop by the included parsing function of speech
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
Facilitate the dynamic modification for realizing 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 the divided each column of html web page, 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.The 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 determined according to step 1 and determining web page element, use JSON objects
Formal definition page layout template, and use the corresponding web page element of formal definition of JSON objects;
Include two class component of template-container and template-item 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 can define multiple template-item in one template-container.
The 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 in the attribute.
The 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 component, 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 in the attribute.
The 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 item
The renderer property of mesh display type on webpage can be defined with the mode of CSS style rule;Childs is array type,
In be stored in web page element JSON objects in the layout entry.
The 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,
Represent web page element attribute, including internal members such as src and text, wherein src is String types, represents web page element reference
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.
The page layout container of definition, page layout entry and web page element are assembled into webpage JSON objects by step 3;
The rule of assembling is:Page layout entry must be defined in the childs attributes of page layout container, and a page layout holds
It can define multiple page layout entries in device;Web page element must be defined in the childs attributes of page layout entry, one
Web page element corresponds to a page layout entry;It 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, upper part and lower part include a web page element respectively.Above-mentioned webpage
Corresponding JSON objects are as follows:
In the 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 the corresponding HTML DOM couple of interface generation web page element provided using Web browser
As.
Step 4 will realize the Asynchronous loading process to above-mentioned webpage JSON objects since this step.One is created first
The global waiting list of a HTML DOM object types, global waiting list is the Array types of JavaScript, in Array
Element be HTML DOM objects.Using the characteristic of JavaScript language, the rope of element in the global waiting list
Drawing can be represented with String.
Step 5 traverses all objects in the template.childs attributes of JSON objects, judges in ergodic process
Existing object is page layout template or web page element, then performs step 6 or step 7 according to judging result;Work as traversal
During completion, step 10 is turned to;
Step 6 if page layout template, then continues to traverse all objects in its childs attribute, and preservation time
The HTML DOM objects generated during each object are gone through, when being completed until traversing, according to all HTML DOM objects of return, with
And the component attributes of current web page layout templates, the corresponding HTML DOM objects of generation page layout template are then back to
Step 5;
The corresponding HTML DOM objects of generation 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 traversed its childs attribute
In all objects when all HTML DOM objects for being returned and the page layout template component attributes specified by
HTML DOM objects.
The HTML DOM objects that all objects in the childs attributes of the traversal page layout template are generated lead to
Cross DOM interface function document.createDocumentFragment () the .appendChild () additions of Web browser
Into the corresponding HTML DOM objects of page layout template.
Step 7, if web page element, then detecting the corresponding scripted code of web page element scriptAddr attributes is
No loading is completed, if loading is completed, is performed the scripted code, is created the corresponding HTML DOM objects of the web page element and return
Back to its upper level page layout template, and return to step six;Otherwise, step 8 is performed;The establishment web page element pair
The HTML DOM objects answered are by calling the DOM interface function document.createElement () of Web browser real
Existing, wherein the corresponding HTML DOM objects of the web page element created are named with web page element hashName property values.
It is complete in the following way that whether the corresponding scripted code of 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;If included the DOM objects, then corresponding scripted code has loaded completion;Otherwise,
Completion is not loaded.
Step 8 judges whether to have created script objects corresponding with current web page element, if it is returns to one
The HTML DOM objects of a sky give its upper level page layout template, and return to step six;Otherwise, step 9 is performed;It is described
The corresponding script objects of web page element refer to the HTML DOM objects of standard a kind of, which contains establishment web page element
JavaScript code, script objects can by Web browser provide DOM interface function
Document.createElement () is created.
Step 9, creates corresponding with current web page element script objects, and by current web page element scriptAddr
The value of attribute is assigned to the src attributes of the script objects, which is added in the global waiting created in step 4
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 in step 5 in create global waiting list when, with the corresponding web page element of script objects
Element index of the hashName property values as global waiting list, using the script objects as the member of global waiting list
Element.Empty HTML DOM objects are DOM interface function the document.createTextNode () establishments by Web browser
One empty text node.
Step 10 calls the webpage rendering engine interface of Web browser offer, the webpage cloth created in rendering step six
Office's template and HTML DOM objects wherein included;The webpage rendering engine interface that the 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 the way that document.body.appendChild () is called to realize to the page layout template that has created and is wherein wrapped
The HTML DOM objects contained are rendered.
Step 11 detects whether the global waiting list is empty, and if it is webpage all the elements loading is completed,
Then exit this method;Otherwise step 12 is performed;
Step 12 is detected with the presence or absence of the script objects for having completed loading in global waiting list, 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 the detection script objects, which load completion,
It is 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 for being located at queue head in global waiting list occur,
After the onload events of the script objects occur, then return to step five.It is located at team in the 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)
- It is 1. a kind of towards the Web page module design of JSON and its Asynchronous loading method, which is characterized in that include the following steps:Step 1 determines the web page element included required for various pieces in page layout format structure and layout structure;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;The page layout template includes page layout container and page layout item This two class component of mesh;The page layout container of definition, page layout entry and web page element are assembled into webpage JSON objects by step 3;Step 4 creates the global waiting list of a HTML DOM object type;Step 5 traverses all objects in the template.childs attributes of JSON objects, judges in ergodic process current Object is page layout template or web page element, then performs step 6 or step 7 according to judging result;When traversal is completed When, turn to step 10;Step 6 if page layout template, then continues to traverse all objects in its childs attribute, and it is every to preserve traversal The HTML DOM objects generated during a object when being completed until traversing, according to all HTML DOM objects of return and are worked as The component attributes of preceding page layout template, the corresponding HTML DOM objects of generation page layout template, are then back to step Five;Step 7 if web page element, then detects whether the corresponding scripted code of web page element scriptAddr attributes adds It carries and completes, if loading is completed, perform the scripted code, create the corresponding HTML DOM objects of 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 judges whether to have created script objects corresponding with current web page element, if it is returns to a sky HTML DOM objects to its upper level page layout template, and return to step six;Otherwise, step 9 is performed;Step 9, creates corresponding with current web page element script objects, and by current web page element scriptAddr attributes Value be assigned to the src attributes of the script objects, which is added in into the global waiting list created in step 4 In, an empty HTML DOM object is then back to its upper level page layout template, and return to step six;Step 10 calls the webpage rendering engine interface of Web browser offer, the page layout mould created in rendering step six Plate and HTML DOM objects wherein included;Step 11 detects whether the global waiting list is empty, and 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 is detected in global waiting list with the presence or absence of the script objects for having completed loading, 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 for being located at queue head in global waiting list occur, when this After the onload events of script objects occur, then return to step five.
- 2. as described in claim 1 towards the Web page module design of JSON and its Asynchronous loading method, which is characterized in that institute In the step of stating two, the layout templates of each plate of webpage are defined with page layout entry, and page layout entry must define In page layout container.
- 3. as described in claim 1 towards the Web page module design of JSON and its Asynchronous loading method, which is characterized 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 It can define multiple page layout entries in a page layout container;Web page element must be defined on the childs of page layout entry In attribute, a web page element corresponds to a page layout entry;It can also be into the childs attributes of page layout entry One step nesting defines 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 CN107357817A (en) | 2017-11-17 |
CN107357817B true 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) |
Families Citing this family (8)
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 |
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 |
CN109814866B (en) * | 2019-01-31 | 2022-02-08 | 天津字节跳动科技有限公司 | Processing method and device for converting page application into native application |
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 |
CN112818277A (en) * | 2021-01-25 | 2021-05-18 | 京东方科技集团股份有限公司 | Webpage generation method and device, storage medium and electronic equipment |
CN113326043B (en) * | 2021-05-26 | 2022-05-03 | 上海哔哩哔哩科技有限公司 | 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 |
---|
JSON隔离网站布局和页面实际模块的内容载入;V.Enjoy;《http://developer.51cto.com/art/200904/120685.htm》;20090420;1-2 * |
JS异步加载的三种方式;前段_小菜;《http://blog.csdn.net/l522703297/article/details/50754695》;20160227;1-8 * |
在嵌入式系统中实现AJAX 动态网页技术;胡俊祥;《现代计算机》;20140605(第16期);38-41 * |
Also Published As
Publication number | Publication date |
---|---|
CN107357817A (en) | 2017-11-17 |
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 | |
JP6051337B2 (en) | Client-side page processing | |
US8365203B2 (en) | Method for creating a native application for mobile communications device in real-time | |
CN105824787B (en) | A kind of control method and system of html template dynamic configuration | |
US8627344B2 (en) | Methods and apparatuses for user interface management | |
US8566702B2 (en) | Methods and systems of outputting content of interest | |
US20120249870A1 (en) | Cross-Compiling SWF to HTML Using An Intermediate Format | |
US11677809B2 (en) | Methods for transforming a server side template into a client side template and devices thereof | |
CN109144567B (en) | Cross-platform webpage rendering method and device, server and storage medium | |
CN110908712A (en) | Data processing method and equipment for cross-platform mobile terminal | |
US11003835B2 (en) | System and method to convert a webpage built on a legacy framework to a webpage compatible with a target framework | |
CN108228180A (en) | Real time workshop method and system based on visual interface design | |
WO2022048141A1 (en) | Image processing method and apparatus, and computer readable storage medium | |
Ranjan et al. | JavaScript for modern web development: building a web application using HTML, CSS, and JavaScript | |
CN111782213A (en) | Dynamic control page generation system based on DOM | |
CN113326043B (en) | Webpage rendering method, webpage manufacturing method and webpage rendering system | |
EP2431891A1 (en) | Methods and systems of outputting content of interest | |
US20160012146A1 (en) | Client Web Browser and Method for Constructing a Website DOM Module With Client-Side Functional Code | |
CA2752860C (en) | Methods and systems for identifying content elements | |
Xiaoshu | Optimized development of web front-end development technology | |
CN107729004A (en) | A kind of two-dimensional code generation method based on javascript | |
CN114791989A (en) | Method, system and storage medium for analyzing PSD file based on browser | |
CA2752893A1 (en) | Content acquisition documents, methods, and systems | |
KR101365086B1 (en) | Method and Server for Providing Mobile Contents and Computer-readable Recording Medium for the same |
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 |