CN113961189A - 网页编辑方法和装置 - Google Patents
网页编辑方法和装置 Download PDFInfo
- Publication number
- CN113961189A CN113961189A CN202111241607.5A CN202111241607A CN113961189A CN 113961189 A CN113961189 A CN 113961189A CN 202111241607 A CN202111241607 A CN 202111241607A CN 113961189 A CN113961189 A CN 113961189A
- Authority
- CN
- China
- Prior art keywords
- editing interface
- element node
- web page
- component
- storage area
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开提供了一种网页编辑方法和装置,涉及计算机技术领域,尤其涉及网页编辑技术领域。实现方案为:响应于对网页编辑界面的第一组件的销毁指令,将与第一组件对应的第一元素节点存储在对应于网页编辑界面的存储区域;获取用于在网页编辑界面创建元素节点的创建指令;以及响应于确定创建指令对应于第一元素节点,获取第一元素节点,以在网页编辑界面重建第一元素节点。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及网页编辑技术,具体涉及一种网页编辑方法、装置、电子设备、计算机可读存储介质和计算机程序产品。
背景技术
用户界面(User interface,UI)是终端***和用户之间进行交互和信息交换的媒介。用于构建用户界面的react(Web开发框架)由于其思想独特,广泛受到人们的关注和使用。
在此部分中描述的方法不一定是之前已经设想到或采用的方法。除非另有指明,否则不应假定此部分中描述的任何方法仅因其包括在此部分中就被认为是现有技术。类似地,除非另有指明,否则此部分中提及的问题不应认为在任何现有技术中已被公认。
发明内容
本公开提供了一种网页编辑方法、装置、电子设备、计算机可读存储介质和计算机程序产品。
根据本公开的一方面,提供了一种网页编辑方法,包括:响应于对网页编辑界面的第一组件的销毁指令,将与所述第一组件对应的第一元素节点存储在对应于所述网页编辑界面的存储区域;获取用于在所述网页编辑界面创建元素节点的创建指令;以及响应于确定所述创建指令对应于所述第一元素节点,获取所述第一元素节点,以在所述网页编辑界面重建所述第一元素节点。
根据本公开的另一方面,提供了一种网页编辑装置,包括:节点存储单元,被配置用于响应于对网页编辑界面的第一组件的销毁指令,将与所述第一组件对应的第一元素节点存储在对应于所述网页编辑界面的存储区域;创建指令获取单元,被配置用于获取用于在所述网页编辑界面创建元素节点的创建指令;以及节点获取单元,被配置用于响应于确定所述创建指令对应于所述第一元素节点,获取所述第一元素节点,以在所述网页编辑界面重建所述第一元素节点。
根据本公开的另一方面,提供了一种电子设备,包括:至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器实现根据上述的方法。
根据本公开的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机实现根据上述的方法。
根据本公开的另一方面,提供了一种计算机程序产品包括计算机程序,其中,所述计算机程序在被处理器执行时实现根据上述的方法。
根据本公开的一个或多个实施例,在对网页编辑界面的组件进行销毁的过程中,通过对该组件对应的元素节点进行存储,当用户需要再次创建该节点时,直接通过获取该元素节点,以进行创建,可以提升渲染效率,减少CPU在销毁组件过程中的渲染开销,减少代码量。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图示例性地示出了实施例并且构成说明书的一部分,与说明书的文字描述一起用于讲解实施例的示例性实施方式。所示出的实施例仅出于例示的目的,并不限制权利要求的范围。在所有附图中,相同的附图标记指代类似但不一定相同的要素。
图1示出了根据本公开的实施例的可以在其中实施本文描述的各种方法的示例性***的示意图;
图2示出了根据本公开的实施例的网页编辑方法的流程图;
图3示出了根据本公开的实施例的网页编辑方法中网页编辑界面和存储区域的示意图;
图4示出了根据本公开的实施例的网页编辑方法中响应于对网页编辑界面的第一组件的销毁指令将与第一组件对应的第一元素节点存储在对应于网页编辑界面的存储区域的过程的流程图;
图5示出了根据本公开的实施例的网页编辑装置的结构框图;以及
图6示出了能够用于实现本公开的实施例的示例性电子设备的结构框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
在本公开中,除非另有说明,否则使用术语“第一”、“第二”等来描述各种要素不意图限定这些要素的位置关系、时序关系或重要性关系,这种术语只是用于将一个元件与另一元件区分开。在一些示例中,第一要素和第二要素可以指向该要素的同一实例,而在某些情况下,基于上下文的描述,它们也可以指代不同实例。
在本公开中对各种所述示例的描述中所使用的术语只是为了描述特定示例的目的,而并非旨在进行限制。除非上下文另外明确地表明,如果不特意限定要素的数量,则该要素可以是一个也可以是多个。此外,本公开中所使用的术语“和/或”涵盖所列出的项目中的任何一个以及全部可能的组合方式。
下面将结合附图详细描述本公开的实施例。
图1示出了根据本公开的实施例可以将本文描述的各种方法和装置在其中实施的示例性***100的示意图。参考图1,该***100包括一个或多个客户端设备101、102、103、104、105和106、服务器120以及将一个或多个客户端设备耦接到服务器120的一个或多个通信网络110。客户端设备101、102、103、104、105和106可以被配置为执行一个或多个应用程序。
在本公开的实施例中,服务器120可以运行使得能够执行网页编辑方法的一个或多个服务或软件应用。
在某些实施例中,服务器120还可以提供可以包括非虚拟环境和虚拟环境的其他服务或软件应用。在某些实施例中,这些服务可以作为基于web的服务或云服务提供,例如在软件即服务(SaaS)模型下提供给客户端设备101、102、103、104、105和/或106的用户。
在图1所示的配置中,服务器120可以包括实现由服务器120执行的功能的一个或多个组件。这些组件可以包括可由一个或多个处理器执行的软件组件、硬件组件或其组合。操作客户端设备101、102、103、104、105和/或106的用户可以依次利用一个或多个客户端应用程序来与服务器120进行交互以利用这些组件提供的服务。应当理解,各种不同的***配置是可能的,其可以与***100不同。因此,图1是用于实施本文所描述的各种方法的***的一个示例,并且不旨在进行限制。
用户可以使用客户端设备101、102、103、104、105和/或106来获取网页。客户端设备可以提供使客户端设备的用户能够与客户端设备进行交互的接口。客户端设备还可以经由该接口向用户输出信息。尽管图1仅描绘了六种客户端设备,但是本领域技术人员将能够理解,本公开可以支持任何数量的客户端设备。
客户端设备101、102、103、104、105和/或106可以包括各种类型的计算机设备,例如便携式手持设备、通用计算机(诸如个人计算机和膝上型计算机)、工作站计算机、可穿戴设备、智能屏设备、自助服务终端设备、服务机器人、游戏***、瘦客户端、各种消息收发设备、传感器或其他感测设备等。这些计算机设备可以运行各种类型和版本的软件应用程序和操作***,例如MICROSOFT Windows、APPLE iOS、类UNIX操作***、Linux或类Linux操作***(例如GOOGLE Chrome OS);或包括各种移动操作***,例如MICROSOFT WindowsMobile OS、iOS、Windows Phone、Android。便携式手持设备可以包括蜂窝电话、智能电话、平板电脑、个人数字助理(PDA)等。可穿戴设备可以包括头戴式显示器(诸如智能眼镜)和其他设备。游戏***可以包括各种手持式游戏设备、支持互联网的游戏设备等。客户端设备能够执行各种不同的应用程序,例如各种与Internet相关的应用程序、通信应用程序(例如电子邮件应用程序)、短消息服务(SMS)应用程序,并且可以使用各种通信协议。
网络110可以是本领域技术人员熟知的任何类型的网络,其可以使用多种可用协议中的任何一种(包括但不限于TCP/IP、SNA、IPX等)来支持数据通信。仅作为示例,一个或多个网络110可以是局域网(LAN)、基于以太网的网络、令牌环、广域网(WAN)、因特网、虚拟网络、虚拟专用网络(VPN)、内部网、外部网、公共交换电话网(PSTN)、红外网络、无线网络(例如蓝牙、WIFI)和/或这些和/或其他网络的任意组合。
服务器120可以包括一个或多个通用计算机、专用服务器计算机(例如PC(个人计算机)服务器、UNIX服务器、中端服务器)、刀片式服务器、大型计算机、服务器群集或任何其他适当的布置和/或组合。服务器120可以包括运行虚拟操作***的一个或多个虚拟机,或者涉及虚拟化的其他计算架构(例如可以被虚拟化以维护服务器的虚拟存储设备的逻辑存储设备的一个或多个灵活池)。在各种实施例中,服务器120可以运行提供下文所描述的功能的一个或多个服务或软件应用。
服务器120中的计算单元可以运行包括上述任何操作***以及任何商业上可用的服务器操作***的一个或多个操作***。服务器120还可以运行各种附加服务器应用程序和/或中间层应用程序中的任何一个,包括HTTP服务器、FTP服务器、CGI服务器、JAVA服务器、数据库服务器等。
在一些实施方式中,服务器120可以包括一个或多个应用程序,以分析和合并从客户端设备101、102、103、104、105和106的用户接收的数据馈送和/或事件更新。服务器120还可以包括一个或多个应用程序,以经由客户端设备101、102、103、104、105和106的一个或多个显示设备来显示数据馈送和/或实时事件。
在一些实施方式中,服务器120可以为分布式***的服务器,或者是结合了区块链的服务器。服务器120也可以是云服务器,或者是带人工智能技术的智能云计算服务器或智能云主机。云服务器是云计算服务体系中的一项主机产品,以解决传统物理主机与虚拟专用服务器(VPS,Virtual Private Server)服务中存在的管理难度大、业务扩展性弱的缺陷。
***100还可以包括一个或多个数据库130。在某些实施例中,这些数据库可以用于存储数据和其他信息。例如,数据库130中的一个或多个可用于存储诸如音频文件和对象文件的信息。数据存储库130可以驻留在各种位置。例如,由服务器120使用的数据存储库可以在服务器120本地,或者可以远离服务器120且可以经由基于网络或专用的连接与服务器120通信。数据存储库130可以是不同的类型。在某些实施例中,由服务器120使用的数据存储库可以是数据库,例如关系数据库。这些数据库中的一个或多个可以响应于命令而存储、更新和检索到数据库以及来自数据库的数据。
在某些实施例中,数据库130中的一个或多个还可以由应用程序使用来存储应用程序数据。由应用程序使用的数据库可以是不同类型的数据库,例如键值存储库,对象存储库或由文件***支持的常规存储库。
图1的***100可以以各种方式配置和操作,以使得能够应用根据本公开所描述的各种方法和装置。
参看图2,根据本公开的一些实施例的一种网页编辑方法200包括:
步骤S210:响应于对网页编辑界面的第一组件的销毁指令,将与所述第一组件对应的第一元素节点存储在对应于所述网页编辑界面的存储区域;
步骤S220:获取用于在所述网页编辑界面创建元素节点的创建指令;以及
步骤S230:响应于确定所述创建指令对应于所述第一元素节点,获取所述第一元素节点,以在所述网页编辑界面重建所述第一元素节点。
在相关技术中,在编辑网页的过程中,由于元素节点的渲染过程是单线程渲染过程,当元素节点发生改变,比如新建一个元素节点或者删除一个元素节点,往往需要重新渲染一次,从而导致网页编辑过程中需要频繁渲染,使渲染效率低。
为了渲染效率低的问题,往往通过保存渲染结果或者数据流的方法,提升渲染效率。然而,网页编辑过程往往需要频繁切换编辑器,在频繁切换编辑器的情况下,保存的渲染结果或数据流,使CPU开销大。
根据本公开的实施例,在对网页编辑界面的组件进行销毁的过程中,通过对该组件对应的元素节点进行存储,当用户需要再次创建相同的元素节点时,直接通过获取所存储的该元素节点,以进行创建。由于网页组件没有进行真正的销毁,其不涉及元素节点的删除,因而也不涉及重新渲染过程,减少渲染次数,提升渲染效率。同时,使得即使在频繁切换编辑器的情况下,也能减少渲染次数,进一步提升渲染效率。同时,由于节点的重建过程是从保存的已创建节点处获得,可以减少代码量。
在一些实施例中,网页编辑界面是基于react框架的网页编辑过程中形成的。
在基于react框架的网页编辑过程中,通过创建元素节点,以创建组件,其中,组件用于在网页中来表达元素节点,例如网页页面上的“前进”、“后退”按钮对应于组件,元素节点对应于在创建“前进”、“后退”按钮过程中的代码。
在一些实施例中,基于react框架的网页编辑界面包括包含组件并用于显示的可视化页面和对应的代码页,其中可视化页面包括可视化的组件,代码页包括网页编辑界面中的组件对应的代码(也就是元素节点)。
在一些实施例中,网页编辑界面包括至少一个组件,该至少一个组件中的每一个组件对应有至少一个元素节点。在一些实施例中,通过对该第一组件的销毁,能够销毁该第一组件对应的至少一个元素节点。
在一些实施例中,至少一个元素节点可以包括父节点和父节点下的子节点。
在一些实施例中,网页编辑界面可以是根据用户操作可以频繁改变状态的单页面应用。
在一些实施例中,存储区域包括对应于网页编辑界面中的代码页中的元素节点的节点存储区域,用于存储从代码页移出的元素节点。例如,基于代码页创建的元素节点生成网页编辑界面的同时或之后,生成对应的用以存储元素节点的节点存储区域。
在一些实施例中,存储区域还包括对应于网页编辑界面中的可视化页面的组件存储区域,当移出的元素节点存储在节点存储区域的同时,还将所存储的元素节点对应的组件存储在组件存储区域。如图3所示,根据本公开的一个实施例的对应于网页编辑界面301的可视化页面3011和存储区域302中的组件存储区域位于屏幕300的两个区域。其中网页编辑界面301对应有代码页(未示出),存储区域302还包括与组件存储区域3021对应的节点存储区域(未示出)。
需要理解的是,上述实施例中,将存储区域设置为包括可以可视化示出的组件存储区域仅仅是示例性的,本领域技术人员应当理解,存储区域还可以是仅仅示出所存储的元素节点的节点存储区域,或者仅仅是磁盘中分配给元素节点,以进行存储的磁盘区域,其是否可以可视化示出,在此并不限定。
在一些实施例中,在网页编辑过程中,在节点创建之后,通过在屏幕上的网页编辑界面中的可视化页面之外的区域,划定组件存储区域,同时建立对应的节点存储区域,从而对实现存储的元素节点进行管理。
在一些实施例中,存储区域包括基于Map的节点管理器。节点存储在存储区域中时,通过基于Map的节点管理器,使对节点的管理过程方便、简洁。
在一些实施例中,如图4所示、响应于对网页编辑界面的第一组件的销毁指令,将与所述第一组件对应的第一元素节点存储在对应于所述网页编辑界面的存储区域包括:
步骤S410:重载销毁函数;以及
步骤S420:基于所述销毁指令,在所述第一元素节点处调用重载后的销毁函数,以将所述第一元素节点从所述网页编辑界面移动到所述存储区域。
通过重载组件的生命周期函数中的销毁函数,使组件的销毁函数不执行对元素节点的销毁功能,而执行元素节点的存储功能,简化代码的处理过程,进一步减少代码数量。
同时,在在基于react框架的网页编辑过程中,通过重载生命周期函数,代替生命周期与传参管理,使react框架的使用方法更加简单。
在一些实施例中,销毁指令可以是用户输入的销毁指令。
在另一些实施例中,销毁指令是基于用户的操作生成的指令,例如,用以调用函数的指针等等。
在一些实施例中,将所述第一元素节点从所述网页编辑界面移动到所述存储区域包括:将所述第一组件从所述网页编辑界面移动到所述存储区域。
通过将第一组件和第一元素节点一起存储,使对应于组件的数据和元素节点被一起存储,且没有销毁,在第一元素节点重建后,无需关心数据初始化问题,进一步减少开发过程中的代码量。
根据本公开的一个实施例,基于react框架进行网页编辑,其中将组件和对应的元素节点打包处理,使数据和整个dom节点被一起存储。由于组件对应有生命周期管理函数,对组件和元素节点进行缓存管理的同时,对生命周期管理函数进行管理,从而使组件和元素节点的管理更加简洁和方便。相比于相关技术中的React+Redux+Manager分层架构,根据本公开的react框架,使用起来更加简单和方便,利用开发人员操作和使用。
在一些实施例中,在步骤S220中,用户的创建指令可以是通过对应于元素节点的元素创建,也可以对应于组件的操作。
在一些实施例中,通过在存储区域中查找元素创建对应的元素节点,以确定创建指令是否对应于第一元素节点。例如,当查找到存储区域中存储的第一元素节点对应于创建指令对应的元素节点时,确定该创建指令对应于第一元素节点。
在一些实施例中,通过将存储区域的组件存储区域中的组件移入到网页编辑界面的操作,确定该创建指令对应于第一元素节点。
在一些实施例中,方法200还包括:响应于所述第一组件从所述网页编辑界面的移出,生成所述销毁指令。
通过在将第一组件从网页编辑界面移出,生成销毁指令,以存储第一元素节点,减少代码量,使操作简单。
在一些实施例中,开发人员通过拖拽的方法将第一组件从网页编辑界面移出到存储区域中的组件存储区域时,生成销毁指令。
在一些实施例中,基于用户的移出指令,将第一组件从网页编辑界面移出时,生成销毁指令。
在一些实施例中,在所述网页编辑界面重建所述第一元素节点包括:将所述获取的第一元素节点从所述存储区域移动到所述网页编辑界面。
在重建第一网页元素节点时,直接将第一组件移入屏幕,减少对元素节点的渲染操作,提高渲染效率,使操作简单。同时,实现动态渲染的效果。
在一些实施例中,开发人员通过拖拽的方法将第一组件从存储区域中的组件存储区域移入到网页编辑界面时,将第一元素节点从存储区域移动到网页编辑界面对应的代码页。
在一些实施例中,将所述第一元素节点从所述存储区域移动到所述网页编辑界面还包括:
响应于对所述第一元素节点的渲染,将所述第一组件移入所述网页编辑界面。
对于具有特殊组件,需要渲染很多元素节点。在第一组件重建时,当网页编辑界面的已创建的多个元素节点在渲染的时候,对第一元素节点不渲染,当渲染到第一元素节点时,再对第一元素节点进行渲染,从而实现对网页编辑界面的元素节点执行动态渲染,进一步节省CPU开销。
在一些实施例中,基于用户的移入指令,将第一组件移入网页编辑界面。
根据本公开的另一方面,还提供一种网页编辑装置,参看图5,该装置500包括:节点存储单元510,被配置用于响应于对网页编辑界面的第一组件的销毁指令,将与所述第一组件对应的第一元素节点存储在对应于所述网页编辑界面的存储区域;创建指令获取单元520,被配置用于获取用于在所述网页编辑界面创建元素节点的创建指令;以及节点获取单元530,被配置用于响应于确定所述创建指令对应于所述第一元素节点,获取所述第一元素节点,以在所述网页编辑界面重建所述第一元素节点。
在一些实施例中,所述节点存储单元510包括:重载单元,被配置用于重载销毁函数;以及存储子单元,被配置用于基于所述销毁指令,在所述第一元素节点处调用重载后的销毁函数,以将所述第一元素节点从所述网页编辑界面移动到所述存储区域。
在一些实施例中,所述存储子单元还被配置用于:将所述第一组件从所述网页编辑界面移动到所述存储区域。
在一些实施例中,装置500还包括:销毁指令生成单元,被配置用于响应于所述第一组件从所述网页编辑界面的移出,生成所述销毁指令。
在一些实施例中,所述节点获取单元530还被配置用于:将所述获取的第一元素节点从所述存储区域移动到所述网页编辑界面。
在一些实施例中,所述存储子单元还被配置用于:响应于对所述网第一元素节点的渲染,将所述第一组件移入所述网页编辑界面。
根据本公开的另一方面,还提供一种电子设备,包括:至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中所述存储器存储有计算机程序,所述计算机程序在被所述至少一个处理器执行时实现根据上述的方法。
根据本公开的另一方面,还提供一种存储有计算机程序的非瞬时计算机可读存储介质,其中,所述计算机程序在被处理器执行时实现根据上述的方法。
根据本公开的另一方面,还提供了一种计算机程序产品,包括计算机程序,其中,所述计算机程序在被处理器执行时实现根据上述的方法。
根据本公开的实施例,还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
参考图6,现将描述可以作为本公开的服务器或客户端的电子设备600的结构框图,其是可以应用于本公开的各方面的硬件设备的示例。电子设备旨在表示各种形式的数字电子的计算机设备,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图6所示,电子设备600包括计算单元601,其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序,来执行各种适当的动作和处理。在RAM603中,还可存储电子设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
电子设备600中的多个部件连接至I/O接口605,包括:输入单元606、输出单元607、存储单元608以及通信单元609。输入单元606可以是能向电子设备600输入信息的任何类型的设备,输入单元606可以接收输入的数字或字符信息,以及产生与电子设备的用户设置和/或功能控制有关的键信号输入,并且可以包括但不限于鼠标、键盘、触摸屏、轨迹板、轨迹球、操作杆、麦克风和/或遥控器。输出单元607可以是能呈现信息的任何类型的设备,并且可以包括但不限于显示器、扬声器、对象/音频输出终端、振动器和/或打印机。存储单元608可以包括但不限于磁盘、光盘。通信单元609允许电子设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据,并且可以包括但不限于调制解调器、网卡、红外通信设备、无线通信收发机和/或芯片组,例如蓝牙TM设备、1302.11设备、WiFi设备、WiMax设备、蜂窝通信设备和/或类似物。
计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理,例如方法200。例如,在一些实施例中,方法200可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元608。在一些实施例中,计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到电子设备600上。当计算机程序加载到RAM 603并由计算单元601执行时,可以执行上文描述的方法200的一个或多个步骤。备选地,在其他实施例中,计算单元601可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行方法200。
本文中以上描述的***和技术的各种实施方式可以在数字电子电路***、集成电路***、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上***的***(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程***上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储***、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储***、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行***、装置或设备使用或与指令执行***、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体***、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的***和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的***和技术实施在包括后台部件的计算***(例如,作为数据服务器)、或者包括中间件部件的计算***(例如,应用服务器)、或者包括前端部件的计算***(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的***和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算***中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将***的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机***可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,也可以为分布式***的服务器,或者是结合了区块链的服务器。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本公开中记载的各步骤可以并行地执行、也可以顺序地或以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
虽然已经参照附图描述了本公开的实施例或示例,但应理解,上述的方法、***和设备仅仅是示例性的实施例或示例,本发明的范围并不由这些实施例或示例限制,而是仅由授权后的权利要求书及其等同范围来限定。实施例或示例中的各种要素可以被省略或者可由其等同要素替代。此外,可以通过不同于本公开中描述的次序来执行各步骤。进一步地,可以以各种方式组合实施例或示例中的各种要素。重要的是随着技术的演进,在此描述的很多要素可以由本公开之后出现的等同要素进行替换。
Claims (15)
1.一种网页编辑方法,包括:
响应于对网页编辑界面的第一组件的销毁指令,将与所述第一组件对应的第一元素节点存储在对应于所述网页编辑界面的存储区域;
获取用于在所述网页编辑界面创建元素节点的创建指令;以及
响应于确定所述创建指令对应于所述第一元素节点,获取所述第一元素节点,以在所述网页编辑界面重建所述第一元素节点。
2.根据权利要求1所述的方法,其中,所述响应于对网页编辑界面的第一组件的销毁指令,将与所述第一组件对应的第一元素节点存储在对应于所述网页编辑界面的存储区域包括:
重载销毁函数;以及
基于所述销毁指令,在所述第一元素节点处调用重载后的销毁函数,以将所述第一元素节点从所述网页编辑界面移动到所述存储区域。
3.根据权利要求2所述的方法,其中,所述将所述第一元素节点从所述网页编辑界面移动到所述存储区域包括:
将所述第一组件从所述网页编辑界面移动到所述存储区域。
4.根据权利要求1-3任一项所述的方法,还包括:
响应于所述第一组件从所述网页编辑界面的移出,生成所述销毁指令。
5.根据权利要求1-3任一项所述的方法,所述在所述网页编辑界面重建所述第一元素节点包括:
将所述获取的第一元素节点从所述存储区域移动到所述网页编辑界面。
6.根据权利要求4任一项所述的方法,其中,所述将所述第一元素节点从所述存储区域移动到所述网页编辑界面包括:
响应于对所述第一元素节点的渲染,将所述第一组件移入所述网页编辑界面。
7.一种网页编辑装置,包括:
节点存储单元,被配置用于响应于对网页编辑界面的第一组件的销毁指令,将与所述第一组件对应的第一元素节点存储在对应于所述网页编辑界面的存储区域;
创建指令获取单元,被配置用于获取用于在所述网页编辑界面创建元素节点的创建指令;以及
节点获取单元,被配置用于响应于确定所述创建指令对应于所述第一元素节点,获取所述第一元素节点,以在所述网页编辑界面重建所述第一元素节点。
8.根据权利要求7所述的装置,其中,所述节点存储单元包括:
重载单元,被配置用于重载销毁函数;以及
存储子单元,被配置用于基于所述销毁指令,在所述第一元素节点处调用重载后的销毁函数,以将所述第一元素节点从所述网页编辑界面移动到所述存储区域。
9.根据权利要求8所述的装置,其中,所述存储子单元还被配置用于:
将所述第一组件从所述网页编辑界面移动到所述存储区域。
10.根据权利要求7-9任一项所述的装置,还包括:
销毁指令生成单元,被配置用于响应于所述第一组件从所述网页编辑界面的移出,生成所述销毁指令。
11.根据权利要求7-9任一项所述的装置,所述节点获取单元还被配置用于:
将所述获取的第一元素节点从所述存储区域移动到所述网页编辑界面。
12.根据权利要求10所述的装置,其中,所述存储子单元还被配置用于:
响应于对所述网第一元素节点的渲染,将所述第一组件移入所述网页编辑界面。
13.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-6中任意一项所述的方法。
14.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行根据权利要求1-6中任一项所述的方法。
15.一种计算机程序产品,包括计算机程序,其中,所述计算机程序在被处理器执行时实现权利要求1-6中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111241607.5A CN113961189A (zh) | 2021-10-25 | 2021-10-25 | 网页编辑方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111241607.5A CN113961189A (zh) | 2021-10-25 | 2021-10-25 | 网页编辑方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113961189A true CN113961189A (zh) | 2022-01-21 |
Family
ID=79466663
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111241607.5A Pending CN113961189A (zh) | 2021-10-25 | 2021-10-25 | 网页编辑方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113961189A (zh) |
-
2021
- 2021-10-25 CN CN202111241607.5A patent/CN113961189A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114091672B (zh) | 分布式模型推理方法及装置、电子设备和介质 | |
CN111339187A (zh) | 基于智能合约的数据处理方法、装置、设备和存储介质 | |
CN112947916B (zh) | 用于实现在线画布的方法、装置、设备以及存储介质 | |
CN112948018A (zh) | 用于小程序的动态库加载方法、装置、设备及介质 | |
CN114510308B (zh) | 移动终端存储应用页面的方法、装置、设备和介质 | |
CN113326403A (zh) | 流程图渲染方法及装置、电子设备和介质 | |
CN113641929B (zh) | 页面渲染的方法、装置、电子设备和计算机可读存储介质 | |
CN113961189A (zh) | 网页编辑方法和装置 | |
CN113126928B (zh) | 文件移动方法及装置、电子设备和介质 | |
CN114359017A (zh) | 多媒体资源的处理方法、装置及电子设备 | |
CN113012258A (zh) | 生成多段折线图的方法、装置、电子设备以及可读介质 | |
CN113722628A (zh) | 显示信息流的方法、装置、设备和介质 | |
CN113254469B (zh) | 数据筛选方法及装置、设备和介质 | |
CN113986788B (zh) | 数据处理方法和装置、芯片、电子设备及介质 | |
CN112764828B (zh) | 业务逻辑管理方法及装置、计算机设备和介质 | |
CN115334159B (zh) | 处理流式数据的方法、装置、设备和介质 | |
CN115098165B (zh) | 数据处理方法、装置、芯片、设备及介质 | |
CN116775026A (zh) | 页面生成方法、装置、电子设备和介质 | |
CN114090063A (zh) | 对应用进行打包的方法、装置、电子设备及介质 | |
CN116541090A (zh) | 数据处理方法、装置、设备和介质 | |
CN115951894A (zh) | 数据处理方法、装置、电子设备和介质 | |
CN115756696A (zh) | 信息处理方法、装置、设备和介质 | |
CN115981839A (zh) | 内存分配方法及装置、设备和介质 | |
CN113986355A (zh) | 数据处理方法和装置、芯片、电子设备及介质 | |
CN113986788A (zh) | 数据处理方法和装置、芯片、电子设备及介质 |
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 |