CN113961189A

CN113961189A - Webpage editing method and device

Info

Publication number: CN113961189A
Application number: CN202111241607.5A
Authority: CN
Inventors: 刘震
Original assignee: Beijing Baidu Netcom Science and Technology Co Ltd
Current assignee: Beijing Baidu Netcom Science and Technology Co Ltd
Priority date: 2021-10-25
Filing date: 2021-10-25
Publication date: 2022-01-21

Abstract

The disclosure provides a webpage editing method and device, relates to the technical field of computers, and particularly relates to the technical field of webpage editing. The implementation scheme is as follows: responding to a destruction instruction of a first component of the webpage editing interface, and storing a first element node corresponding to the first component in a storage area corresponding to the webpage editing interface; acquiring a creating instruction for creating element nodes on a webpage editing interface; and in response to determining that the creation instruction corresponds to the first element node, obtaining the first element node to reconstruct the first element node at the web page editing interface.

Description

Webpage editing method and device

Technical Field

The present disclosure relates to the field of computer technologies, and in particular, to a web page editing method, an apparatus, an electronic device, a computer-readable storage medium, and a computer program product.

Background

A User Interface (UI) is a medium for interaction and information exchange between a terminal system and a User. The act (Web development framework) for constructing the user interface is widely concerned and used by people due to the unique idea.

The approaches described in this section are not necessarily approaches that have been previously conceived or pursued. Unless otherwise indicated, it should not be assumed that any of the approaches described in this section qualify as prior art merely by virtue of their inclusion in this section. Similarly, unless otherwise indicated, the problems mentioned in this section should not be considered as having been acknowledged in any prior art.

Disclosure of Invention

The present disclosure provides a web page editing method, apparatus, electronic device, computer-readable storage medium, and computer program product.

According to an aspect of the present disclosure, there is provided a web page editing method, including: in response to a destruction instruction of a first component of a webpage editing interface, storing a first element node corresponding to the first component in a storage area corresponding to the webpage editing interface; acquiring a creating instruction for creating element nodes on the webpage editing interface; and in response to determining that the creation instruction corresponds to the first element node, obtaining the first element node to reconstruct the first element node at the web page editing interface.

According to another aspect of the present disclosure, there is provided a web page editing apparatus including: the node storage unit is configured to respond to a destruction instruction of a first component of a webpage editing interface, and store a first element node corresponding to the first component in a storage area corresponding to the webpage editing interface; the creating instruction acquisition unit is configured to acquire a creating instruction for creating an element node on the webpage editing interface; and a node obtaining unit configured to obtain the first element node in response to determining that the creation instruction corresponds to the first element node, so as to reconstruct the first element node on the web page editing interface.

According to another aspect of the present disclosure, there is provided an electronic device including: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores instructions executable by the at least one processor to cause the at least one processor to implement a method according to the above.

According to another aspect of the present disclosure, there is provided a non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to implement the method according to the above.

According to another aspect of the present disclosure, a computer program product is provided comprising a computer program, wherein the computer program realizes the method according to the above when executed by a processor.

According to one or more embodiments of the disclosure, in the process of destroying a component of a web page editing interface, by storing an element node corresponding to the component, when a user needs to create the node again, the element node is directly obtained for creation, so that the rendering efficiency can be improved, the rendering cost of a CPU in the process of destroying the component is reduced, and the code amount is reduced.

It should be understood that the statements in this section do not necessarily identify key or critical features of the embodiments of the present disclosure, nor do they limit the scope of the present disclosure. Other features of the present disclosure will become apparent from the following description.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate exemplary embodiments of the embodiments and, together with the description, serve to explain the exemplary implementations of the embodiments. The illustrated embodiments are for purposes of illustration only and do not limit the scope of the claims. Throughout the drawings, identical reference numbers designate similar, but not necessarily identical, elements.

FIG. 1 illustrates a schematic diagram of an exemplary system in which various methods described herein may be implemented, according to an embodiment of the present disclosure;

