CN114996619A - 一种页面显示的方法、装置、计算机设备及存储介质 - Google Patents

一种页面显示的方法、装置、计算机设备及存储介质 Download PDF

Info

Publication number
CN114996619A
CN114996619A CN202210735170.9A CN202210735170A CN114996619A CN 114996619 A CN114996619 A CN 114996619A CN 202210735170 A CN202210735170 A CN 202210735170A CN 114996619 A CN114996619 A CN 114996619A
Authority
CN
China
Prior art keywords
page
rendered
data
dom tree
tree
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
Application number
CN202210735170.9A
Other languages
English (en)
Inventor
蔡慧
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ping An Technology Shenzhen Co Ltd
Original Assignee
Ping An Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Ping An Technology Shenzhen Co Ltd filed Critical Ping An Technology Shenzhen Co Ltd
Priority to CN202210735170.9A priority Critical patent/CN114996619A/zh
Publication of CN114996619A publication Critical patent/CN114996619A/zh
Pending legal-status Critical Current

Links

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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • 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/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本申请公开了一种页面显示的方法、装置、计算机设备及存储介质，属于研发管理技术领域。本申请通过加载待渲染页面，获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据，在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树，在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面，响应用户的触摸操作，确定第二待渲染数据，并创建第二虚拟DOM树，比对第一虚拟DOM树和第二虚拟DOM树，并DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。此外，本申请还涉及区块链技术领域，本申请中的用户触摸操作数据可以存储在区块链中。本申请可以减少页面渲染时的白屏时间，避免产生画面卡顿和点击延迟，提高用户使用体验。

Description

