CN111026396A - Page rendering method and device, electronic equipment and storage medium - Google Patents
Page rendering method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN111026396A CN111026396A CN201911284581.5A CN201911284581A CN111026396A CN 111026396 A CN111026396 A CN 111026396A CN 201911284581 A CN201911284581 A CN 201911284581A CN 111026396 A CN111026396 A CN 111026396A
- Authority
- CN
- China
- Prior art keywords
- page
- rendering
- target
- file
- interface
- 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
- 238000009877 rendering Methods 0.000 title claims abstract description 229
- 238000000034 method Methods 0.000 title claims abstract description 62
- 238000011161 development Methods 0.000 claims abstract description 97
- 238000012545 processing Methods 0.000 claims description 41
- 230000003068 static effect Effects 0.000 claims description 20
- 230000008569 process Effects 0.000 claims description 15
- 230000004044 response Effects 0.000 claims description 7
- 230000006870 function Effects 0.000 description 20
- 238000004891 communication Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 9
- 230000003993 interaction Effects 0.000 description 7
- 238000007726 management method Methods 0.000 description 6
- 230000001133 acceleration Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 5
- 238000012546 transfer Methods 0.000 description 5
- 230000003044 adaptive effect Effects 0.000 description 4
- 238000013473 artificial intelligence Methods 0.000 description 4
- 230000008859 change Effects 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 238000013461 design Methods 0.000 description 4
- 230000010354 integration Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 238000012795 verification Methods 0.000 description 4
- 230000001960 triggered effect Effects 0.000 description 3
- 238000013528 artificial neural network Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000002955 isolation Methods 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 244000035744 Hura crepitans Species 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000003190 augmentative effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000002457 bidirectional effect Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
Images
Classifications
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
- G06F8/44—Encoding
- G06F8/447—Target code generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/76—Adapting program code to run in a different environment; Porting
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
The disclosure provides a page rendering method, a page rendering device, electronic equipment and a storage medium, and belongs to the technical field of internet. The method comprises the following steps: when a page display instruction is detected, acquiring a development language identifier of the page; determining a target compiler matching the development language identification in a multi-language framework; compiling the target code corresponding to the page into a JS file through the target compiler; the JS file is processed by calling the page rendering interface of the rendering frame to obtain the rendered page, so that developers only need to adaptively develop the page rendering interface of the rendering frame without respectively developing a plurality of sets of page codes for a plurality of rendering frames supporting different development languages, the operation is simple, the development time of the page is saved, and the development period of the application program is shortened.
Description
Technical Field
The present disclosure relates to the field of electronic devices, and in particular, to a page rendering method and apparatus, an electronic device, and a storage medium.
Background
With the development of internet technology, various applications are developed, and an application is generally composed of one page, and a user can obtain required information by browsing the page in the application. With the continuous development of application programs, application program providers have proposed respective rendering frames, and developers need to implement not only the basic functions of pages but also the requirements of different rendering frames when developing the pages.
Because each rendering frame has a development language supported by the rendering frame, when a developer develops a page, the developer needs to redevelop a set of page codes for different rendering frames, and the operation is complex, so that the development period of an application program is long.
Disclosure of Invention
The embodiment of the disclosure provides a page rendering method, a page rendering device, an electronic device and a storage medium, which can solve the problem that in the related art, as each rendering frame has a development language supported by each rendering frame, the development process is complicated. The technical scheme is as follows:
according to an aspect of the embodiments of the present disclosure, there is provided a page rendering method, including:
when a page display instruction is detected, acquiring a development language identifier of the page;
determining a target compiler matching the development language identification in a multi-language framework;
compiling the target code corresponding to the page into a JS file through the target compiler;
and processing the JS file by calling a page rendering interface of the rendering frame to obtain a rendered page.
In one possible implementation, the method of claim 1, wherein determining the development language identification of the page when the page load instruction is detected comprises:
when the page loading instruction is detected, acquiring a manifest file corresponding to the page;
analyzing the manifest file to obtain a reference value corresponding to a development language field in the manifest file;
and using the reference value as the development language identification of the page.
In another possible implementation manner, the method further includes:
loading the rendering frame, wherein the rendering frame is used for providing at least one page rendering interface for page rendering;
loading the multi-language framework, wherein the multi-language framework is used for processing codes written by a plurality of development languages;
and establishing the association relation between the multi-language framework and the rendering framework.
In another possible implementation manner, the processing the JS file by calling a page rendering interface of the rendering frame includes:
when the JS file is obtained through compiling by the target compiler, calling a page rendering interface of the rendering frame according to the incidence relation;
and processing the JS file through a page rendering interface of the rendering frame.
In another possible implementation manner, compiling, by the target compiler, the target code corresponding to the page into a JS file includes:
and compiling the static code and the service code in the object code through the object compiler to obtain the JS file.
In another possible implementation manner, the processing the JS file by calling a page rendering interface of the rendering frame to obtain a rendered page includes:
determining a virtual page structure of the page according to the static code and the service code;
processing the JS file by calling a page rendering interface of a rendering frame to obtain a target page structure corresponding to the JS file;
and rendering the page according to the virtual page structure and the target page structure.
In another possible implementation manner, the method further includes:
when a target instruction is detected based on a rendered page, determining a target event corresponding to the target instruction;
and when the target interface of the multi-language framework has subscribed the target event, calling the target interface to respond to the target instruction.
According to another aspect of the embodiments of the present disclosure, there is provided a page rendering apparatus, the apparatus including:
the acquisition module is configured to acquire a development language identifier of a page when a page display instruction is detected;
a determination module configured to determine a target compiler matching the development language identification in a multi-language framework;
the compiling module is configured to compile a target code corresponding to the page into a JS file through the target compiler;
and the rendering module is configured to process the JS file by calling a page rendering interface of the rendering frame to obtain a rendered page.
In a possible implementation manner, the obtaining module is further configured to obtain a manifest file corresponding to the page when the page display instruction is detected; analyzing the manifest file to obtain a reference value corresponding to a development language field in the manifest file; and using the reference value as the development language identification of the page.
In another possible implementation manner, the apparatus further includes:
a loading module configured to load the rendering framework, the rendering framework for providing at least one page rendering interface for page rendering;
the loading module is further configured to load the multi-language framework, and the multi-language framework is used for processing codes written by multiple development languages;
an association module configured to establish an association relationship between the multi-language framework and the rendering framework.
In another possible implementation manner, the rendering module is further configured to, when the JS file is obtained through compiling by the target compiler, call a page rendering interface of the rendering frame according to the association relationship; and processing the JS file through a page rendering interface of the rendering frame.
In another possible implementation manner, the compiling module is further configured to compile a static code and a service code in the object code by the object compiler to obtain the JS file.
In another possible implementation manner, the rendering module is further configured to determine a virtual page structure of the page according to the static code and the business code; processing the JS file by calling a page rendering interface of a rendering frame to obtain a target page structure corresponding to the JS file; and rendering the page according to the virtual page structure and the target page structure.
In another possible implementation manner, the apparatus further includes:
the determining module is further configured to determine a target event corresponding to a target instruction when the target instruction is detected based on the rendered page;
and the response module is configured to call the target interface to respond to the target instruction when the target interface of the multi-language framework has subscribed to the target event.
According to another aspect of embodiments of the present disclosure, there is provided an electronic device comprising one or more processors;
volatile or non-volatile memory for storing the one or more processor-executable instructions;
wherein the one or more processors are configured to:
when a page display instruction is detected, acquiring a development language identifier of the page;
determining a target compiler matching the development language identification in a multi-language framework;
compiling the target code corresponding to the page into a JS file through the target compiler;
and processing the JS file by calling a page rendering interface of the rendering frame to obtain a rendered page.
According to another aspect of embodiments of the present disclosure, there is provided a non-transitory computer-readable storage medium, wherein instructions, when executed by a processor of an electronic device, enable the electronic device to perform the above page rendering method.
The beneficial effects brought by the technical scheme provided by the embodiment of the disclosure at least comprise:
because the electronic equipment can compile the object code corresponding to the page according to the development language identification of the page through the multi-language frame to obtain the JS file, and then perform the rendering of the page by calling the page rendering interface provided by the rendering frame, developers only need to perform adaptive development on the page rendering interface of the rendering frame, and do not need to respectively develop a plurality of sets of page codes for a plurality of rendering frames supporting different development languages, the operation is simple, the development time of the page is saved, and the development period of the application program is shortened.
And because the development language identification is determined through the development language field in the manifest file, the development language corresponding to the page is determined, so that the multi-language framework can determine the matched target compiler, and the page developed by multiple development languages is supported.
In addition, the target interface of the multi-language frame is called in a mode of subscribing the event, so that the service function of the page can be triggered by the event through the operation of the rendered page by the user, and the interaction of the native function of the electronic equipment and the service function of the page is realized.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present disclosure, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present disclosure, and it is obvious for those skilled in the art to obtain other drawings based on the drawings without creative efforts.
FIG. 1 is a schematic illustration of an implementation environment provided by embodiments of the present disclosure;
FIG. 2 is a flowchart of a page rendering method provided by an embodiment of the present disclosure;
FIG. 3 is a flowchart of another page rendering method provided by the embodiments of the present disclosure;
FIG. 4 is a schematic diagram of a page provided by an embodiment of the present disclosure;
FIG. 5 is a block diagram of a fast application framework provided by embodiments of the present disclosure;
FIG. 6 is a flowchart illustrating the starting of a fast application provided by an embodiment of the present disclosure;
fig. 7 is a block diagram of a page rendering apparatus provided by an embodiment of the present disclosure;
fig. 8 is a block diagram of an electronic device according to an embodiment of the present disclosure.
Detailed Description
To make the objects, technical solutions and advantages of the present disclosure more apparent, embodiments of the present disclosure will be described in detail with reference to the accompanying drawings.
Furthermore, the terms "first", "second" and "first" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. In the description of the present disclosure, "a plurality" means two or more unless specifically limited otherwise.
FIG. 1 is a schematic diagram of an implementation environment provided by embodiments of the present disclosure. Referring to fig. 1, the implementation environment includes an electronic device 101, a first server 102, and a second server 103. The electronic device 101 has a first application installed thereon, where the first application includes a start interface of at least one second application, that is, the first application can be used to start the at least one second application. The first server 102 may provide a background service for the first application.
The electronic device 101 may launch a second application program through the first application program, and the second application program may be any application that is not downloaded. For example, the second application may be a shopping application or a taxi-taking application, etc. The second server 103 may provide a background service for any second application, that is, the second server 103 is a background server corresponding to any fast application. In an embodiment of the present disclosure, the second application is a fast application.
The first server 102 may provide the target code corresponding to the page for the second application. The object code may include static code for determining a structure of the page, such as a table, an input box, a color, etc. displayed in the page, and business code for obtaining dynamic data from the second server 103, such as a value displayed in the table, etc., and for adjusting the structure of the page determined by the static code. The electronic device 101 may render the page of the second application based on object code corresponding to the page provided by the second application.
The electronic device 101 may be a television, a computer, a mobile phone, a tablet computer, or other electronic devices. The first server 102 may be a server, a server cluster formed by a plurality of servers, or a cloud computing center. Similarly, the second server 103 may also be a server, a server cluster composed of a plurality of servers, or a cloud computing center.
Fig. 2 is a flowchart of a page rendering method according to an embodiment of the present disclosure. Referring to fig. 2, the page rendering method includes the following steps:
in step 201, when detecting a page display instruction, the electronic device obtains a development language identifier of the page.
In step 202, the electronic device determines a target compiler matching the development language identification in a multi-language framework.
In step 203, the electronic device compiles the object code corresponding to the page into a JS file through the object compiler.
In step 204, the electronic device processes the JS file by calling a page rendering interface of the rendering frame, so as to obtain a rendered page.
In the embodiment of the disclosure, because the electronic device can compile the object code corresponding to the page according to the development language identifier of the page through the multi-language frame to obtain the JS file, and then perform rendering of the page by calling the page rendering interface provided by the rendering frame, developers only need to perform adaptive development on the page rendering interface of the rendering frame, and do not need to respectively develop multiple sets of page codes for multiple rendering frames supporting different development languages, the operation is simple, the development time of the page is saved, and the development period of the application program is shortened.
In one possible implementation, the method of claim 1, wherein determining the development language identification of the page when the page load instruction is detected comprises:
when the page loading instruction is detected, acquiring a manifest file corresponding to the page;
analyzing the manifest file to obtain a reference value corresponding to a development language field in the manifest file;
and using the reference value as the development language identification of the page.
In another possible implementation manner, the method further includes:
loading the rendering frame, wherein the rendering frame is used for providing at least one page rendering interface for page rendering;
loading the multi-language framework, wherein the multi-language framework is used for processing codes written by a plurality of development languages;
and establishing the association relation between the multi-language framework and the rendering framework.
In another possible implementation manner, the processing the JS file by calling a page rendering interface of the rendering frame includes:
when the JS file is obtained through compiling by the target compiler, calling a page rendering interface of the rendering frame according to the incidence relation;
and processing the JS file through a page rendering interface of the rendering frame.
In another possible implementation manner, compiling, by the target compiler, the target code corresponding to the page into a JS file includes:
and compiling the static code and the service code in the object code through the object compiler to obtain the JS file.
In another possible implementation manner, the processing the JS file by calling a page rendering interface of the rendering frame to obtain a rendered page includes:
determining a virtual page structure of the page according to the static code and the service code;
processing the JS file by calling a page rendering interface of a rendering frame to obtain a target page structure corresponding to the JS file;
and rendering the page according to the virtual page structure and the target page structure.
In another possible implementation manner, the method further includes:
when a target instruction is detected based on a rendered page, determining a target event corresponding to the target instruction;
and when the target interface of the multi-language framework has subscribed the target event, calling the target interface to respond to the target instruction.
Fig. 3 is a flowchart of another page rendering method provided by the embodiment of the present disclosure. Referring to fig. 3, the page rendering method includes the steps of:
in step 301, when the electronic device detects a start operation of an application program, a page rendering environment is initialized.
In the embodiment of the present disclosure, the application may be a first application installed on the electronic device, or may be a second application that does not need to be installed, for example, the second application is a fast application. The second application may be initiated by the first application. The embodiment of the present disclosure takes the application program as a second application program, i.e., a fast application, as an example for explanation.
When the user wants to start the second application program, the user may click the start interface of the second application program on the program page of the first application program, and when the start interface of the second application program is triggered, the electronic device determines that the start operation of the second application program is detected, and at this time, the electronic device needs to initialize the page rendering environment.
In one possible implementation, the page rendering environment includes a rendering frame and a multi-language frame. Accordingly, the step of the electronic device initializing the page rendering environment may be: the electronic device loads a rendering framework for providing at least one page rendering interface for page rendering. The electronic device loads a multi-language framework for processing code written in multiple development languages. The electronic equipment establishes the association relationship between the multi-language framework and the rendering framework. The rendering framework can be a front-end framework released by each internet company, and each rendering framework has a development language supported by each rendering framework. The rendering framework in the embodiment of the disclosure is a rendering framework related to fast applications, and supports a development language for developing an UX file (an executable file generated when fast applications are developed). The multi-language framework is used for a framework supporting multiple DSLs (domain-specific languages).
For example, when a user starts a shopping-like fast application, the electronic device may start a Native (local) end-related service, load a rendering frame, and expose a plurality of page rendering interfaces included in the rendering frame, where the page rendering interfaces are used for operating nodes in a DOM (Document Object Model) of the fast application. For example, the page rendering Interface may be an API (Application Programming Interface) for creating a node, an API for adding and deleting a node, or the like. And loading the DSL frame, and then establishing the association relationship between the DSL frame and the rendering frame, so that the DSL frame can call the API exposed by the rendering frame to realize the rendering of the page.
It should be noted that, after detecting the start operation of the second application, the electronic device may determine that the page display instruction of the main page of the second application is detected. At this point, the electronic device may perform step 302.
It should be further noted that, after the user has started the second application program, when the user wants to browse other pages, the user may perform a page jump operation in the second application program, and when the electronic device detects the page jump operation, it is determined that the page display instruction of the target page is detected. At this point, the electronic device may perform step 302.
It should be noted that, when the electronic device is running, the page rendering environment is usually initialized once, that is, only the rendering frame and the multi-language frame need to be loaded once.
In step 302, when the electronic device detects a page display instruction, the electronic device obtains a development language identifier of a page.
In the embodiment of the disclosure, the electronic device may obtain the development language identifier of the page through the manifest file corresponding to the page, so as to determine the development language corresponding to the page. Correspondingly, the steps can be as follows: when the electronic equipment detects a page display instruction, acquiring a manifest file corresponding to a page. After the electronic device obtains the manifest file, the electronic device may analyze the manifest file to obtain a reference value corresponding to the development language field in the manifest file. The electronic device may identify the reference value as a development language for the page.
The manifest file may be a file configured by a developer in the development process of the application program, and a plurality of pages in the application program may correspond to the manifest file. The manifest file includes a plurality of fields and reference values corresponding to the fields.
For example, in the process of developing an application, a developer may create a manifest file named manifest. JSON under the src folder of a project, in which a plurality of fields and reference values of the fields are stored in JSON (JSON Object Notation) format. The developer can add a dsl development language field to the file and assign a reference value to the dsl field. The electronic device may obtain the manifest file when the application program is started, parse the manifest file to obtain a plurality of fields, and obtain the dsl field and the reference value corresponding to the dsl field from the plurality of fields. And taking the reference value of the dsl field as the development language identification of the page, such as ux, vue and the like.
In step 303, the electronic device determines a target compiler in the multi-language framework that matches the development language identification.
In the disclosed embodiment, multiple target compilers can be included in the multi-language framework, each for compiling code written in one development language into a JS file. The electronic device may determine a target compiler matching the development language identifier according to the development language identifier of the page acquired in step 302.
For example, when the development language is identified as ux, the electronic device may determine a ux compiler that matches ux; when the development language is identified as vue, the electronic device can determine a vue compiler that matches vue.
It should be noted that the multi-language framework may include a compiler supporting multiple development languages, and the multi-language framework may also extend multiple compilers to support more development languages as technology develops.
In step 304, the electronic device compiles the object code corresponding to the page into a JS file through the object compiler.
In the embodiment of the present disclosure, after determining the target compiler, the electronic device may compile a static code and a service code in the target code through the target compiler, so as to obtain a JS (JavaScript, a scripting language) file corresponding to the page. The static code is used for determining the structure of the page, such as a table, an input box, a color and the like displayed in the page, and the business code can be used for acquiring dynamic data, such as a numerical value and the like displayed in the table, from a background server of the second application program in the process of executing. The business code may also be used to adjust the structure of the pages determined by the static code.
For example, when the object code corresponding to the page is vue code, the electronic device may compile a file named xxx. Or, when the object code corresponding to the page is a ux code, the electronic device may compile a file named yy.ux into a file named yy.js.
It should be noted that, in the compiling process of the electronic device, the data corresponding to the page may be updated by executing the service code, so that the obtained data included in the JS file is the latest data.
In step 305, the electronic device processes the JS file by calling a page rendering interface of the rendering frame, so as to obtain a rendered page.
In the embodiment of the disclosure, because the electronic device establishes the association relationship between the rendering frame and the multi-language frame when the rendering frame and the multi-language frame are loaded, when the JS file is compiled by the target compiler, the electronic device can call the page rendering interface of the rendering frame according to the association relationship, and process the JS file through the page rendering interface of the rendering frame. When the electronic equipment processes the JS file, style calculation and page drawing can be carried out by calling a page rendering interface of the rendering platform, so that a rendered page is obtained.
For example, multiple application programs can be started in the electronic device, and because the rendering framework of the fast application is different from the rendering framework of other application programs, when the fast application is started, the electronic device loads the rendering framework of the fast application and the multi-language framework, and establishes the association relationship between the rendering framework of the fast application and the multi-language framework. And enabling the electronic equipment to call a page rendering interface of the rendering frame of the quick application through the association relationship between the multi-language frame and the rendering frame of the quick application. Processing the JS file through a page rendering interface of the rendering frame, for example, generating a DOM tree and a CSS (cascading style Sheets) rule tree, fusing the DOM tree and the CSS rule tree to obtain a structure of a page, and rendering the page based on the structure of the page to obtain a rendered page.
It should be noted that, when the target code corresponding to the page is vue code, the electronic device may also create a virtual page structure of the page through the multilingual frame, and perform page rendering based on the virtual page structure. Correspondingly, the steps can be as follows: the electronic device can determine the virtual page structure of the page according to the static code and the business code in the object code. The electronic equipment can process the JS file by calling a page rendering interface of the rendering frame to obtain a target page structure corresponding to the JS file. The electronic device may perform page rendering according to the virtual page structure and the target page structure.
For example, the electronic device can determine a VDOM (Virtual DOM), i.e., a DOM structure simulated by JS, from the static code in the object code and the service code. When the page is rendered for the first time, the electronic equipment can generate a DOM tree through the VDOM, the electronic equipment generates a CSS rule tree by calling a page rendering interface, the DOM tree and the CSS rule tree are fused to obtain a structure of the page, and the page is rendered based on the structure of the page to obtain the rendered page. When data in a page is updated, the electronic device can update the VDOM, determine a different distinct node of the updated VDOM from the generated DOM, update the distinct node, re-render the page, and complete refreshing of the page.
In step 306, when the electronic device detects a target instruction based on the rendered page, the electronic device determines a target event corresponding to the target instruction.
In the embodiment of the present disclosure, after the electronic device displays the rendered page, the user may browse the page and perform operations on the interface, such as inputting, deleting, clicking, closing, and the like. When the electronic equipment detects a target instruction corresponding to the operation based on the operation of the user on the rendered page, a target event corresponding to the target instruction is determined.
For example, when a user clicks a text box, the electronic device detects an input instruction on the page, an event corresponding to the input instruction is an input event, and when the user switches the page to a background, the electronic device detects a hidden instruction of the page, and an event corresponding to the hidden instruction is a hidden event.
It should be noted that, the electronic device may implement native functions of the electronic device and manipulation of page nodes, such as pop-up, positioning, vibration, ringing, and the like, through a platform layer and a runtime layer. The electronic device can package native functions through a platform layer, and control the DOM structure of the page through a runtime layer.
In one possible implementation, the electronic device may define a global method through a dock (relay) layer to call a corresponding function. When the target instruction detected by the electronic equipment is to call the native function of the electronic equipment, the electronic equipment can send a request to the platform layer through the dock layer to realize the corresponding function. When the target instruction detected by the electronic equipment is a node on the operation page, the electronic equipment can send a request to a runtime layer through a dock layer to realize the operation on the node.
For example, a global changing method may be defined in the dock layer, and is used to switch the display state of the page, when the target instruction is to call the global changing method to change the page from the hidden state to the display state, the target event is an onShow event, and when the target instruction is to call the global changing method to change the page from the display state to the hidden state, the target event is an onHide event.
It should be noted that when the electronic device needs to invoke a service function in the page, for example, submitting verification data to the server, the electronic device may subscribe to the target event through the target interface of the multi-language framework. When the target event corresponding to the target instruction is an event subscribed by the target interface of the multi-language framework, the electronic device may invoke the target interface and respond to the target instruction, i.e., execute step 307.
In step 307, when the target interface of the multi-language framework has subscribed to the target event, the electronic device calls the target interface to respond to the target command.
In the embodiment of the disclosure, a target interface in a multi-language framework may subscribe to the target event, when the target event is triggered, the electronic device may call the target interface subscribed to the target event through the multi-language framework, push a response result to a dock layer through a dsl layer corresponding to the multi-language framework, and call a corresponding native function by the dock layer to implement a response to the target instruction.
For example, referring to fig. 4, fig. 4 is an interaction diagram provided by an embodiment of the present disclosure, and fig. 4 includes a platform (platform) layer, a running (runtime) layer, a transit (dock) layer, and a dsl layer. Wherein, the transfer layer can carry out one-way interaction with platform layer and operation layer respectively, and the function that platform layer and operation layer provided is called respectively to the transfer layer promptly. The transfer layer can perform bidirectional interaction with the dsl layer, namely, a target instruction calls a method in the transfer layer, the method corresponds to a target event, the dsl layer subscribes the target event and calls a target interface, and the method is equivalent to the transfer layer calling the function of the dsl layer; the response of the target interface in the dsl layer is pushed to the dsl layer, and the dsl layer interacts with the running layer according to the response, which is equivalent to the dsl layer calling the function of the transit layer.
For example, taking the target instruction as a submission instruction as an example, the submission instruction is used for submitting account password information input by a user on a page to a server for verification, the electronic device determines that the submission instruction corresponds to a submission event according to the submission instruction, and since a submission interface in the dsl layer subscribes to the submission event, the electronic device calls the submission interface through the dsl layer. Because the submission interface needs parameters, when the electronic equipment detects the submission instruction, a global acquisition method is called through the dock layer, and the acquisition method is used for sending account password information input by a user to the dsl layer and is used as the parameters of the submission interface. And the electronic equipment submits the account password information to a server through a submission interface of the dsl layer. The electronic equipment pushes the verification result returned by the server to the dock layer through the release service through the dsl layer, calls the native voice playing function of the platform layer package through the dock layer, plays the voice, calls the runtime layer through the dock layer, and pops the window on the page, so that the verification result is prompted.
In the embodiment of the disclosure, because the electronic device can compile the object code corresponding to the page according to the development language identifier of the page through the multi-language frame to obtain the JS file, and then perform rendering of the page by calling the page rendering interface provided by the rendering frame, developers only need to perform adaptive development on the page rendering interface of the rendering frame, and do not need to respectively develop multiple sets of page codes for multiple rendering frames supporting different development languages, the operation is simple, the development time of the page is saved, and the development period of the application program is shortened.
All the above possible technical solutions can be combined arbitrarily to form the optional embodiments of the present disclosure, and are not described herein again.
The fast Application related in the embodiments of the present disclosure is a novel Application form based on a hardware platform of an electronic device, and can run based on a native API (Application Programming Interface) provided by an operating system.
The fast application is developed by adopting a unified standard, and is rendered as native without installation, namely, the fast application is used as point, and has native application experience (performance, system integration, interaction and the like). The framework of the fast application can be deeply integrated in an operating system, can operate at the level of the operating system, and realizes seamless connection with other application services. Developers can operate on different types of electronic equipment through one-time development. The method is applied to the electronic equipment manufacturers at the beginning of birth, realizes standardization unification among the electronic equipment manufacturers on the aspects of development specifications, capability access, developer service and the like, and greatly reduces the adaptation cost of developers.
Compared with the traditional application, the quick application has the following characteristics:
instant: the user can use the method point by point, and the user does not need to wait;
everywhere (Everywhere visible): deeply integrated with the use scene of the electronic equipment, and everywhere has an entrance, such as a search engine, an intelligent assistant, intelligent recommendation, an application market, a browser and the like;
efficiency: the quasi-front-end development mode is high in efficiency.
Fig. 5 is a block diagram of a fast application framework 500 provided by an embodiment of the present disclosure, which includes: scenario portal 520, fast application engine 540, and Operating System (OS) infrastructure and hardware 560.
The scene portal 520 includes at least one of a negative one-screen, a global search, a lock screen, a desktop, an application marketplace, a browser, and a two-dimensional code. The appearance of the scene portal 520 may be in the form of a page and a card.
The fast application engine 540 includes a front end framework 541, a generic scenario 542, a lightweight scenario 543, an embedded SDK (Software Development Kit) 544, and business access 545.
The front-end framework 541 includes an MVVM (Model-View-Model ), a V-DOM (Virtual-Document Object Model), a route, an Application Programming Interface (API), a service API, a User Interface (UI) component, a route, and the like;
the general scene 542 and the lightweight scene 543 include a JavaScript (a programming language) engine, a standard rendering engine, an extreme rendering engine, end-cloud-core acceleration, a security mechanism, emerging scenes such as AI (Artificial Intelligence), AR (Augmented Reality), and the like, system integration (application management, rights management, and the like);
OS infrastructure and hardware 560 includes: a graphics library, a native control, a system service, and a GPU (graphics Processing Unit)/NPU (embedded Neural network processor), etc.
From the execution path level, there are a standard HTML (Hyper Text Markup Language) 5 mode to support a general Web scene, and a JS (JavaScript, a programming Language) and Native (Native) mode to support a lighter and faster experience.
The architecture of the fast application engine will be briefly described in 3 aspects below.
1) Application development:
the design of the front end of the fast application refers to and integrates the design thought of the mainstream front end framework: the application is built in a componentized mode, an MVVM design mode taking data binding as a core is adopted, the performance is improved in a V-DOM mode, and meanwhile, a simple and clear template of a class Vue (a virtual machine shelling engine) is selected. Meanwhile, the layout aspect is correspondingly simplified. From the perspective of new application form, native UI mapping and capability opening, a set of components and API specifications need to be defined, and the rapid development application is convenient to develop.
2) System integration:
fast applications, as a complete application modality, can be deeply integrated with the system, run as native applications, and interact with the system. There are currently two forms of rapid application: a full screen mode independent application mode and an embedded mode card mode. Under the independent application form, the experience of the user is similar to a native application program, and the method has complete life cycle management, page management, routing and the like. The fast application can be hosted in the Activity of android, the page is hosted in Fragment, and the instance is managed and controlled through independent background Service. The card form is another form, and dynamic content is displayed in a light weight manner by embedding the embedded SDK (Software Development Kit) as an independent local control into each corner of the system. In the aspect of security isolation, better security guarantee can be achieved through a sandbox mechanism, process isolation and authority control in combination with the support of an operating system layer.
3) Performance experience and emerging scenes, such as JavaScript engines, rendering engines, end-cloud-core acceleration, emerging scenes, and the like:
in the aspects of interactive experience, resource overhead, stability and the like, the fast application realizes effective combination of a front-end development mode, native rendering and platform capability by introducing a native rendering path.
Different from cross-platform frameworks of other application layers, the application is planted in an operating system of the electronic equipment, and deep integration of a slave chip, the operating system and the cloud can be realized. By taking the acceleration of the starting performance as an example by combining the end and the cloud, the optimization of the network link layer can greatly accelerate the starting speed of the application through the cooperative rendering of the cloud and the end. Meanwhile, the special capability of the hardware platform can be integrated, and the experience is further improved. For example, the computing power of an NPU (Neural-network processing Unit, network processor) may be integrated into a fast application engine in combination with an AI chip of an electronic device, so that an AI scene (face recognition, image super-resolution, and the like) may be executed at a low latency and high performance on an end side, and meanwhile, the privacy of a user is effectively protected, and a bandwidth is saved.
Fig. 6 is a flowchart of starting a fast application provided in an embodiment of the present disclosure, including:
1) when the system is started for the first time, a user clicks a program package for triggering downloading of the fast application, and meanwhile, initialization related work of the fast application engine is carried out. After the whole fast application program package is downloaded and verified, the JavaScript file of the first page to be displayed is loaded and rendered.
2) The page rendering comprises JavaScript loading, execution of page and JavaScript frame logic, layout operation and drawing of the native UI control. When the logic in the page is executed, one or more network requests are generated, and the data returned by the network requests drive the page to be rendered again until the content of the page on the first screen is completely displayed.
The network request, JavaScript execution, typesetting and drawing are not in simple serial relation, but are parallelly interwoven, thereby affecting the rendering performance of the whole page and being strongly related to the logic and network conditions of page design and the running state of equipment.
Due to the specificity of fast applications, fast applications are expected to perform more tasks and perform more functions. At present, in the process of gradually improving the functions of the fast application, the embodiment of the present disclosure provides a new function of the fast application, and the new function is utilized to implement page rendering, thereby expanding the functions of the fast application and increasing the speed of rendering the page by the fast application.
Fig. 7 is a block diagram of a page rendering apparatus according to an embodiment of the disclosure. Referring to fig. 7, the apparatus includes: an acquisition module 701, a determination module 702, a compilation module 703, and a rendering module 704.
An obtaining module 701 configured to obtain a development language identifier of a page when a page display instruction is detected;
a determination module 702 configured to determine a target compiler matching the development language identification in a multi-language framework;
the compiling module 703 is configured to compile, by the target compiler, a target code corresponding to the page into a JS file;
and the rendering module 704 is configured to process the JS file by calling a page rendering interface of the rendering frame, so as to obtain a rendered page.
In a possible implementation manner, the obtaining module 701 is further configured to, when the page display instruction is detected, obtain a manifest file corresponding to the page; analyzing the manifest file to obtain a reference value corresponding to a development language field in the manifest file; and using the reference value as the development language identification of the page.
In another possible implementation manner, the apparatus further includes:
a loading module configured to load the rendering framework, the rendering framework for providing at least one page rendering interface for page rendering;
the loading module is further configured to load the multi-language framework, and the multi-language framework is used for processing codes written by multiple development languages;
an association module configured to establish an association relationship between the multi-language framework and the rendering framework.
In another possible implementation manner, the rendering module 704 is further configured to, when the JS file is obtained through compiling by the target compiler, invoke a page rendering interface of the rendering frame according to the association relationship; and processing the JS file through a page rendering interface of the rendering frame.
In another possible implementation manner, the compiling module 703 is further configured to compile a static code and a service code in the object code by the object compiler to obtain the JS file.
In another possible implementation manner, the rendering module 704 is further configured to determine a virtual page structure of the page according to the static code and the business code; processing the JS file by calling a page rendering interface of a rendering frame to obtain a target page structure corresponding to the JS file; and rendering the page according to the virtual page structure and the target page structure.
In another possible implementation manner, the apparatus further includes:
the determining module 702 is further configured to determine, when a target instruction is detected based on the rendered page, a target event corresponding to the target instruction;
and the response module is configured to call the target interface to respond to the target instruction when the target interface of the multi-language framework has subscribed to the target event.
In the embodiment of the disclosure, because the electronic device can compile the object code corresponding to the page according to the development language identifier of the page through the multi-language frame to obtain the JS file, and then perform rendering of the page by calling the page rendering interface provided by the rendering frame, developers only need to perform adaptive development on the page rendering interface of the rendering frame, and do not need to respectively develop multiple sets of page codes for multiple rendering frames supporting different development languages, the operation is simple, the development time of the page is saved, and the development period of the application program is shortened.
Fig. 8 is a block diagram of an electronic device 800 according to an embodiment of the present disclosure. For example, the electronic device 800 may be a mobile phone, a computer, a digital broadcast electronic device, a messaging device, a gaming console, a tablet device, a medical device, an exercise device, a personal digital assistant, and so forth.
Referring to fig. 8, electronic device 800 may include one or more of the following components: processing component 802, memory 804, power component 806, multimedia component 808, audio component 810, input/output (I/O) interface 812, sensor component 814, and communication component 816.
The processing component 802 generally controls overall operation of the electronic device 800, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing components 802 may include one or more processors 820 to execute instructions to perform all or a portion of the steps of the page rendering method described above. Further, the processing component 802 can include one or more modules that facilitate interaction between the processing component 802 and other components. For example, the processing component 802 can include a multimedia module to facilitate interaction between the multimedia component 808 and the processing component 802.
The memory 804 is configured to store various types of data to support operations at the electronic device 800. Examples of such data include instructions for any application or method operating on the electronic device 800, contact data, phonebook data, messages, pictures, videos, and so forth. The memory 804 may be implemented by any type or combination of volatile or non-volatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.
The power supply component 806 provides power to the various components of the electronic device 800. The power components 806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the electronic device 800.
The multimedia component 808 includes a screen that provides an output interface between the electronic device 800 and a user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 808 includes a front facing camera and/or a rear facing camera. The front camera and/or the rear camera may receive external multimedia data when the electronic device 800 is in an operation mode, such as a shooting mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.
The audio component 810 is configured to output and/or input audio signals. For example, the audio component 810 includes a Microphone (MIC) configured to receive external audio signals when the electronic device 800 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 804 or transmitted via the communication component 816. In some embodiments, audio component 810 also includes a speaker for outputting audio signals.
The I/O interface 812 provides an interface between the processing component 802 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.
The sensor assembly 814 includes one or more sensors for providing various aspects of state assessment for the electronic device 800. For example, the sensor assembly 814 may detect an open/closed state of the electronic device 800, the relative positioning of components, such as a display and keypad of the electronic device 800, the sensor assembly 814 may also detect a change in the position of the electronic device 800 or a component of the electronic device 800, the presence or absence of user contact with the electronic device 800, orientation or acceleration/deceleration of the electronic device 800, and a change in the temperature of the electronic device 800. Sensor assembly 814 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 814 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 814 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
The communication component 816 is configured to facilitate wired or wireless communication between the electronic device 800 and other devices. The electronic device 800 may access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 816 receives a broadcast signal or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 816 further includes a Near Field Communication (NFC) module to facilitate short-range communications.
In an exemplary embodiment, the electronic device 800 may be implemented by one or more Application Specific Integrated Circuits (ASICs), Digital Signal Processors (DSPs), Digital Signal Processing Devices (DSPDs), Programmable Logic Devices (PLDs), Field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors, or other electronic components for performing the above-described page rendering method.
In an exemplary embodiment, a non-transitory computer-readable storage medium comprising instructions, such as the memory 804 comprising instructions, executable by the processor 820 of the electronic device 800 to perform the above-described method is also provided. For example, the non-transitory computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.
The present disclosure also provides a computer program product, which includes one or more computer programs, and when the computer program is executed by a processor, the computer program is used for implementing the page rendering method provided by the above method embodiments.
It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.
The above description is intended to be exemplary only and not to limit the present disclosure, and any modification, equivalent replacement, or improvement made without departing from the spirit and scope of the present disclosure is to be considered as the same as the present disclosure.
Claims (16)
1. A method for rendering a page, the method comprising:
when a page display instruction is detected, acquiring a development language identifier of the page;
determining a target compiler matching the development language identification in a multi-language framework;
compiling the target code corresponding to the page into a JS file through the target compiler;
and processing the JS file by calling a page rendering interface of the rendering frame to obtain a rendered page.
2. The method of claim 1, wherein obtaining the development language identifier of the page when the page display instruction is detected comprises:
when the page display instruction is detected, acquiring a manifest file corresponding to the page;
analyzing the manifest file to obtain a reference value corresponding to a development language field in the manifest file;
and using the reference value as the development language identification of the page.
3. The method of claim 1, further comprising:
loading the rendering frame, wherein the rendering frame is used for providing at least one page rendering interface for page rendering;
loading the multi-language framework, wherein the multi-language framework is used for processing codes written by a plurality of development languages;
and establishing the association relation between the multi-language framework and the rendering framework.
4. The method of claim 3, wherein processing the JS file by invoking a page rendering interface of a rendering framework comprises:
when the JS file is obtained through compiling by the target compiler, calling a page rendering interface of the rendering frame according to the incidence relation;
and processing the JS file through a page rendering interface of the rendering frame.
5. The method of claim 1, wherein compiling, by the target compiler, the target code corresponding to the page into the JS file comprises:
and compiling the static code and the service code in the object code through the object compiler to obtain the JS file.
6. The method of claim 5, wherein processing the JS file by invoking a page rendering interface of a rendering frame to obtain a rendered page comprises:
determining a virtual page structure of the page according to the static code and the service code;
processing the JS file by calling a page rendering interface of a rendering frame to obtain a target page structure corresponding to the JS file;
and rendering the page according to the virtual page structure and the target page structure.
7. The method of claim 1, further comprising:
when a target instruction is detected based on a rendered page, determining a target event corresponding to the target instruction;
and when the target interface of the multi-language framework has subscribed the target event, calling the target interface to respond to the target instruction.
8. An apparatus for rendering a page, the apparatus comprising:
the acquisition module is configured to acquire a development language identifier of a page when a page display instruction is detected;
a determination module configured to determine a target compiler matching the development language identification in a multi-language framework;
the compiling module is configured to compile a target code corresponding to the page into a JS file through the target compiler;
and the rendering module is configured to process the JS file by calling a page rendering interface of the rendering frame to obtain a rendered page.
9. The apparatus according to claim 8, wherein the obtaining module is further configured to obtain a manifest file corresponding to the page when the page display instruction is detected; analyzing the manifest file to obtain a reference value corresponding to a development language field in the manifest file; and using the reference value as the development language identification of the page.
10. The apparatus of claim 8, further comprising:
a loading module configured to load the rendering framework, the rendering framework for providing at least one page rendering interface for page rendering;
the loading module is further configured to load the multi-language framework, and the multi-language framework is used for processing codes written by multiple development languages;
an association module configured to establish an association relationship between the multi-language framework and the rendering framework.
11. The apparatus according to claim 10, wherein the rendering module is further configured to, when the JS file is compiled by the target compiler, invoke a page rendering interface of the rendering framework according to the association relationship; and processing the JS file through a page rendering interface of the rendering frame.
12. The apparatus of claim 8, wherein the compiling module is further configured to compile a static code and a business code in the object code by the object compiler to obtain the JS file.
13. The apparatus of claim 12, wherein the rendering module is further configured to determine a virtual page structure of the page according to the static code and the business code; processing the JS file by calling a page rendering interface of a rendering frame to obtain a target page structure corresponding to the JS file; and rendering the page according to the virtual page structure and the target page structure.
14. The apparatus of claim 8, further comprising:
the determining module is further configured to determine a target event corresponding to a target instruction when the target instruction is detected based on the rendered page;
and the response module is configured to call the target interface to respond to the target instruction when the target interface of the multi-language framework has subscribed to the target event.
15. An electronic device, wherein the electronic device comprises one or more processors;
volatile or non-volatile memory for storing the one or more processor-executable instructions;
wherein the one or more processors are configured to:
when a page display instruction is detected, acquiring a development language identifier of the page;
determining a target compiler matching the development language identification in a multi-language framework;
compiling the target code corresponding to the page into a JS file through the target compiler;
and processing the JS file by calling a page rendering interface of the rendering frame to obtain a rendered page.
16. A non-transitory computer readable storage medium, wherein instructions in the storage medium, when executed by a processor of an electronic device, enable the electronic device to perform the page rendering method of any of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911284581.5A CN111026396B (en) | 2019-12-13 | 2019-12-13 | Page rendering method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911284581.5A CN111026396B (en) | 2019-12-13 | 2019-12-13 | Page rendering method and device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111026396A true CN111026396A (en) | 2020-04-17 |
| CN111026396B CN111026396B (en) | 2023-11-14 |
Family
ID=70209000
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911284581.5A Active CN111026396B (en) | 2019-12-13 | 2019-12-13 | Page rendering method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111026396B (en) |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111880788A (en) * | 2020-06-12 | 2020-11-03 | 北京三快在线科技有限公司 | Page rendering method, device, client and computer readable storage medium |
| CN112363699A (en) * | 2020-11-16 | 2021-02-12 | 佳都新太科技股份有限公司 | Interaction method and device applied to multi-language development platform |
| CN112631565A (en) * | 2020-12-25 | 2021-04-09 | 深圳云之家网络有限公司 | Service fusion method and device, computer equipment and storage medium |
| CN112965699A (en) * | 2021-04-12 | 2021-06-15 | 中国工商银行股份有限公司 | Front-end page generation method, device, computer system and readable storage medium |
| CN113031946A (en) * | 2021-02-24 | 2021-06-25 | 北京沃东天骏信息技术有限公司 | Method and device for rendering page component |
| CN113110837A (en) * | 2021-04-02 | 2021-07-13 | 北京沃东天骏信息技术有限公司 | Method and device for processing page information |
| CN113590120A (en) * | 2021-07-30 | 2021-11-02 | 北京有竹居网络技术有限公司 | State manager generation method and device, electronic equipment and storage medium |
| CN113918144A (en) * | 2021-10-12 | 2022-01-11 | 湖南映客互娱网络信息有限公司 | Method and system for generating reusable page based on image |
| CN114064017A (en) * | 2020-08-04 | 2022-02-18 | 腾讯科技（深圳）有限公司 | Drawing method and related equipment |
| CN114518912A (en) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | Page loading method, device and equipment and readable storage medium |
| CN114579137A (en) * | 2022-03-02 | 2022-06-03 | 北京字节跳动网络技术有限公司 | Page rendering method and device, computer equipment and storage medium |
| CN116126320A (en) * | 2022-12-21 | 2023-05-16 | 瑞庭网络技术（上海）有限公司 | Data processing method and device, electronic equipment and storage medium |
| WO2023245365A1 (en) * | 2022-06-20 | 2023-12-28 | 北京小米移动软件有限公司 | Method and apparatus for acquiring rapid application installation package, and electronic device and storage medium |
| WO2023245375A1 (en) * | 2022-06-20 | 2023-12-28 | 北京小米移动软件有限公司 | Method and apparatus for binding wasm rapid application framework data, and electronic device and storage medium |
| CN118069137A (en) * | 2024-04-17 | 2024-05-24 | 腾讯科技（深圳）有限公司 | Page rendering method, page rendering device, computer equipment and computer readable storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20060101373A1 (en) * | 2004-10-25 | 2006-05-11 | Microsoft Corporation | Design-time system and method to enable programming assistance across languages and compilation boundaries |
| CN107480153A (en) * | 2016-06-08 | 2017-12-15 | 阿里巴巴集团控股有限公司 | A kind of page data processing method, client and terminal device |
| CN108804120A (en) * | 2018-05-23 | 2018-11-13 | 北京五八信息技术有限公司 | A kind of page makeup method, apparatus, equipment and storage medium |
| CN109614569A (en) * | 2018-12-07 | 2019-04-12 | 万兴科技股份有限公司 | Page rendering method, apparatus and intelligent terminal |
| CN109739604A (en) * | 2018-12-28 | 2019-05-10 | 北京城市网邻信息技术有限公司 | Page rendering method, apparatus, server and storage medium |
| CN110275704A (en) * | 2019-05-24 | 2019-09-24 | 北京三快在线科技有限公司 | Page data processing method and device, storage medium and electronic equipment |
-
2019
- 2019-12-13 CN CN201911284581.5A patent/CN111026396B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20060101373A1 (en) * | 2004-10-25 | 2006-05-11 | Microsoft Corporation | Design-time system and method to enable programming assistance across languages and compilation boundaries |
| CN107480153A (en) * | 2016-06-08 | 2017-12-15 | 阿里巴巴集团控股有限公司 | A kind of page data processing method, client and terminal device |
| CN108804120A (en) * | 2018-05-23 | 2018-11-13 | 北京五八信息技术有限公司 | A kind of page makeup method, apparatus, equipment and storage medium |
| CN109614569A (en) * | 2018-12-07 | 2019-04-12 | 万兴科技股份有限公司 | Page rendering method, apparatus and intelligent terminal |
| CN109739604A (en) * | 2018-12-28 | 2019-05-10 | 北京城市网邻信息技术有限公司 | Page rendering method, apparatus, server and storage medium |
| CN110275704A (en) * | 2019-05-24 | 2019-09-24 | 北京三快在线科技有限公司 | Page data processing method and device, storage medium and electronic equipment |
Cited By (21)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111880788A (en) * | 2020-06-12 | 2020-11-03 | 北京三快在线科技有限公司 | Page rendering method, device, client and computer readable storage medium |
| CN114064017A (en) * | 2020-08-04 | 2022-02-18 | 腾讯科技（深圳）有限公司 | Drawing method and related equipment |
| CN112363699A (en) * | 2020-11-16 | 2021-02-12 | 佳都新太科技股份有限公司 | Interaction method and device applied to multi-language development platform |
| CN112363699B (en) * | 2020-11-16 | 2022-08-02 | 佳都科技集团股份有限公司 | Interaction method and device applied to multi-language development platform |
| CN112631565A (en) * | 2020-12-25 | 2021-04-09 | 深圳云之家网络有限公司 | Service fusion method and device, computer equipment and storage medium |
| CN113031946A (en) * | 2021-02-24 | 2021-06-25 | 北京沃东天骏信息技术有限公司 | Method and device for rendering page component |
| CN113031946B (en) * | 2021-02-24 | 2024-04-05 | 北京沃东天骏信息技术有限公司 | Method and device for rendering page component |
| CN113110837A (en) * | 2021-04-02 | 2021-07-13 | 北京沃东天骏信息技术有限公司 | Method and device for processing page information |
| CN112965699A (en) * | 2021-04-12 | 2021-06-15 | 中国工商银行股份有限公司 | Front-end page generation method, device, computer system and readable storage medium |
| CN112965699B (en) * | 2021-04-12 | 2024-04-30 | 中国工商银行股份有限公司 | Front-end page generation method, device, computer system and readable storage medium |
| CN113590120A (en) * | 2021-07-30 | 2021-11-02 | 北京有竹居网络技术有限公司 | State manager generation method and device, electronic equipment and storage medium |
| CN113918144A (en) * | 2021-10-12 | 2022-01-11 | 湖南映客互娱网络信息有限公司 | Method and system for generating reusable page based on image |
| CN114518912A (en) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | Page loading method, device and equipment and readable storage medium |
| CN114518912B (en) * | 2022-02-21 | 2023-04-25 | 度小满科技(北京)有限公司 | Page loading method, device, equipment and readable storage medium |
| CN114579137A (en) * | 2022-03-02 | 2022-06-03 | 北京字节跳动网络技术有限公司 | Page rendering method and device, computer equipment and storage medium |
| CN114579137B (en) * | 2022-03-02 | 2023-09-15 | 抖音视界有限公司 | Page rendering method and device, computer equipment and storage medium |
| WO2023245365A1 (en) * | 2022-06-20 | 2023-12-28 | 北京小米移动软件有限公司 | Method and apparatus for acquiring rapid application installation package, and electronic device and storage medium |
| WO2023245375A1 (en) * | 2022-06-20 | 2023-12-28 | 北京小米移动软件有限公司 | Method and apparatus for binding wasm rapid application framework data, and electronic device and storage medium |
| CN116126320B (en) * | 2022-12-21 | 2024-02-23 | 瑞庭网络技术（上海）有限公司 | Data processing method and device, electronic equipment and storage medium |
| CN116126320A (en) * | 2022-12-21 | 2023-05-16 | 瑞庭网络技术（上海）有限公司 | Data processing method and device, electronic equipment and storage medium |
| CN118069137A (en) * | 2024-04-17 | 2024-05-24 | 腾讯科技（深圳）有限公司 | Page rendering method, page rendering device, computer equipment and computer readable storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111026396B (en) | 2023-11-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111026396B (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN110990105B (en) | Interface display method and device, electronic equipment and storage medium | |
| CN111026490B (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN110990075B (en) | Method, device, equipment and storage medium for starting fast application | |
| US11210119B2 (en) | Method and device for displaying interface, electronic equipment, server, and storage medium | |
| CN110874217B (en) | Interface display method and device for quick application and storage medium | |
| CN109542417B (en) | Method, device, terminal and storage medium for rendering webpage through DOM | |
| US10817282B2 (en) | Application configuration file generation method and apparatus, application page display method and apparatus and storage medium | |
| CN110851108A (en) | Electronic equipment operation method and device, electronic equipment and storage medium | |
| CN111078325B (en) | Application program running method and device, electronic equipment and storage medium | |
| CN111008057A (en) | Page display method and device and storage medium | |
| CN110851240B (en) | Function calling method, device and storage medium | |
| CN110971974B (en) | Configuration parameter creating method, device, terminal and storage medium | |
| CN110865863B (en) | Interface display method and device for fast application and storage medium | |
| US11507633B2 (en) | Card data display method and apparatus, and storage medium | |
| CN111008050B (en) | Page task execution method, device, terminal and storage medium | |
| CN111221613B (en) | Program calling method and device and storage medium | |
| CN110908629A (en) | Electronic equipment operation method and device, electronic equipment and storage medium | |
| CN110865864B (en) | Interface display method, device and equipment for quick application and storage medium | |
| WO2023124657A1 (en) | Micro-application running method and apparatus, device, storage medium, and program product | |
| CN111104183B (en) | Application program running method and device, electronic equipment and storage medium | |
| CN110865760A (en) | Electronic equipment operation method and device, electronic equipment and storage medium | |
| CN110891194B (en) | Comment information display method and device, terminal and storage medium | |
| CN111338961B (en) | Application debugging method and device, electronic equipment and storage medium | |
| CN110853643A (en) | Method, device, equipment and storage medium for voice recognition in fast application |
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 |