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 PDF

Info

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
Application number
CN201710427924.3A
Other languages
Chinese (zh)
Other versions
CN107357817A (en
Inventor
康军
高阳
段宗涛
李都厚
葛建东
江华
黄凯
颜建强
李威
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Changan University
Original Assignee
Changan University
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Changan University filed Critical Changan University
Priority to CN201710427924.3A priority Critical patent/CN107357817B/en
Publication of CN107357817A publication Critical patent/CN107357817A/en
Application granted granted Critical
Publication of CN107357817B publication Critical patent/CN107357817B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/14Tree-structured documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation 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

It is a kind of towards the Web page module design of JSON and its Asynchronous loading method
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)

  1. 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. 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. 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.
CN201710427924.3A 2017-06-08 2017-06-08 It is a kind of towards the Web page module design of JSON and its Asynchronous loading method Active CN107357817B (en)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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

Patent Citations (3)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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