一种页面显示的方法、装置、计算机设备及存储介质
技术领域
本申请属于研发管理技术领域，具体涉及一种页面显示的方法、装置、计算机设备及存储介质。
背景技术
当用户使用某个客户端时，可以通过向相应的服务器发送请求，以请求获得客户端页面的渲染数据，进而基于获得的渲染数据对页面进行渲染，得到渲染页面，然后向用户展示渲染页面。
现有技术中，页面渲染通常是针对整个页面全部进行渲染，而由于同一个页面需要渲染大量渲染数据，以及现在的页面渲染通常是通过javascript单线程加载，这就导致页面渲染过过程中白屏时间较长，产生画面卡顿和点击延迟，且由于花费大量时间用于页面渲染，用户等待时间长，用户使用体验较差。
发明内容
本申请实施例的目的在于提出一种页面显示的方法、装置、计算机设备及存储介质，以解决现有页面渲染通常是针对整个页面全部进行渲染而导致的白屏时间较长，容易产生画面卡顿和点击延迟，用户使用体验较差的技术问题。
为了解决上述技术问题，本申请实施例提供一种页面显示的方法，采用了如下所述的技术方案：
一种页面显示的方法，包括：
响应用户的第一触摸操作，加载待渲染页面；
获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据；
配置第一时间周期，并在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树；
配置第二时间周期，并在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面；
响应用户的第二触摸操作，基于第二触摸操作确定第二待渲染数据，基于第二待渲染数据创建第二虚拟DOM树；
比对第一虚拟DOM树和第二虚拟DOM树，得到DOM树差异数据；
基于DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。
进一步地，配置第一时间周期，并在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树的步骤，具体包括：
基于预设的定时器延时机制配置第一时间周期；
在第一时间周期内获取第一待渲染数据对应的原始配置文件；
对原始配置文件进行解析，得到第一待渲染数据的数据结构和语法结构；
基于第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树。
进一步地，对原始配置文件进行解析，得到第一待渲染数据的数据结构和语法结构的步骤，具体包括：
对原始配置文件进行代码格式转化，得到中间配置文件；
解析中间配置文件，获取中间配置文件中的脚本代码；
执行中间配置文件中的脚本代码，得到第一待渲染数据的数据结构和语法结构。
进一步地，待渲染页面至少包括一个显示对象，原始配置文件至少包括一个元素，显示对象与元素相互对应，语法结构表征各个元素之间的逻辑关系，数据结构表征各个元素之间的数理关系，基于第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树的步骤，具体包括：
根据各个元素之间的逻辑关系生成抽象语法树；
将各个元素之间的数理关系赋予至抽象语法树，得到第一虚拟DOM树。
进一步地，根据各个元素之间的逻辑关系生成抽象语法树的步骤，具体包括：
在预设的初始抽象语法树中确定各个元素对应的树节点；
基于各个元素之间的逻辑关系对初始抽象语法树中的各个树节点进行逻辑关系配置，得到抽象语法树。
进一步地，在配置第一时间周期，并在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树的步骤之后，还包括：
对第一虚拟DOM树进行序列化处理，得到序列化配置文件。
进一步地，比对第一虚拟DOM树和第二虚拟DOM树，得到DOM树差异数据的步骤，具体包括：
遍历第一虚拟DOM树的树节点，得到第一树节点的逻辑关系和第一树节点的节点属性；
遍历第二虚拟DOM树的树节点，得到第二树节点的逻辑关系和第二树节点的节点属性；
比对第一树节点的逻辑关系和第二树节点的逻辑关系，得到逻辑关系差异数据；
比对第一树节点的节点属性和第二树节点的节点属性，得到节点属性差异数据；
组合逻辑关系差异数据和节点属性差异数据，得到DOM树差异数据。
为了解决上述技术问题，本申请实施例还提供一种页面显示的装置，采用了如下所述的技术方案：
一种页面显示的装置，包括：
预加载模块，用于响应用户的第一触摸操作，加载待渲染页面；
渲染数据获取模块，用于获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据；
虚拟DOM树创建模块，用于配置第一时间周期，并在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树；
第一渲染模块，用于配置第二时间周期，并在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面；
第二渲染模块，用于响应用户的第二触摸操作，基于第二触摸操作确定第二待渲染数据，基于第二待渲染数据创建第二虚拟DOM树；
虚拟DOM树比对模块，用于比对第一虚拟DOM树和第二虚拟DOM树，得到DOM树差异数据；
第三渲染模块，用于基于DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。
为了解决上述技术问题，本申请实施例还提供一种计算机设备，采用了如下所述的技术方案：
一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现如上述任一项所述的页面显示的方法的步骤。
为了解决上述技术问题，本申请实施例还提供一种计算机可读存储介质，采用了如下所述的技术方案：
一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如上述中任一项所述的页面显示的方法的步骤。
与现有技术相比，本申请实施例主要有以下有益效果：
本申请公开了一种页面显示的方法、装置、计算机设备及存储介质，属于研发管理技术领域。本申请通过加载待渲染页面，获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据，在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树，在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面，响应用户的触摸操作，确定第二待渲染数据，并创建第二虚拟DOM树，比对第一虚拟DOM树和第二虚拟DOM树，并DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。本申请设置第一时间周期和第二时间周期，在第一时间周期内创建第一虚拟DOM树，在第二时间周期内渲染页面，且在用户对页面进行触摸时，创建第二虚拟DOM树，通过比对第一虚拟DOM树和第二虚拟DOM树的方式对页面进行差异数据渲染，有效减少页面渲染时的白屏时间，避免产生画面卡顿和点击延迟，提高用户使用体验。
附图说明
为了更清楚地说明本申请中的方案，下面将对本申请实施例描述中所需要使用的附图作一个简单介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出了本申请可以应用于其中的示例性系统架构图；
图2示出了根据本申请的页面显示的方法的一个实施例的流程图；
图3示出了根据本申请的页面显示的装置的一个实施例的结构示意图；
图4示出了根据本申请的计算机设备的一个实施例的结构示意图。
具体实施方式
除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同；本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本申请；本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。
在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。
为了使本技术领域的人员更好地理解本申请方案，下面将结合附图，对本申请实施例中的技术方案进行清楚、完整地描述。
如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving PictureExpertsGroup Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(MovingPictureExperts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器，例如对终端设备101、102、103上显示的页面提供支持的后台服务器，服务器可以是独立的服务器，也可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content Delivery Network，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。
需要说明的是，本申请实施例所提供的页面显示的方法一般由服务器执行，相应地，页面显示的装置一般设置于服务器中。
应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
继续参考图2，示出了根据本申请的页面显示的方法的一个实施例的流程图。本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(Artificial Intelligence，AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。所述的页面显示的方法，包括以下步骤：
S201，响应用户的第一触摸操作，加载待渲染页面。
具体的，服务器在检测到用户的第一触摸操作后，响应用户的第一触摸操作，获取当前界面的数据信息，根据当前界面的数据信息加载待渲染页面。
在本申请一种具体的实施例中，待渲染页面可以基于Vue框架构建，Vue是一套用于构建用户界面的渐进式JavaScript框架，Vue是目前前端领域最热门一套用于构建用户界面的渐进式Model-View-ViewModel(简称MVVM)框架之一，其提供了使用单文件组件的方式编写可复用Web组件的方法，配合现代化打包工具，如Web pack(代码编译工具)，能够高效编写兼容IE9及以上浏览器的复杂单页应用。MVVM框架的核心在于数据驱动、组件化、可复用。而Element-UI是一套基于Vue的优秀的桌面组件库，封装了日常使用的表单、按钮、弹窗、菜单、导航、各类选择器等前端开发常用的组件，使用起来也是非常方便，使得开发者可以专注于业务逻辑，提高开发效率。
在本实施例中，页面显示的方法运行于其上的电子设备(例如图1所示的服务器)可以通过有线连接方式或者无线连接方式响应用户的第一触摸操作。需要指出的是，上述无线连接方式可以包括但不限于3G/4G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。
S202，获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据。
具体的，服务器获取待渲染页面的页面信息，页面信息例如待渲染页面的页面宽度和页面高度等等，根据得到的页面信息确定第一待渲染数据。例如，服务器获取待渲染页面的页面宽度和页面高度，根据页面宽度和页面高度计算待渲染页面需要展示的内容，根据需要展示的内容确定对应的待渲染数据。
S203，配置第一时间周期，并在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树。
其中，DOM为文件对象模型(Document Object Model，DOM)，DOM通过将HTML文件描述为一个文件树，将HTML文件的全部内容内容描述为树的节点，同过获取和操作DOM对象的节点，完成对HTML文件的操作，DOM是以层次结构组织的节点或信息片断的集合，HTML DOM把HTML文档呈现为带有元素、属性和文本的树结构(节点树)。DOM的节点包括元素节点、文本节点、属性节点和注释节点。
DOM包括虚拟DOM和真实DOM，在现有的页面渲染方案通常一次性增加大量真实DOM，由于JS是单线程执行，当执行主线程时会阻塞渲染线程的执行，导致页面在加载中出现白屏的现象，影响用户使用体验。
JS全称为JavaScript，是一种动态执行类型的编程语言，是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式(如函数式编程)风格。
具体的，服务器利用定时器延时机制setTimeout配置第一时间周期，在第一时间周期内服务器调用主线程基于第一待渲染数据创建第一虚拟DOM树，其中，创建虚拟DOM树是在内存中执行，在第一时间周期内渲染线程处于休眠状态。
S204，配置第二时间周期，并在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面。
具体的，服务器利用定时器延时机制setTimeout配置第二时间周期，在第二时间周期内服务器调用渲染线程利用在内存中创建第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面，其中，在第二时间周期内主线程处于休眠状态。
在本申请中，通过采用虚拟DOM以及控制主线程和渲染线程的执行顺序，实现边加边渲染机制，有效减少页面渲染时的白屏时间，避免产生画面卡顿和点击延迟，提高用户使用体验，具体实现如下：
根据JavaScript的事件环机制，在循环加载页面时，利用定时器延时机制setTimeout配置第一时间周期，并在第一时间周期内调用主线程基于第一待渲染数据创建第一虚拟DOM树，同时使渲染线程处于休眠状态。然后利用定时器延时机制setTimeout配置第二时间周期，并在第二时间周期内调用渲染线程利用在内存中创建第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面，同时使主线程处于休眠状态。通过上述方案，每次只会从虚拟DOM树中拿到需要在页面中展示的内容渲染为真实DOM，主线程是在JS执行脚本，渲染线程是页面UI渲染执行线程，由于数据量较大，主线程创建虚拟DOM树需要执行大量时间，导致页面白屏等待时间较长，需要让控制主线程执行时间，创建首屏虚拟DOM树后，让主线程进入睡眠状态，执行UI渲染线程，这个就可以减少首页白屏时间。
S205，响应用户的第二触摸操作，基于第二触摸操作确定第二待渲染数据，基于第二待渲染数据创建第二虚拟DOM树。
具体的，第二触摸操作包括在第一显示页面上的点击操作或滑动操作，服务器响应用户的第二触摸操作，确定第二触摸操作对应的页面显示内容，结基于第二触摸操作对应的页面显示内容确定第二待渲染数据，并调用主线程基于第二待渲染数据创建第二虚拟DOM树。
在本实施例中，页面显示的方法运行于其上的电子设备(例如图1所示的服务器)可以通过有线连接方式或者无线连接方式响应用户的第二触摸操作。需要指出的是，上述无线连接方式可以包括但不限于3G/4G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。
S206，比对第一虚拟DOM树和第二虚拟DOM树，得到DOM树差异数据。
具体的，服务器通过遍历第一虚拟DOM树和第二虚拟DOM树的所有树节点，比对第一虚拟DOM树和第二虚拟DOM树中的树节点的逻辑关系和节点属性，得到第一虚拟DOM树和第二虚拟DOM树之间的差异数据。
S207，基于DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。
具体的，服务器通过调用渲染线程并基于得到的DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。
在上述实施例中，本申请设置第一时间周期和第二时间周期，在第一时间周期内创建第一虚拟DOM树，在第二时间周期内渲染页面，且在用户对页面进行触摸时，创建第二虚拟DOM树，通过比对第一虚拟DOM树和第二虚拟DOM树的方式对页面进行差异数据渲染，有效减少页面渲染时的白屏时间，避免产生画面卡顿和点击延迟，提高用户使用体验。
进一步地，配置第一时间周期，并在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树的步骤，具体包括：
基于预设的定时器延时机制配置第一时间周期；
在第一时间周期内获取第一待渲染数据对应的原始配置文件；
对原始配置文件进行解析，得到第一待渲染数据的数据结构和语法结构；
基于第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树。
具体的，服务器基于预设的定时器延时机制setTimeout配置第一时间周期，在本申请一种具体的实施例中，第一时间周期可以配置为1ms，在第一时间周期内获取第一待渲染数据对应的原始配置文件，对原始配置文件进行解析，得到第一待渲染数据的数据结构和语法结构，基于第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树。
原始配置文件存储有描述待显示界面的显示内容所编写的代码。可选地，原始配置文件包括多种开发框架类型下的配置文件。可选地，原始配置文件的代码是前端开发人员在其选择的前端框架下编写的代码，可通过浏览器加载在网页中显示待显示界面，但也可以通过其他转换方法在移动端界面中显示。
在上述实施例中，本申请通过设定第一时间周期，在第一时间周期内获取第一待渲染数据对应的原始配置文件并进行文件解析，得到第一待渲染数据的数据结构和语法结构，调用主线程基于第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树，先利用第一待渲染数据创建第一虚拟DOM树，宣传页面时，每次只会从虚拟DOM树中拿到需要在页面中展示的内容渲染为真实DOM，可以减少首页白屏时间。
进一步地，对原始配置文件进行解析，得到第一待渲染数据的数据结构和语法结构的步骤，具体包括：
对原始配置文件进行代码格式转化，得到中间配置文件；
解析中间配置文件，获取中间配置文件中的脚本代码；
执行中间配置文件中的脚本代码，得到第一待渲染数据的数据结构和语法结构。
具体的，根据开发框架类型对原始配置文件进行格式转换处理，将原始配置文件的代码格式转换为统一指定格式，上述代码格式转换包括将至少一种开发框架类型下的代码格式转换为统一指定格式。对原始配置文件进行代码格式转化，得到中间配置文件，解析中间配置文件，获取中间配置文件中的格式统一的脚本代码，执行中间配置文件中的脚本代码，得到第一待渲染数据的数据结构和语法结构。
进一步地，待渲染页面至少包括一个显示对象，原始配置文件至少包括一个元素，显示对象与元素相互对应，语法结构表征各个元素之间的逻辑关系，数据结构表征各个元素之间的数理关系，基于第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树的步骤，具体包括：
根据各个元素之间的逻辑关系生成抽象语法树；
将各个元素之间的数理关系赋予至抽象语法树，得到第一虚拟DOM树。
其中，抽象语法树(Abstract Syntax Tree，AST)，或简称语法树(Syntax tree)，是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。
显示对象对象在JS中是使用花括号包裹{}起来的内容，数据结构为{key1：value1，key2：value2，...}的键值对结构。在面向对象的语言中，key为对象的属性，value为对应的值。键名可以使用整数和字符串来表示。值的类型可以是任意类型。数组：数组在JS中是方括号[]包裹起来的内容，数据结构为["java","javascript","vb",...]的索引结构。在JS中，数组是一种比较特殊的数据类型，它也可以像对象那样使用键值对，但还是索引使用得多。同样，值的类型可以是任意类型。
具体的，待渲染页面至少包括一个显示对象，原始配置文件至少包括一个元素，显示对象与元素相互对应，语法结构表征各个元素之间的逻辑关系，数据结构表征各个元素之间的数理关系，服务器根据各个元素之间的逻辑关系生成抽象语法树，然后将各个元素之间的数理关系赋予至抽象语法树，得到第一虚拟DOM树。
进一步地，根据各个元素之间的逻辑关系生成抽象语法树的步骤，具体包括：
在预设的初始抽象语法树中确定各个元素对应的树节点；
基于各个元素之间的逻辑关系对初始抽象语法树中的各个树节点进行逻辑关系配置，得到抽象语法树。
具体的，遍历初始抽象语法树中的树节点，确定各个元素对应的树节点，基于各个元素之间的逻辑关系对初始抽象语法树中的各个树节点进行逻辑关系配置，得到抽象语法树。
进一步地，在配置第一时间周期，并在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树的步骤之后，还包括：
对第一虚拟DOM树进行序列化处理，得到序列化配置文件。
序列化配置文件包括序列化的JS对象，JSON(JavaScript Object Notation，JS对象)是一种轻量级的数据交换格式，JSON是JS对象的字符串表示法，它使用文本表示一个JS对象的信息，本质是一个字符串，要实现从JSON字符串转换为JS对象，使用JSON.parse()方法，要实现从JS对象转换为JSON字符串，使用JSON.stringify()方法，任何支持的类型都可以通过JSON来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型。
具体的，将第一虚拟DOM树中树形结构数据序列化表示为字符串，生成转换后序列化配置文件，通过渲染线程对序列化配置文件进行渲染，得到显示页面。
进一步地，比对第一虚拟DOM树和第二虚拟DOM树，得到DOM树差异数据的步骤，具体包括：
遍历第一虚拟DOM树的树节点，得到第一树节点的逻辑关系和第一树节点的节点属性；
遍历第二虚拟DOM树的树节点，得到第二树节点的逻辑关系和第二树节点的节点属性；
比对第一树节点的逻辑关系和第二树节点的逻辑关系，得到逻辑关系差异数据；
比对第一树节点的节点属性和第二树节点的节点属性，得到节点属性差异数据；
组合逻辑关系差异数据和节点属性差异数据，得到DOM树差异数据。
具体的，服务器遍历第一虚拟DOM树的树节点，得到第一树节点的逻辑关系和第一树节点的节点属性，遍历第二虚拟DOM树的树节点，得到第二树节点的逻辑关系和第二树节点的节点属性，比对第一树节点的逻辑关系和第二树节点的逻辑关系，得到逻辑关系差异数据，比对第一树节点的节点属性和第二树节点的节点属性，得到节点属性差异数据，组合逻辑关系差异数据和节点属性差异数据，得到DOM树差异数据。
在上述实施例中，通过比对第一虚拟DOM树和第二虚拟DOM树中树节点的逻辑关系差异和节点属性差异，得到DOM树差异数据，在进行页面渲染时，只需要针对差异数据进行渲染，减少渲染的数据量减少页面渲染时的白屏时间。
在上述实施例中，本申请公开了一种页面显示的方法，属于研发管理技术领域。本申请通过加载待渲染页面，获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据，在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树，在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面，响应用户的触摸操作，确定第二待渲染数据，并创建第二虚拟DOM树，比对第一虚拟DOM树和第二虚拟DOM树，并DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。本申请设置第一时间周期和第二时间周期，在第一时间周期内创建第一虚拟DOM树，在第二时间周期内渲染页面，且在用户对页面进行触摸时，创建第二虚拟DOM树，通过比对第一虚拟DOM树和第二虚拟DOM树的方式对页面进行差异数据渲染，有效减少页面渲染时的白屏时间，避免产生画面卡顿和点击延迟，提高用户使用体验。
需要强调的是，为进一步保证上述用户触摸操作数据的私密和安全性，上述用户触摸操作数据还可以存储于一区块链的节点中。
本申请所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，该计算机可读指令可存储于一计算机可读取存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)等非易失性存储介质，或随机存储记忆体(Random Access Memory，RAM)等。
应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
进一步参考图3，作为对上述图2所示方法的实现，本申请提供了一种页面显示的装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。
如图3所示，本实施例所述的页面显示的装置包括：
预加载模块301，用于响应用户的第一触摸操作，加载待渲染页面；
渲染数据获取模块302，用于获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据；
虚拟DOM树创建模块303，用于配置第一时间周期，并在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树；
第一渲染模块304，用于配置第二时间周期，并在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面；
第二渲染模块305，用于响应用户的第二触摸操作，基于第二触摸操作确定第二待渲染数据，基于第二待渲染数据创建第二虚拟DOM树；
虚拟DOM树比对模块306，用于比对第一虚拟DOM树和第二虚拟DOM树，得到DOM树差异数据；
第三渲染模块307，用于基于DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。
进一步地，虚拟DOM树创建模块303具体包括：
时间设定子模块，用于基于预设的定时器延时机制配置第一时间周期；
文件获取子模块，用于在第一时间周期内获取第一待渲染数据对应的原始配置文件；
文件解析子模块，用于对原始配置文件进行解析，得到第一待渲染数据的数据结构和语法结构；
虚拟DOM树创建子模块，用于基于第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树。
进一步地，文件解析子模块具体包括：
格式转化单元，用于对原始配置文件进行代码格式转化，得到中间配置文件；
代码获取单元，用于解析中间配置文件，获取中间配置文件中的脚本代码；
代码执行单元，用于执行中间配置文件中的脚本代码，得到第一待渲染数据的数据结构和语法结构。
进一步地，待渲染页面至少包括一个显示对象，原始配置文件至少包括一个元素，显示对象与元素相互对应，语法结构表征各个元素之间的逻辑关系，数据结构表征各个元素之间的数理关系，虚拟DOM树创建子模块具体包括：
抽象语法树构建单元，用于根据各个元素之间的逻辑关系生成抽象语法树；
虚拟DOM树创建单元，用于将各个元素之间的数理关系赋予至抽象语法树，得到第一虚拟DOM树。
进一步地，抽象语法树构建单元具体包括：
树节点确认子单元，用于在预设的初始抽象语法树中确定各个元素对应的树节点；
抽象语法树构建子单元，用于基于各个元素之间的逻辑关系对初始抽象语法树中的各个树节点进行逻辑关系配置，得到抽象语法树。
进一步地，该页面显示的装置还包括：
序列化模块，用于对第一虚拟DOM树进行序列化处理，得到序列化配置文件。
进一步地，虚拟DOM树比对模块306具体包括：
第一遍历子模块，用于遍历第一虚拟DOM树的树节点，得到第一树节点的逻辑关系和第一树节点的节点属性；
第二遍历子模块，用于遍历第二虚拟DOM树的树节点，得到第二树节点的逻辑关系和第二树节点的节点属性；
第一比对子模块，用于比对第一树节点的逻辑关系和第二树节点的逻辑关系，得到逻辑关系差异数据；
第二比对子模块，用于比对第一树节点的节点属性和第二树节点的节点属性，得到节点属性差异数据；
差异数据组合子模块，用于组合逻辑关系差异数据和节点属性差异数据，得到DOM树差异数据。
在上述实施例中，本申请公开了一种页面显示的装置，属于研发管理技术领域。本申请通过加载待渲染页面，获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据，在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树，在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面，响应用户的触摸操作，确定第二待渲染数据，并创建第二虚拟DOM树，比对第一虚拟DOM树和第二虚拟DOM树，并DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。本申请设置第一时间周期和第二时间周期，在第一时间周期内创建第一虚拟DOM树，在第二时间周期内渲染页面，且在用户对页面进行触摸时，创建第二虚拟DOM树，通过比对第一虚拟DOM树和第二虚拟DOM树的方式对页面进行差异数据渲染，有效减少页面渲染时的白屏时间，避免产生画面卡顿和点击延迟，提高用户使用体验。
为解决上述技术问题，本申请实施例还提供计算机设备。具体请参阅图4，图4为本实施例计算机设备基本结构框图。
所述计算机设备4包括通过系统总线相互通信连接存储器41、处理器42、网络接口43。需要指出的是，图中仅示出了具有组件41-43的计算机设备4，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。其中，本技术领域技术人员可以理解，这里的计算机设备是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit，ASIC)、可编程门阵列(Field－Programmable GateArray，FPGA)、数字处理器(Digital Signal Processor，DSP)、嵌入式设备等。
所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
所述存储器41至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，所述存储器41可以是所述计算机设备4的内部存储单元，例如该计算机设备4的硬盘或内存。在另一些实施例中，所述存储器41也可以是所述计算机设备4的外部存储设备，例如该计算机设备4上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(FlashCard)等。当然，所述存储器41还可以既包括所述计算机设备4的内部存储单元也包括其外部存储设备。本实施例中，所述存储器41通常用于存储安装于所述计算机设备4的操作系统和各类应用软件，例如页面显示的方法的计算机可读指令等。此外，所述存储器41还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器42在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器42通常用于控制所述计算机设备4的总体操作。本实施例中，所述处理器42用于运行所述存储器41中存储的计算机可读指令或者处理数据，例如运行所述页面显示的方法的计算机可读指令。
所述网络接口43可包括无线网络接口或有线网络接口，该网络接口43通常用于在所述计算机设备4与其他电子设备之间建立通信连接。
本申请公开了一种计算机设备，属于研发管理技术领域。本申请通过加载待渲染页面，获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据，在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树，在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面，响应用户的触摸操作，确定第二待渲染数据，并创建第二虚拟DOM树，比对第一虚拟DOM树和第二虚拟DOM树，并DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。本申请设置第一时间周期和第二时间周期，在第一时间周期内创建第一虚拟DOM树，在第二时间周期内渲染页面，且在用户对页面进行触摸时，创建第二虚拟DOM树，通过比对第一虚拟DOM树和第二虚拟DOM树的方式对页面进行差异数据渲染，有效减少页面渲染时的白屏时间，避免产生画面卡顿和点击延迟，提高用户使用体验。
本申请还提供了另一种实施方式，即提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，所述计算机可读指令可被至少一个处理器执行，以使所述至少一个处理器执行如上述的页面显示的方法的步骤。
本申请公开了一种存储介质，属于研发管理技术领域。本申请通过加载待渲染页面，获取待渲染页面的页面信息，根据页面信息确定第一待渲染数据，在第一时间周期内基于第一待渲染数据创建第一虚拟DOM树，在第二时间周期内基于第一虚拟DOM树对待渲染页面进行渲染，得到第一显示页面，响应用户的触摸操作，确定第二待渲染数据，并创建第二虚拟DOM树，比对第一虚拟DOM树和第二虚拟DOM树，并DOM树差异数据对第一显示页面进行渲染，得到第二显示页面。本申请设置第一时间周期和第二时间周期，在第一时间周期内创建第一虚拟DOM树，在第二时间周期内渲染页面，且在用户对页面进行触摸时，创建第二虚拟DOM树，通过比对第一虚拟DOM树和第二虚拟DOM树的方式对页面进行差异数据渲染，有效减少页面渲染时的白屏时间，避免产生画面卡顿和点击延迟，提高用户使用体验。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本申请各个实施例所述的方法。
本申请可用于众多通用或专用的计算机系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
显然，以上所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例，附图中给出了本申请的较佳实施例，但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现，相反地，提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明，对于本领域的技术人员来而言，其依然可以对前述各具体实施方式所记载的技术方案进行修改，或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构，直接或间接运用在其他相关的技术领域，均同理在本申请专利保护范围之内。