FIG. 2 shows a flow diagram of a method of web page editing according to an embodiment of the present disclosure;

FIG. 3 shows a schematic diagram of a web page editing interface and a storage area in a web page editing method according to an embodiment of the present disclosure;

fig. 4 is a flowchart illustrating a process of storing a first element node corresponding to a first component in a storage area corresponding to a web page editing interface in response to a destroy instruction for the first component in the web page editing method according to an embodiment of the present disclosure;

fig. 5 shows a block diagram of a structure of a web page editing apparatus according to an embodiment of the present disclosure; and

FIG. 6 illustrates a block diagram of an exemplary electronic device that can be used to implement embodiments of the present disclosure.

Detailed Description

Exemplary embodiments of the present disclosure are described below with reference to the accompanying drawings, in which various details of the embodiments of the disclosure are included to assist understanding, and which are to be considered as merely exemplary. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope of the present disclosure. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.

In the present disclosure, unless otherwise specified, the use of the terms "first", "second", etc. to describe various elements is not intended to limit the positional relationship, the timing relationship, or the importance relationship of the elements, and such terms are used only to distinguish one element from another. In some examples, a first element and a second element may refer to the same instance of the element, and in some cases, based on the context, they may also refer to different instances.

The terminology used in the description of the various described examples in this disclosure is for the purpose of describing particular examples only and is not intended to be limiting. Unless the context clearly indicates otherwise, if the number of elements is not specifically limited, the elements may be one or more. Furthermore, the term "and/or" as used in this disclosure is intended to encompass any and all possible combinations of the listed items.

Embodiments of the present disclosure will be described in detail below with reference to the accompanying drawings.

Fig. 1 illustrates a schematic diagram of an exemplary system 100 in which various methods and apparatus described herein may be implemented in accordance with embodiments of the present disclosure. Referring to fig. 1, the system 100 includes one or

more client devices

101, 102, 103, 104, 105, and 106, a server 120, and one or more communication networks 110 coupling the one or more client devices to the server 120.

Client devices

101, 102, 103, 104, 105, and 106 may be configured to execute one or more applications.

In embodiments of the present disclosure, the server 120 may run one or more services or software applications that enable the execution of web page editing methods.

In some embodiments, the server 120 may also provide other services or software applications that may include non-virtual environments and virtual environments. In certain embodiments, these services may be provided as web-based services or cloud services, for example, provided to users of

client devices

101, 102, 103, 104, 105, and/or 106 under a software as a service (SaaS) model.

In the configuration shown in fig. 1, server 120 may include one or more components that implement the functions performed by server 120. These components may include software components, hardware components, or a combination thereof, which may be executed by one or more processors. A user operating a

client device

101, 102, 103, 104, 105, and/or 106 may, in turn, utilize one or more client applications to interact with the server 120 to take advantage of the services provided by these components. It should be understood that a variety of different system configurations are possible, which may differ from system 100. Accordingly, fig. 1 is one example of a system for implementing the various methods described herein and is not intended to be limiting.

The user may use

client devices

101, 102, 103, 104, 105, and/or 106 to retrieve the web page. The client device may provide an interface that enables a user of the client device to interact with the client device. The client device may also output information to the user via the interface. Although fig. 1 depicts only six client devices, those skilled in the art will appreciate that any number of client devices may be supported by the present disclosure.

Client devices

101, 102, 103, 104, 105, and/or 106 may include various types of computer devices, such as portable handheld devices, general purpose computers (such as personal computers and laptops), workstation computers, wearable devices, smart screen devices, self-service terminal devices, service robots, gaming systems, thin clients, various messaging devices, sensors or other sensing devices, and so forth. These computer devices may run various types and versions of software applications and operating systems, such as MICROSOFT Windows, APPLE iOS, UNIX-like operating systems, Linux, or Linux-like operating systems (e.g., GOOGLE Chrome OS); or include various Mobile operating systems such as MICROSOFT Windows Mobile OS, iOS, Windows Phone, Android. Portable handheld devices may include cellular telephones, smart phones, tablets, Personal Digital Assistants (PDAs), and the like. Wearable devices may include head-mounted displays (such as smart glasses) and other devices. The gaming system may include a variety of handheld gaming devices, internet-enabled gaming devices, and the like. The client device is capable of executing a variety of different applications, such as various Internet-related applications, communication applications (e.g., email applications), Short Message Service (SMS) applications, and may use a variety of communication protocols.

