CN110704766A - Interface rendering optimization method and device based on real-time snapshot and electronic equipment - Google Patents
Interface rendering optimization method and device based on real-time snapshot and electronic equipment Download PDFInfo
- Publication number
- CN110704766A CN110704766A CN201910931798.4A CN201910931798A CN110704766A CN 110704766 A CN110704766 A CN 110704766A CN 201910931798 A CN201910931798 A CN 201910931798A CN 110704766 A CN110704766 A CN 110704766A
- Authority
- CN
- China
- Prior art keywords
- interface
- snapshot
- user
- snapshot information
- historical
- 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.)
- Pending
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 59
- 238000000034 method Methods 0.000 title claims abstract description 46
- 238000005457 optimization Methods 0.000 title claims description 10
- 238000011084 recovery Methods 0.000 claims abstract description 22
- 238000013507 mapping Methods 0.000 claims description 7
- 238000004590 computer program Methods 0.000 claims description 5
- 238000012544 monitoring process Methods 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 9
- 238000012545 processing Methods 0.000 description 9
- 230000003993 interaction Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000002457 bidirectional effect Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000005111 flow chemistry technique Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000002035 prolonged effect Effects 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000013589 supplement Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the specification provides a method for optimizing interface rendering based on real-time snapshot, which comprises the steps of establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation, recording interface snapshot information generated by user operation in a use application in real time to be used as historical interface snapshot information, acquiring current interface data and the historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the user current operation, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface. The method shortens the rendering time of the user interface and improves the rendering efficiency.
Description
Technical Field
The present application relates to the field of computers, and in particular, to a method and an apparatus for optimizing interface rendering based on a snapshot in real time, and an electronic device.
Background
Applications developed in the HyBrid model need to face many user experience challenges, one of which is the white screen problem. Especially, in a page in a CSR (client rendering) mode, the process usually requires data to be requested after page resources are loaded, and finally a page is generated and rendered, so that the white screen time is prolonged to a certain extent, and user experience is sacrificed. The conventional approach is to use the skeeleton Screen to optimize the white Screen experience, but since the skeeleton Screen does not contain data, there is still a large drop in experience.
Disclosure of Invention
The embodiment of the specification provides a method and a device for optimizing interface rendering based on a real-time snapshot and electronic equipment, and aims to solve the problem of low interface rendering efficiency in the prior art.
An embodiment of the present specification provides a method for optimizing interface rendering based on a real-time snapshot, including:
establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation;
recording interface snapshot information generated by user operation in the application in real time to be used as historical interface snapshot information;
and acquiring current interface data and historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of a user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface.
Optionally, the interface has an interface element that is operational;
the interface snapshot information generated by the user operation comprises: interface element information and data generated by the user operating the operable interface element.
Optionally, the interface element of operability comprises at least one of a property input element or a state selection element;
the data generated by the user operating the operable interface element comprises data generated by performing attribute value input on the attribute input element and performing state selection on the state selection element.
Optionally, the recording, in real time, interface snapshot information generated by a user operating in a usage application to serve as historical interface snapshot information includes:
monitoring the operation of the user on the operable interface element, recording operation data when the operation of the user on the operable interface element is monitored, and storing the operation data in the snapshot storage backpack.
Optionally, the recording, in real time, interface snapshot information generated by a user operating in a usage application to serve as historical interface snapshot information further includes:
and establishing mapping between the interface snapshot information and the interface address.
Optionally, the establishing a snapshot storage backpack includes:
establishing a snapshot storage backpack locally at the terminal;
the obtaining of the current interface data according to the interface address and the current operation of the user and the historical interface snapshot information corresponding to the address in the snapshot storage backpack comprises:
acquiring and configuring interface data from a server according to the interface address and the current operation of the user;
and acquiring historical interface snapshot information which is stored in the snapshot storage backpack and corresponds to the interface address from a terminal locally according to the interface address.
Optionally, the performing interface recovery rendering by using the historical interface snapshot information and generating a current user interface includes:
and when the terminal does not locally have historical interface snapshot information corresponding to the interface address, directly acquiring and configuring interface data from the server according to the interface address and the current operation of the user to generate a current user interface.
The present application further provides a device for optimizing interface rendering based on a snapshot, the device comprising:
a building module: the method comprises the steps of establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation;
a recording module: the system comprises a database, a server and a server, wherein the database is used for recording interface snapshot information generated by user operation in a use application in real time to be used as historical interface snapshot information;
a rendering module: and the snapshot storage backpack is used for acquiring current interface data and historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of a user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface.
Optionally, the interface has an interface element that is operational;
the interface snapshot information generated by the user operation comprises: interface element information and data generated by the user operating the operable interface element.
Optionally, the interface element of operability comprises at least one of a property input element or a state selection element;
the data generated by the user operating the operable interface element comprises data generated by performing attribute value input on the attribute input element and performing state selection on the state selection element.
Optionally, the recording, in real time, interface snapshot information generated by a user operating in a usage application to serve as historical interface snapshot information includes:
monitoring the operation of the user on the operable interface element, recording operation data when the operation of the user on the operable interface element is monitored, and storing the operation data in the snapshot storage backpack.
Optionally, the recording, in real time, interface snapshot information generated by a user operating in a usage application to serve as historical interface snapshot information further includes:
and establishing mapping between the interface snapshot information and the interface address.
Optionally, the establishing a snapshot storage backpack includes:
establishing a snapshot storage backpack locally at the terminal;
the obtaining of the current interface data according to the interface address and the current operation of the user and the historical interface snapshot information corresponding to the address in the snapshot storage backpack comprises:
acquiring and configuring interface data from a server according to the interface address and the current operation of the user;
and acquiring historical interface snapshot information which is stored in the snapshot storage backpack and corresponds to the interface address from a terminal locally according to the interface address.
Optionally, the performing interface recovery rendering by using the historical interface snapshot information and generating a current user interface includes:
and when the terminal does not locally have historical interface snapshot information corresponding to the interface address, directly acquiring and configuring interface data from the server according to the interface address and the current operation of the user to generate a current user interface.
The present application further provides an electronic device, wherein the electronic device includes:
a processor; and a memory storing computer-executable instructions that, when executed, cause the processor to perform any of the methods described above.
The present application also provides a computer readable storage medium, wherein the computer readable storage medium stores one or more programs which, when executed by a processor, implement any of the methods described above.
In the embodiments described in this specification, a snapshot storage backpack is established by a method for optimizing interface rendering based on a real-time snapshot, where the snapshot storage backpack is a storage space for storing interface snapshot information generated based on user operation, interface snapshot information generated by user operation in a use application is recorded in real time to be used as historical interface snapshot information, current interface data and historical interface snapshot information corresponding to an address in the snapshot storage backpack are obtained according to an interface address and the user current operation, interface restoration rendering is performed by using the historical interface snapshot information, and a current user interface is generated. Because the snapshot storage backpack has the historical interface snapshot information, the historical interface snapshot information can be directly utilized to restore and render the interface, the time for rendering the user interface is shortened, and the rendering efficiency is improved.
Drawings
The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:
FIG. 1 is a schematic diagram illustrating a method for real-time snapshot based interface rendering optimization according to an embodiment of the present disclosure;
fig. 2 is a schematic structural diagram of an apparatus for interface rendering optimization based on a snapshot in real time according to an embodiment of the present disclosure;
fig. 3 is a schematic structural diagram of an electronic device provided in an embodiment of the present disclosure;
fig. 4 is a schematic diagram of a computer-readable medium provided in an embodiment of the present specification.
Detailed Description
Analysis of the prior art shows that for the white Screen problem of applications, a skeletton Screen (Skeleton Screen) is often used to optimize the white Screen experience. The skeeleton Screen (Skeleton Screen) is to display the general structure of the page for the user before the page data is loaded, and then render the page after the request data is returned, and supplement the data content to be displayed. But because the skeletton Screen does not contain data, rendering efficiency is low and user experience is poor when the method is adopted.
An embodiment of the present specification provides a method for interface rendering optimization based on a real-time snapshot, where the method includes:
establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation;
recording interface snapshot information generated by user operation in the application in real time to be used as historical interface snapshot information;
and acquiring current interface data and historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of a user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface.
The method comprises the steps of firstly establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation, recording the interface snapshot information generated by user operation in a use application in real time to be used as historical interface snapshot information, acquiring current interface data and the historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of the user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface. The method shortens the rendering time of the user interface and improves the rendering efficiency.
Exemplary embodiments of the present invention will now be described more fully with reference to the accompanying drawings. The exemplary embodiments, however, may be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. Rather, these exemplary embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of the invention to those skilled in the art. The same reference numerals denote the same or similar elements, components, or parts in the drawings, and thus their repetitive description will be omitted.
Features, structures, characteristics or other details described in a particular embodiment do not preclude the fact that the features, structures, characteristics or other details may be combined in a suitable manner in one or more other embodiments in accordance with the technical idea of the invention.
In describing particular embodiments, the present invention has been described with reference to features, structures, characteristics or other details that are within the purview of one skilled in the art to provide a thorough understanding of the embodiments. One skilled in the relevant art will recognize, however, that the invention may be practiced without one or more of the specific features, structures, characteristics, or other details.
The flow charts shown in the drawings are merely illustrative and do not necessarily include all of the contents and operations/steps, nor do they necessarily have to be performed in the order described. For example, some operations/steps may be decomposed, and some operations/steps may be combined or partially combined, so that the actual execution sequence may be changed according to the actual situation.
The block diagrams shown in the figures are functional entities only and do not necessarily correspond to physically separate entities. I.e. these functional entities may be implemented in the form of software, or in one or more hardware modules or integrated circuits, or in different networks and/or processor means and/or microcontroller means.
The term "and/or" and/or "includes all combinations of any one or more of the associated listed items.
Fig. 1 is a schematic diagram of a method for real-time snapshot based interface rendering optimization according to an embodiment of the present disclosure, where the method may include:
s101: establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation.
Wherein the interface has an interface element that is operable;
the interface snapshot information generated by the user operation comprises: interface element information and data generated by the user operating the operable interface element.
In embodiments of the present description, the snapshot may include a fully available copy of a given data set that includes an image of the corresponding data at some point in time (the point in time at which the copy began). The snapshot may also be a copy of the data it represents, or a replica of the data.
In the embodiment of the present specification, the snapshot may be used to enable online data backup and recovery and provide a data access channel.
In the embodiment of the present disclosure, the user interface may include related software configured for interaction between the user and the hardware, so that the user can conveniently and effectively operate the hardware to achieve bidirectional interaction and complete the desired work, and may further include human-computer interaction and graphical user interfaces, and user interfaces in fields participating in human and machine information communication.
Wherein the interface elements of operability may include:
at least one of an attribute input element or a state selection element.
In the embodiments of the present specification, the interface elements of operability may include windows, dialog boxes, menus, scroll bars, and graphics, and are not specifically illustrated and limited herein for other specific forms.
Wherein, the data generated by the user operating the operable interface element comprises:
and data generated by performing attribute value input on the attribute input element and performing state selection on the state selection element.
Wherein the establishing of the snapshot storage backpack comprises:
and establishing a snapshot storage backpack locally at the terminal.
Specifically, in the embodiment of the present specification, the terminal may locally include a device that has a page that needs to generate a rendering mode, such as a desktop computer, a notebook computer, a tablet computer, or a smart phone.
In this embodiment, when a user uses an application, a client may obtain and configure interface data from a server according to an interface address and a current operation of the user to generate a current user interface. At this time, the interface element information of the user interface and the data generated by the user operating the operable interface element are stored in real time as interface snapshot information, and a space for storing the interface snapshot information is needed, so that a snapshot storage backpack is established locally at the terminal for storing the interface snapshot information generated by the user operation.
In embodiments of the present description, the terminal may locally include a terminal that is geographically close to the computer and that is not directly connected to the host computer via a modem.
S102: and recording interface snapshot information generated by the operation of the user in the use application in real time to be used as historical interface snapshot information.
Wherein the real-time recording of the interface snapshot information generated by the user operating in the use application to be used as the historical interface snapshot information further comprises:
monitoring the operation of the user on the operable interface element, recording operation data when the operation of the user on the operable interface element is monitored, and storing the operation data in the snapshot storage backpack.
In an embodiment of the present specification, the real-time recording is to collect and process interface snapshot information generated by a user operating in a use application according to an actual time point when an operation of an interface element that monitors the operability of the user is performed. The manner and means of real-time recording are not specifically set forth herein.
Wherein the real-time recording of the interface snapshot information generated by the user operating in the use application to be used as the historical interface snapshot information further comprises:
and establishing mapping between the interface snapshot information and the interface address.
In this embodiment of the present specification, the establishing of the mapping between the interface snapshot information and the interface address is performed so that when a user needs to generate a user interface during an operation in an application, the interface snapshot information mapped to the interface address may be directly extracted from a snapshot storage backpack local to the terminal according to the interface address, and the interface snapshot information is used for rendering recovery of the interface.
S103: and acquiring current interface data and historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of a user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface.
The method comprises the steps of establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation, recording the interface snapshot information generated by user operation in a use application in real time to be used as historical interface snapshot information, acquiring current interface data and the historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of the user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface. The method shortens the rendering time of the user interface and improves the rendering efficiency.
The obtaining of the current interface data according to the interface address and the current operation of the user and the historical interface snapshot information corresponding to the address in the snapshot storage backpack further include:
acquiring and configuring interface data from a server according to the interface address and the current operation of the user;
and acquiring historical interface snapshot information which is stored in the snapshot storage backpack and corresponds to the interface address from a terminal locally according to the interface address.
Wherein the using the historical interface snapshot information for interface recovery rendering and generating the current user interface comprises:
and when the terminal does not locally have historical interface snapshot information corresponding to the interface address, directly acquiring and configuring interface data from the server according to the interface address and the current operation of the user to generate a current user interface.
Based on the same inventive concept, the embodiment of the present specification further provides a device for interface rendering optimization based on real-time snapshot.
Fig. 2 is a schematic structural diagram of an apparatus for rendering optimization by using a real-time snapshot based interface according to an embodiment of the present disclosure, where the apparatus may include:
the establishing module 201: the method comprises the steps of establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation;
the recording module 202: the system comprises a database, a server and a server, wherein the database is used for recording interface snapshot information generated by user operation in a use application in real time to be used as historical interface snapshot information;
the rendering module 203: and the snapshot storage backpack is used for acquiring current interface data and historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of a user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface.
Wherein, the establishing module 201 further comprises:
wherein the interface has an interface element that is operable;
the interface snapshot information generated by the user operation comprises: interface element information and data generated by the user operating the operable interface element.
In embodiments of the present description, the snapshot may include a fully available copy of a given data set that includes an image of the corresponding data at some point in time (the point in time at which the copy began). The snapshot may also be a copy of the data it represents, or a replica of the data.
In the embodiment of the present specification, the snapshot may be used to enable online data backup and recovery and provide a data access channel.
In the embodiment of the present disclosure, the user interface may include related software configured for interaction between the user and the hardware, so that the user can conveniently and effectively operate the hardware to achieve bidirectional interaction and complete the desired work, and may further include human-computer interaction and graphical user interfaces, and user interfaces in fields participating in human and machine information communication.
Wherein the interface elements of operability may include:
at least one of an attribute input element or a state selection element.
In the embodiments of the present specification, the interface elements of operability may include windows, dialog boxes, menus, scroll bars, and graphics, and are not specifically illustrated and limited herein for other specific forms.
Wherein, the data generated by the user operating the operable interface element comprises:
and data generated by performing attribute value input on the attribute input element and performing state selection on the state selection element.
Wherein the establishing of the snapshot storage backpack comprises:
and establishing a snapshot storage backpack locally at the terminal.
Specifically, in the embodiment of the present specification, the terminal may locally include a device that has a page that needs to generate a rendering mode, such as a desktop computer, a notebook computer, a tablet computer, or a smart phone.
In this embodiment, when a user uses an application, a client may obtain and configure interface data from a server according to an interface address and a current operation of the user to generate a current user interface. At this time, the interface element information of the user interface and the data generated by the user operating the operable interface element are stored in real time as interface snapshot information, and a space for storing the interface snapshot information is needed, so that a snapshot storage backpack is established locally at the terminal for storing the interface snapshot information generated by the user operation.
In embodiments of the present description, the terminal may locally include a terminal that is geographically close to the computer and that is not directly connected to the host computer via a modem.
Wherein, the recording module 202 further comprises:
wherein the real-time recording of the interface snapshot information generated by the user operating in the use application to be used as the historical interface snapshot information further comprises:
monitoring the operation of the user on the operable interface element, recording operation data when the operation of the user on the operable interface element is monitored, and storing the operation data in the snapshot storage backpack.
In an embodiment of the present specification, the real-time recording is to collect and process interface snapshot information generated by a user operating in a use application according to an actual time point when an operation of an interface element that monitors the operability of the user is performed. The manner and means of real-time recording are not specifically set forth herein.
Wherein the real-time recording of the interface snapshot information generated by the user operating in the use application to be used as the historical interface snapshot information further comprises:
and establishing mapping between the interface snapshot information and the interface address.
In this embodiment of the present specification, the establishing of the mapping between the interface snapshot information and the interface address is performed so that when a user needs to generate a user interface during an operation in an application, the interface snapshot information mapped to the interface address may be directly extracted from a snapshot storage backpack local to the terminal according to the interface address, and the interface snapshot information is used for rendering recovery of the interface.
Wherein the rendering module 203 further comprises:
and acquiring current interface data and historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of a user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface.
The method comprises the steps of establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation, recording the interface snapshot information generated by user operation in a use application in real time to be used as historical interface snapshot information, acquiring current interface data and the historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of the user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface. The method shortens the rendering time of the user interface and improves the rendering efficiency.
The obtaining of the current interface data according to the interface address and the current operation of the user and the historical interface snapshot information corresponding to the address in the snapshot storage backpack further include:
acquiring and configuring interface data from a server according to the interface address and the current operation of the user;
and acquiring historical interface snapshot information which is stored in the snapshot storage backpack and corresponds to the interface address from a terminal locally according to the interface address.
Wherein the using the historical interface snapshot information for interface recovery rendering and generating the current user interface comprises:
and when the terminal does not locally have historical interface snapshot information corresponding to the interface address, directly acquiring and configuring interface data from the server according to the interface address and the current operation of the user to generate a current user interface.
Those skilled in the art will appreciate that the modules in the above-described embodiments of the apparatus may be distributed as described in the apparatus, and may be correspondingly modified and distributed in one or more apparatuses other than the above-described embodiments. The modules of the above embodiments may be combined into one module, or further split into multiple sub-modules.
Based on the same inventive concept, the embodiment of the specification further provides the electronic equipment.
In the following, embodiments of the electronic device of the present invention are described, which may be regarded as specific physical implementations for the above-described embodiments of the method and apparatus of the present invention. Details described in the embodiments of the electronic device of the invention should be considered supplementary to the embodiments of the method or apparatus described above; for details which are not disclosed in embodiments of the electronic device of the invention, reference may be made to the above-described embodiments of the method or the apparatus.
Fig. 3 is a block diagram of an exemplary embodiment of an electronic device according to the present invention. An electronic device 300 according to this embodiment of the invention is described below with reference to fig. 3. The electronic device 300 shown in fig. 3 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present invention.
As shown in fig. 3, electronic device 300 is embodied in the form of a general purpose computing device. The components of electronic device 300 may include, but are not limited to: at least one processing unit 310, at least one memory unit 320, a bus 330 connecting the various system components (including the memory unit 320 and the processing unit 310), a display unit 340, and the like.
Wherein the storage unit stores program code executable by the processing unit 310, so that the processing unit 310 executes the electronic prescription flow processing method described in the above-mentioned part of the specification according to various exemplary embodiments of the present invention. For example, the processing unit 310 may execute as shown in fig. 3.
The storage unit 320 may include readable media in the form of volatile storage units, such as a random access memory unit (RAM)3201 and/or a cache storage unit 3202, and may further include a read only memory unit (ROM) 3203.
The storage unit 320 may also include a program/utility 3204 having a set (at least one) of program modules 3205, such program modules 3205 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 300 may also communicate with one or more external devices 400 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 300, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 300 to communicate with one or more other computing devices. Such communication may occur via an input/output (I/O) interface 350. Also, the electronic device 300 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network, such as the internet) via the network adapter 360. Network adapter 360 may communicate with other modules of electronic device 300 via bus 330. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with electronic device 300, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments of the present invention described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiment of the present invention can be embodied in the form of a software product, which can be stored in a computer-readable storage medium (which can be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to make a computing device (which can be a personal computer, a server, or a network device, etc.) execute the above-mentioned method according to the present invention. The computer program, when executed by a data processing apparatus, enables the computer readable medium to implement the above-described method of the invention, namely:
the embodiment of the invention provides a method for optimizing interface rendering based on real-time snapshot, which comprises the steps of establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation, recording interface snapshot information generated by user operation in a use application in real time to be used as historical interface snapshot information, acquiring current interface data and the historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of the user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface. The method shortens the rendering time of the user interface and improves the rendering efficiency.
Fig. 4 is a schematic diagram of a computer-readable medium provided in an embodiment of the present specification.
The computer program may be stored on one or more computer readable media. The computer readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The computer readable storage medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable storage medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a readable storage medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., through the internet using an internet service provider).
In summary, the invention may be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that some or all of the functionality of some or all of the components in embodiments in accordance with the invention may be implemented in practice using a general purpose data processing device such as a microprocessor or a Digital Signal Processor (DSP). The present invention may also be embodied as apparatus or device programs (e.g., computer programs and computer program products) for performing a portion or all of the methods described herein. Such programs implementing the present invention may be stored on computer-readable media or may be in the form of one or more signals. Such a signal may be downloaded from an internet website or provided on a carrier signal or in any other form.
While the foregoing embodiments have described the objects, aspects and advantages of the present invention in further detail, it should be understood that the present invention is not inherently related to any particular computer, virtual machine or electronic device, and various general-purpose machines may be used to implement the present invention. The invention is not to be considered as limited to the specific embodiments thereof, but is to be understood as being modified in all respects, all changes and equivalents that come within the spirit and scope of the invention.
Claims (10)
1. A method for interface rendering optimization based on real-time snapshots comprises the following steps:
establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation;
recording interface snapshot information generated by user operation in the application in real time to be used as historical interface snapshot information;
and acquiring current interface data and historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of a user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface.
2. The method of claim 1, wherein the interface has an interface element that is operational;
the interface snapshot information generated by the user operation comprises: interface element information and data generated by the user operating the operable interface element.
3. The method of claim 2, wherein the actionable interface element comprises at least one of a property input element or a state selection element;
the data generated by the user operating the operable interface element comprises data generated by performing attribute value input on the attribute input element and performing state selection on the state selection element.
4. The method according to any one of claims 1 to 3, wherein the real-time recording of the interface snapshot information generated by the user operation in the use application to be used as the historical interface snapshot information comprises:
monitoring the operation of the user on the operable interface element, recording operation data when the operation of the user on the operable interface element is monitored, and storing the operation data in the snapshot storage backpack.
5. The method of claim 4, wherein the real-time recording of interface snapshot information generated by a user operating in a usage application for use as historical interface snapshot information, further comprises:
and establishing mapping between the interface snapshot information and the interface address.
6. The method of claim 1, the establishing a snapshot storage knapsack comprising:
establishing a snapshot storage backpack locally at the terminal;
the obtaining of the current interface data according to the interface address and the current operation of the user and the historical interface snapshot information corresponding to the address in the snapshot storage backpack comprises:
acquiring and configuring interface data from a server according to the interface address and the current operation of the user;
and acquiring historical interface snapshot information which is stored in the snapshot storage backpack and corresponds to the interface address from a terminal locally according to the interface address.
7. The method of claim 6, the using the historical interface snapshot information for interface recovery rendering and generating a current user interface comprising:
and when the terminal does not locally have historical interface snapshot information corresponding to the interface address, directly acquiring and configuring interface data from the server according to the interface address and the current operation of the user to generate a current user interface.
8. An apparatus for real-time snapshot based interface rendering optimization, comprising:
a building module: the method comprises the steps of establishing a snapshot storage backpack, wherein the snapshot storage backpack is a storage space used for storing interface snapshot information generated based on user operation;
a recording module: the system comprises a database, a server and a server, wherein the database is used for recording interface snapshot information generated by user operation in a use application in real time to be used as historical interface snapshot information;
a rendering module: and the snapshot storage backpack is used for acquiring current interface data and historical interface snapshot information corresponding to the address in the snapshot storage backpack according to an interface address and the current operation of a user, performing interface recovery rendering by using the historical interface snapshot information, and generating a current user interface.
9. A server, comprising a processor and a memory:
the memory is used for storing a program for executing the method of any one of claims 1 to 7;
the processor is configured to execute programs stored in the memory.
10. A computer-readable storage medium, in which a computer program is stored which, when being executed by a processor, carries out the steps of the method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910931798.4A CN110704766A (en) | 2019-09-29 | 2019-09-29 | Interface rendering optimization method and device based on real-time snapshot and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910931798.4A CN110704766A (en) | 2019-09-29 | 2019-09-29 | Interface rendering optimization method and device based on real-time snapshot and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110704766A true CN110704766A (en) | 2020-01-17 |
Family
ID=69197884
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910931798.4A Pending CN110704766A (en) | 2019-09-29 | 2019-09-29 | Interface rendering optimization method and device based on real-time snapshot and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110704766A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112462996A (en) * | 2020-12-11 | 2021-03-09 | 北京小米移动软件有限公司 | Service information optimization method, service information optimization device, and storage medium |
| CN112991149A (en) * | 2021-02-02 | 2021-06-18 | 武汉光庭信息技术股份有限公司 | Laser point cloud two-dimensional view browsing and rendering method |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103699600A (en) * | 2013-12-13 | 2014-04-02 | 北京奇虎科技有限公司 | Data processing method for web cache and browser |
| CN105068788A (en) * | 2015-07-01 | 2015-11-18 | 浙江宇视科技有限公司 | User work scene fast recovery method and device in video monitoring system |
| CN107479868A (en) * | 2017-06-23 | 2017-12-15 | 阿里巴巴集团控股有限公司 | A kind of interface loading method, device and equipment |
| JP2018503188A (en) * | 2015-01-09 | 2018-02-01 | ベイジン ジンドン シャンケ インフォメーション テクノロジー カンパニー リミテッド | Page display method and system |
-
2019
- 2019-09-29 CN CN201910931798.4A patent/CN110704766A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103699600A (en) * | 2013-12-13 | 2014-04-02 | 北京奇虎科技有限公司 | Data processing method for web cache and browser |
| JP2018503188A (en) * | 2015-01-09 | 2018-02-01 | ベイジン ジンドン シャンケ インフォメーション テクノロジー カンパニー リミテッド | Page display method and system |
| CN105068788A (en) * | 2015-07-01 | 2015-11-18 | 浙江宇视科技有限公司 | User work scene fast recovery method and device in video monitoring system |
| CN107479868A (en) * | 2017-06-23 | 2017-12-15 | 阿里巴巴集团控股有限公司 | A kind of interface loading method, device and equipment |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112462996A (en) * | 2020-12-11 | 2021-03-09 | 北京小米移动软件有限公司 | Service information optimization method, service information optimization device, and storage medium |
| CN112462996B (en) * | 2020-12-11 | 2023-09-08 | 北京小米移动软件有限公司 | Service information optimizing method, service information optimizing device and storage medium |
| CN112991149A (en) * | 2021-02-02 | 2021-06-18 | 武汉光庭信息技术股份有限公司 | Laser point cloud two-dimensional view browsing and rendering method |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20100180092A1 (en) | Method and system of visualization of changes in entities and their relationships in a virtual datacenter through a log file | |
| CN108052571B (en) | Method and device for data screening, storage medium and electronic equipment | |
| CN110968305A (en) | Applet visualization generation method, device, equipment and storage medium | |
| CN103677970A (en) | System and method for achieving combination display of terminal local desktop and far-end virtual desktop | |
| CN110795181A (en) | Application program interface display method and device based on skip protocol and electronic equipment | |
| CN109885781B (en) | Mixed page unified browsing method, device, equipment and storage medium | |
| CN111198996A (en) | Page display method and device and electronic equipment | |
| CN108701045B (en) | Method and device for screenshot of client operating system in computer equipment | |
| CN110807111A (en) | Three-dimensional graph processing method and device, storage medium and electronic equipment | |
| CN110704766A (en) | Interface rendering optimization method and device based on real-time snapshot and electronic equipment | |
| CN113138898B (en) | Method and device for identifying and early warning business system abnormity and electronic equipment | |
| CN114048415A (en) | Form generation method and device, electronic equipment and computer readable storage medium | |
| CN111782382A (en) | Task processing method and device, storage medium and electronic equipment | |
| US10839036B2 (en) | Web browser having improved navigational functionality | |
| US20180107723A1 (en) | Content oriented analysis of dumps | |
| CN109408057B (en) | Method, device, medium and computing equipment for automatically generating codes | |
| CN110958243A (en) | Network vulnerability submitting method and device, storage medium and electronic equipment | |
| CN112416746A (en) | Test case generation method, device, equipment and medium | |
| CN111198738A (en) | Mobile terminal page display method and device and electronic equipment | |
| CN107562461B (en) | Feature calculation system, feature calculation method, storage medium, and electronic device | |
| CN112000491B (en) | Application program interface calling method, device, equipment and storage medium | |
| CN111193785B (en) | File cutting and transmitting method and device and electronic equipment | |
| WO2018205390A1 (en) | Control layout display control method, system, and apparatus, and computer readable storage medium | |
| CN111680241B (en) | Page layout method and device and electronic equipment | |
| CN111680240B (en) | Page display method and device and electronic equipment |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200117 |