Claims (10)

1.一种页面显示的方法，其特征在于，包括：
响应用户的第一触摸操作，加载待渲染页面；
获取待渲染页面的页面信息，根据所述页面信息确定第一待渲染数据；
配置第一时间周期，并在所述第一时间周期内基于所述第一待渲染数据创建第一虚拟DOM树；
配置第二时间周期，并在所述第二时间周期内基于所述第一虚拟DOM树对所述待渲染页面进行渲染，得到第一显示页面；
响应用户的第二触摸操作，基于第二触摸操作确定第二待渲染数据，基于所述第二待渲染数据创建第二虚拟DOM树；
比对所述第一虚拟DOM树和所述第二虚拟DOM树，得到DOM树差异数据；
基于所述DOM树差异数据对所述第一显示页面进行渲染，得到第二显示页面。
2.如权利要求1所述的页面显示的方法，其特征在于，所述配置第一时间周期，并在所述第一时间周期内基于所述第一待渲染数据创建第一虚拟DOM树的步骤，具体包括：
基于预设的定时器延时机制配置所述第一时间周期；
在所述第一时间周期内获取所述第一待渲染数据对应的原始配置文件；
对所述原始配置文件进行解析，得到所述第一待渲染数据的数据结构和语法结构；
基于所述第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树。
3.如权利要求2所述的页面显示的方法，其特征在于，所述对所述原始配置文件进行解析，得到所述第一待渲染数据的数据结构和语法结构的步骤，具体包括：
对所述原始配置文件进行代码格式转化，得到中间配置文件；
解析所述中间配置文件，获取所述中间配置文件中的脚本代码；
执行所述中间配置文件中的脚本代码，得到所述第一待渲染数据的数据结构和语法结构。
4.如权利要求2所述的页面显示的方法，其特征在于，所述待渲染页面至少包括一个显示对象，所述原始配置文件至少包括一个元素，所述显示对象与所述元素相互对应，所述语法结构表征各个所述元素之间的逻辑关系，所述数据结构表征各个所述元素之间的数理关系，所述基于所述第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树的步骤，具体包括：
根据各个所述元素之间的逻辑关系生成抽象语法树；
将各个所述元素之间的数理关系赋予至所述抽象语法树，得到所述第一虚拟DOM树。
5.如权利要求4所述的页面显示的方法，其特征在于，所述根据各个所述元素之间的逻辑关系生成抽象语法树的步骤，具体包括：
在预设的初始抽象语法树中确定各个所述元素对应的树节点；
基于各个所述元素之间的逻辑关系对所述初始抽象语法树中的各个树节点进行逻辑关系配置，得到所述抽象语法树。
6.如权利要求1所述的页面显示的方法，其特征在于，在所述配置第一时间周期，并在所述第一时间周期内基于所述第一待渲染数据创建第一虚拟DOM树的步骤之后，还包括：
对所述第一虚拟DOM树进行序列化处理，得到序列化配置文件。
7.如权利要求1所述的页面显示的方法，其特征在于，所述比对所述第一虚拟DOM树和所述第二虚拟DOM树，得到DOM树差异数据的步骤，具体包括：
遍历所述第一虚拟DOM树的树节点，得到第一树节点的逻辑关系和第一树节点的节点属性；
遍历所述第二虚拟DOM树的树节点，得到第二树节点的逻辑关系和第二树节点的节点属性；
比对所述第一树节点的逻辑关系和所述第二树节点的逻辑关系，得到逻辑关系差异数据；
比对所述第一树节点的节点属性和所述第二树节点的节点属性，得到节点属性差异数据；
组合所述逻辑关系差异数据和节点属性差异数据，得到所述DOM树差异数据。
8.一种页面显示的装置，其特征在于，包括：
预加载模块，用于响应用户的第一触摸操作，加载待渲染页面；
渲染数据获取模块，用于获取待渲染页面的页面信息，根据所述页面信息确定第一待渲染数据；
虚拟DOM树创建模块，用于配置第一时间周期，并在所述第一时间周期内基于所述第一待渲染数据创建第一虚拟DOM树；
第一渲染模块，用于配置第二时间周期，并在所述第二时间周期内基于所述第一虚拟DOM树对所述待渲染页面进行渲染，得到第一显示页面；
第二渲染模块，用于响应用户的第二触摸操作，基于第二触摸操作确定第二待渲染数据，基于所述第二待渲染数据创建第二虚拟DOM树；
虚拟DOM树比对模块，用于比对所述第一虚拟DOM树和所述第二虚拟DOM树，得到DOM树差异数据；
第三渲染模块，用于基于所述DOM树差异数据对所述第一显示页面进行渲染，得到第二显示页面。
9.一种计算机设备，其特征在于，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的页面显示的方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的页面显示的方法的步骤。
CN202210735170.9A 2022-06-27 2022-06-27 一种页面显示的方法、装置、计算机设备及存储介质 Pending CN114996619A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210735170.9A CN114996619A (zh) 2022-06-27 2022-06-27 一种页面显示的方法、装置、计算机设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210735170.9A CN114996619A (zh) 2022-06-27 2022-06-27 一种页面显示的方法、装置、计算机设备及存储介质