Network 110 may be any type of network known to those skilled in the art that may support data communications using any of a variety of available protocols, including but not limited to TCP/IP, SNA, IPX, etc. By way of example only, one or more networks 110 may be a Local Area Network (LAN), an ethernet-based network, a token ring, a Wide Area Network (WAN), the internet, a virtual network, a Virtual Private Network (VPN), an intranet, an extranet, a Public Switched Telephone Network (PSTN), an infrared network, a wireless network (e.g., bluetooth, WIFI), and/or any combination of these and/or other networks.

The server 120 may include one or more general purpose computers, special purpose server computers (e.g., PC (personal computer) servers, UNIX servers, mid-end servers), blade servers, mainframe computers, server clusters, or any other suitable arrangement and/or combination. The server 120 may include one or more virtual machines running a virtual operating system, or other computing architecture involving virtualization (e.g., one or more flexible pools of logical storage that may be virtualized to maintain virtual storage for the server). In various embodiments, the server 120 may run one or more services or software applications that provide the functionality described below.

The computing units in server 120 may run one or more operating systems including any of the operating systems described above, as well as any commercially available server operating systems. The server 120 may also run any of a variety of additional server applications and/or middle tier applications, including HTTP servers, FTP servers, CGI servers, JAVA servers, database servers, and the like.

In some implementations, the server 120 may include one or more applications to analyze and consolidate data feeds and/or event updates received from users of the

client devices

101, 102, 103, 104, 105, and 106. Server 120 may also include one or more applications to display data feeds and/or real-time events via one or more display devices of

client devices

101, 102, 103, 104, 105, and 106.

In some embodiments, the server 120 may be a server of a distributed system, or a server incorporating a blockchain. The server 120 may also be a cloud server, or a smart cloud computing server or a smart cloud host with artificial intelligence technology. The cloud Server is a host product in a cloud computing service system, and is used for solving the defects of high management difficulty and weak service expansibility in the traditional physical host and Virtual Private Server (VPS) service.

The system 100 may also include one or more databases 130. In some embodiments, these databases may be used to store data and other information. For example, one or more of the databases 130 may be used to store information such as audio files and object files. The data store 130 may reside in various locations. For example, the data store used by the server 120 may be local to the server 120, or may be remote from the server 120 and may communicate with the server 120 via a network-based or dedicated connection. The data store 130 may be of different types. In certain embodiments, the data store used by the server 120 may be a database, such as a relational database. One or more of these databases may store, update, and retrieve data to and from the database in response to the command.

In some embodiments, one or more of the databases 130 may also be used by applications to store application data. The databases used by the application may be different types of databases, such as key-value stores, object stores, or regular stores supported by a file system.

The system 100 of fig. 1 may be configured and operated in various ways to enable application of the various methods and apparatus described in accordance with the present disclosure.

Referring to fig. 2, a web page editing method 200 according to some embodiments of the present disclosure includes:

step S210: in response to a destruction instruction of a first component of a webpage editing interface, storing a first element node corresponding to the first component in a storage area corresponding to the webpage editing interface;

step S220: acquiring a creating instruction for creating element nodes on the webpage editing interface; and

step S230: in response to determining that the creation instruction corresponds to the first element node, obtaining the first element node to reconstruct the first element node at the web page editing interface.

In the related art, in the process of editing a web page, since the rendering process of an element node is a single-thread rendering process, when the element node is changed, for example, an element node is newly created or an element node is deleted, re-rendering is often required, so that frequent rendering is required in the process of editing the web page, and rendering efficiency is low.

In order to solve the problem of low rendering efficiency, the rendering efficiency is often improved by a method of storing rendering results or data streams. However, the web page editing process often requires frequent switching of the editor, and in the case of frequent switching of the editor, the CPU overhead is large due to the saved rendering result or data stream.

According to the embodiment of the disclosure, in the process of destroying the component of the webpage editing interface, the element node corresponding to the component is stored, and when the user needs to create the same element node again, the stored element node is directly obtained to create. Because the webpage assembly is not destroyed really, the deletion of the element nodes is not involved, so that the re-rendering process is not involved, the rendering times are reduced, and the rendering efficiency is improved. Meanwhile, even under the condition that the editor is frequently switched, the rendering times can be reduced, and the rendering efficiency is further improved. Meanwhile, since the reconstruction process of the node is obtained from the saved created node, the amount of code can be reduced.

In some embodiments, the web page editing interface is formed during a act frame-based web page editing process.

In the course of the webpage editing process based on the exact frame, a component is created by creating element nodes, wherein the component is used for expressing the element nodes in the webpage, for example, forward buttons and back buttons on the webpage correspond to the component, and the element nodes correspond to codes in the course of creating the forward buttons and the back buttons.

In some embodiments, the act frame-based web page editing interface includes a visualization page that includes components for display and a corresponding code page that includes code (i.e., element nodes) corresponding to the components in the web page editing interface.

In some embodiments, the web page editing interface includes at least one component, each of the at least one component corresponding to at least one element node. In some embodiments, at least one element node corresponding to the first component can be destroyed by destroying the first component.

In some embodiments, the at least one element node may include a parent node and a child node under the parent node.

In some embodiments, the web page editing interface may be a single-page application that may frequently change state based on user operations.

In some embodiments, the storage area includes a node storage area corresponding to an element node in a code page in the web page editing interface for storing the element node moved out of the code page. For example, a corresponding node storage area for storing element nodes is generated at the same time or after the webpage editing interface is generated based on the element nodes created by the code page.

In some embodiments, the storage area further includes a component storage area corresponding to a visualization page in the web page editing interface, and when the removed element node is stored in the node storage area, the component corresponding to the stored element node is also stored in the component storage area. As shown in fig. 3, a visualization page 3011 corresponding to a web page editing interface 301 and a component storage area in a storage area 302 are located in two areas of a screen 300 according to one embodiment of the present disclosure. Wherein the web page editing interface 301 corresponds to a code page (not shown), the storage area 302 further includes a node storage area (not shown) corresponding to the component storage area 3021.

It should be understood that, in the above embodiments, the setting of the storage area to include the component storage area that can be visually shown is merely an example, and those skilled in the art should understand that the storage area may also be a node storage area that only shows the stored element nodes, or a disk area that is allocated to the element nodes in the disk for storage, and whether it can be visually shown or not is not limited herein.

In some embodiments, in the web page editing process, after a node is created, a component storage area is defined by an area outside a visual page in a web page editing interface on a screen, and a corresponding node storage area is established, so that element nodes for realizing storage are managed.

In some embodiments, the storage area includes a Map-based node manager. When the nodes are stored in the storage area, the management process of the nodes is convenient and concise through the node manager based on Map.

In some embodiments, as shown in fig. 4, in response to a destroy instruction for a first component of a web page editing interface, storing a first element node corresponding to the first component in a storage area corresponding to the web page editing interface includes:

step S410: overloading a destruction function; and

step S420: based on the destruction instruction, calling the reloaded destruction function at the first element node to move the first element node from the webpage editing interface to the storage area.

Through reloading the destruction function in the life cycle function of the component, the destruction function of the component does not execute the destruction function of the element node, but executes the storage function of the element node, thereby simplifying the processing process of the code and further reducing the number of the code.