Publications (1)

Publication Number Publication Date
CN114996619A true CN114996619A (zh) 2022-09-02

Family

ID=83037216

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210735170.9A Pending CN114996619A (zh) 2022-06-27 2022-06-27 一种页面显示的方法、装置、计算机设备及存储介质

Country Status (1)

Country Link
CN (1) CN114996619A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115268916A (zh) * 2022-09-29 2022-11-01 泰豪软件股份有限公司 一种基于低代码开发平台的动态表单实现方法及系统
CN115586897A (zh) * 2022-09-30 2023-01-10 花瓣云科技有限公司 一种界面编程方法、装置以及相关设备
CN116563085A (zh) * 2023-07-06 2023-08-08 湖南马栏山视频先进技术研究院有限公司 一种离线渲染的大规模并行处理方法及系统
CN117076813A (zh) * 2023-10-18 2023-11-17 中国电子科技集团公司第十五研究所 前端浏览器渲染方法、装置、电子设备和存储介质

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115268916A (zh) * 2022-09-29 2022-11-01 泰豪软件股份有限公司 一种基于低代码开发平台的动态表单实现方法及系统
CN115586897A (zh) * 2022-09-30 2023-01-10 花瓣云科技有限公司 一种界面编程方法、装置以及相关设备
CN116563085A (zh) * 2023-07-06 2023-08-08 湖南马栏山视频先进技术研究院有限公司 一种离线渲染的大规模并行处理方法及系统
CN116563085B (zh) * 2023-07-06 2023-09-01 湖南马栏山视频先进技术研究院有限公司 一种离线渲染的大规模并行处理方法及系统
CN117076813A (zh) * 2023-10-18 2023-11-17 中国电子科技集团公司第十五研究所 前端浏览器渲染方法、装置、电子设备和存储介质
CN117076813B (zh) * 2023-10-18 2024-01-23 中国电子科技集团公司第十五研究所 前端浏览器渲染方法、装置、电子设备和存储介质