Meanwhile, in the webpage editing process based on the exact frame, the life cycle function is reloaded to replace life cycle and parameter transmission management, so that the application method of the exact frame is simpler.

In some embodiments, the destruction instruction may be a user-entered destruction instruction.

In other embodiments, the destroy instruction is an instruction generated based on a user's operation, such as a pointer to call a function, or the like.

In some embodiments, moving the first element node from the web page editing interface to the storage area comprises: moving the first component from the web page editing interface to the storage area.

By storing the first component and the first element node together, the data corresponding to the component and the element node are stored together without being destroyed, and after the first element node is rebuilt, the problem of data initialization does not need to be concerned, so that the code amount in the development process is further reduced.

According to one embodiment of the disclosure, webpage editing is performed based on a exact framework, wherein components and corresponding element nodes are packaged, so that data and the whole dom node are stored together. Because the components correspond to the life cycle management functions, the life cycle management functions are managed while the components and the element nodes are subjected to cache management, and therefore the management of the components and the element nodes is simpler and more convenient. Compared with the React + Redox + Manager layered architecture in the related art, the act framework is simpler and more convenient to use, and is operated and used by developers.

In some embodiments, in step S220, the creation instruction of the user may be created by an element corresponding to the element node, and may also correspond to the operation of the component.

In some embodiments, the corresponding element node is created by looking up the element in the storage area to determine whether the create instruction corresponds to the first element node. For example, when the first element node stored in the storage area is found to correspond to the element node corresponding to the creation instruction, it is determined that the creation instruction corresponds to the first element node.

In some embodiments, the creation instruction is determined to correspond to the first element node by an operation that moves a component in a component storage area of the storage area into the web page editing interface.

In some embodiments, the method 200 further comprises: generating the destruction instruction in response to removal of the first component from the web page editing interface.

The first component is moved out of the webpage editing interface, and a destroying instruction is generated to store the first element node, so that the code amount is reduced, and the operation is simple.

In some embodiments, when the developer moves the first component out of the webpage editing interface to a component storage area in the storage area by a dragging method, a destruction instruction is generated.

In some embodiments, a destroy instruction is generated when the first component is removed from the web page editing interface based on a removal instruction of the user.

In some embodiments, rebuilding the first element node at the web editing interface comprises: and moving the acquired first element node from the storage area to the webpage editing interface.

When the first webpage element node is rebuilt, the first component is directly moved into the screen, rendering operation on the element node is reduced, rendering efficiency is improved, and operation is simple. Meanwhile, the effect of dynamic rendering is realized.

In some embodiments, when the developer moves the first component from the component storage area in the storage area to the webpage editing interface by a dragging method, the developer moves the first element node from the storage area to a code page corresponding to the webpage editing interface.

In some embodiments, moving the first element node from the storage area to the web page editing interface further comprises:

moving the first component into the web page editing interface in response to rendering the first element node.

With special components, many element nodes need to be rendered. When the first component is reconstructed, when a plurality of created element nodes of the webpage editing interface are rendered, the first element node is not rendered, and when the first element node is rendered, so that dynamic rendering of the element nodes of the webpage editing interface is realized, and the CPU cost is further saved.

In some embodiments, the first component is moved into the web page editing interface based on a move-in instruction of the user.

According to another aspect of the present disclosure, there is also provided a web page editing apparatus, referring to fig. 5, the apparatus 500 including: a node storage unit 510, configured to store, in response to a destroy instruction for a first component of a web page editing interface, a first element node corresponding to the first component in a storage area corresponding to the web page editing interface; a creating instruction obtaining unit 520 configured to obtain a creating instruction for creating an element node in the web page editing interface; and a node obtaining unit 530 configured to, in response to determining that the creation instruction corresponds to the first element node, obtain the first element node to reconstruct the first element node in the web page editing interface.

In some embodiments, the node storage unit 510 includes: a reload unit configured to reload the destruction function; and the storage subunit is configured to call the reloaded destruction function at the first element node based on the destruction instruction so as to move the first element node from the webpage editing interface to the storage area.

In some embodiments, the storage subunit is further configured to: moving the first component from the web page editing interface to the storage area.

In some embodiments, the apparatus 500 further comprises: a destruction instruction generation unit configured to generate the destruction instruction in response to the first component being removed from the web page editing interface.

In some embodiments, the node obtaining unit 530 is further configured to: and moving the acquired first element node from the storage area to the webpage editing interface.

In some embodiments, the storage subunit is further configured to: in response to rendering the first element node of the web, moving the first component into the web page editing interface.

According to another aspect of the present disclosure, there is also provided an electronic device including: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores a computer program which, when executed by the at least one processor, implements a method according to the above.

According to another aspect of the present disclosure, there is also provided a non-transitory computer readable storage medium storing a computer program, wherein the computer program, when executed by a processor, implements the method according to the above.

According to another aspect of the present disclosure, there is also provided a computer program product comprising a computer program, wherein the computer program realizes the method according to the above when executed by a processor.

According to an embodiment of the present disclosure, there is also provided an electronic device, a readable storage medium, and a computer program product.

Referring to fig. 6, a block diagram of a structure of an electronic device 600, which may be a server or a client of the present disclosure, which is an example of a hardware device that may be applied to aspects of the present disclosure, will now be described. Electronic device is intended to represent various forms of digital electronic computer devices, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other suitable computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the disclosure described and/or claimed herein.

As shown in fig. 6, the electronic device 600 includes a computing unit 601, which can perform various appropriate actions and processes according to a computer program stored in a Read Only Memory (ROM)602 or a computer program loaded from a storage unit 608 into a Random Access Memory (RAM) 603. In the RAM603, various programs and data necessary for the operation of the electronic apparatus 600 can also be stored. The calculation unit 601, the ROM 602, and the RAM603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.

Various components in the electronic device 600 are connected to the I/O interface 605, including: an input unit 606, an output unit 607, a storage unit 608, and a communication unit 609. The input unit 606 may be any type of device capable of inputting information to the electronic device 600, and the input unit 606 may receive input numeric or character information and generate key signal inputs related to user settings and/or function controls of the electronic device, and may include, but is not limited to, a mouse, a keyboard, a touch screen, a track pad, a track ball, a joystick, a microphone, and/or a remote control. Output unit 607 may be any type of device capable of presenting information and may include, but is not limited to, a display, speakers, an object/audio output terminal, a vibrator, and/or a printer. The storage unit 608 may include, but is not limited to, a magnetic disk, an optical disk. The communication unit 609 allows the electronic device 600 to exchange information/data with other devices via a computer network, such as the internet, and/or various telecommunications networks, and may include, but is not limited to, modems, network cards, infrared communication devices, wireless communication transceivers, and/or chipsets, such as bluetooth (TM) devices, 1302.11 devices, WiFi devices, WiMax devices, cellular communication devices, and/or the like.

The computing unit 601 may be a variety of general and/or special purpose processing components having processing and computing capabilities. Some examples of the computing unit 601 include, but are not limited to, a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), various dedicated Artificial Intelligence (AI) computing chips, various computing units running machine learning model algorithms, a Digital Signal Processor (DSP), and any suitable processor, controller, microcontroller, and so forth. The computing unit 601 performs the various methods and processes described above, such as the method 200. For example, in some embodiments, the method 200 may be implemented as a computer software program tangibly embodied in a machine-readable medium, such as the storage unit 608. In some embodiments, part or all of the computer program may be loaded and/or installed onto the electronic device 600 via the ROM 602 and/or the communication unit 609. When the computer program is loaded into RAM603 and executed by the computing unit 601, one or more steps of the method 200 described above may be performed. Alternatively, in other embodiments, the computing unit 601 may be configured to perform the method 200 in any other suitable manner (e.g., by means of firmware).

Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuitry, Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), system on a chip (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.

Program code for implementing the methods of the present disclosure may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the program codes, when executed by the processor or controller, cause the functions/operations specified in the flowchart and/or block diagram to be performed. The program code may execute entirely on the machine, partly on the machine, as a stand-alone software package partly on the machine and partly on a remote machine or entirely on the remote machine or server.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, 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.

To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.

The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), Wide Area Networks (WANs), and the Internet.