Similar Documents

Publication Publication Date Title
CN109522018B (zh) 页面处理方法、装置及存储介质
CN114996619A (zh) 一种页面显示的方法、装置、计算机设备及存储介质
CN109739478A (zh) 前端项目自动化构建方法、装置、存储介质及电子设备
CN102929867A (zh) 用于自动化的文档翻译的技术
CN103544024A (zh) 生成浏览器页面的方法、系统及终端设备
CN109558128A (zh) json数据解析方法、装置及计算机可读存储介质
CN113536185B (zh) 应用页面的加载方法、存储介质、及其相关设备
CN101909082A (zh) 一种基于模型驱动的网格门户配置系统及配置方法
CN113377373A (zh) 基于解析引擎的页面加载方法、装置、计算机设备及介质
US20180004715A1 (en) Optimizing view hierarchy by automatically removing layout-only views
CN115098186A (zh) 项目处理方法、装置、计算机设备及存储介质
CN111078228A (zh) 网页到小程序的转换方法、装置、服务器及存储介质
Cimino et al. An efficient model-based methodology for developing device-independent mobile applications
CN116432624A (zh) 一种微服务api文档生成方法、装置、设备、存储介质
US20220198153A1 (en) Model training
CN115758018A (zh) 基于grid的页面布局方法、装置、计算机设备及存储介质
CN103970513A (zh) 一种源数据信息的访问方法和平台
CN113239670A (zh) 一种业务模板上传的方法、装置、计算机设备及存储介质
CN112632436A (zh) 一种网页显示方法、装置、电子设备及存储介质
CN112905931A (zh) 页面信息的展示方法、装置、电子设备及存储介质
Liu et al. MUIT: a middleware for adaptive mobile web-based user interfaces in WS-BPEL
CN113741900B (zh) 一种前端页面应用的开发方法、装置及相关设备
CN116108814B (zh) 甘特图处理方法、装置、计算机设备及存储介质
CN116136760B (zh) 浏览器的原生选择器替换方法、装置、设备及存储介质
CN109271182A (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