The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The server may be a cloud server, a server of a distributed system, or a server with a combined blockchain.

It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present disclosure may be performed in parallel, sequentially or in different orders, and are not limited herein as long as the desired results of the technical solutions disclosed in the present disclosure can be achieved.

Although embodiments or examples of the present disclosure have been described with reference to the accompanying drawings, it is to be understood that the above-described methods, systems and apparatus are merely exemplary embodiments or examples and that the scope of the present invention is not limited by these embodiments or examples, but only by the claims as issued and their equivalents. Various elements in the embodiments or examples may be omitted or may be replaced with equivalents thereof. Further, the steps may be performed in an order different from that described in the present disclosure. Further, various elements in the embodiments or examples may be combined in various ways. It is important that as technology evolves, many of the elements described herein may be replaced with equivalent elements that appear after the present disclosure.

Claims

1. A method of web page editing, comprising:

in response to a destruction instruction of a first component of a webpage editing interface, storing a first element node corresponding to the first component in a storage area corresponding to the webpage editing interface;

acquiring a creating instruction for creating element nodes on the webpage editing interface; and

in response to determining that the creation instruction corresponds to the first element node, obtaining the first element node to reconstruct the first element node at the web page editing interface.

2. The method of claim 1, wherein the storing, in response to a destroy instruction for a first component of a web page editing interface, a first element node corresponding to the first component in a storage area corresponding to the web page editing interface comprises:

overloading a destruction function; and

based on the destruction instruction, calling the reloaded destruction function at the first element node to move the first element node from the webpage editing interface to the storage area.

3. The method of claim 2, wherein the moving the first element node from the web page editing interface to the storage area comprises:

moving the first component from the web page editing interface to the storage area.

4. The method of any of claims 1-3, further comprising:

generating the destruction instruction in response to removal of the first component from the web page editing interface.

5. The method of any of claims 1-3, the reconstructing the first element node at the web editing interface comprising:

and moving the acquired first element node from the storage area to the webpage editing interface.

6. The method of any of claims 4, wherein the moving the first element node from the storage area to the web editing interface comprises:

7. A web page editing apparatus comprising:

the node storage unit is configured to respond to a destruction instruction of a first component of a webpage editing interface, and store a first element node corresponding to the first component in a storage area corresponding to the webpage editing interface;

the creating instruction acquisition unit is configured to acquire a creating instruction for creating an element node on the webpage editing interface; and

a node obtaining unit configured to, in response to determining that the creation instruction corresponds to the first element node, obtain the first element node to reconstruct the first element node at the web page editing interface.

8. The apparatus of claim 7, wherein the node storage unit comprises:

a reload unit configured to reload the destruction function; and

a storage subunit, configured to call, based on the destroy instruction, the reloaded destroy function at the first element node, so as to move the first element node from the web page editing interface to the storage area.

9. The apparatus of claim 8, wherein the storage subunit is further configured for:

10. The apparatus of any of claims 7-9, further comprising:

a destruction instruction generation unit configured to generate the destruction instruction in response to the first component being removed from the web page editing interface.

11. The apparatus according to any of claims 7-9, the node obtaining unit further configured to:

12. The apparatus of claim 10, wherein the storage subunit is further configured for:

in response to rendering the first element node of the web, moving the first component into the web page editing interface.

13. An electronic device, comprising:

at least one processor; and

a memory communicatively coupled to the at least one processor; wherein

The memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-6.

14. A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-6.

15. A computer program product comprising a computer program, wherein the computer program realizes the method of any one of claims 1-6 when executed by a processor.