一种数据处理方法及相关设备技术

本申请提供了一种数据处理方法及相关设备，可以提升页面的渲染速度，减少用户的等待时长。该方法包括：当目标应用首次运行时，通过ajax请求获取目标应用的静态页骨架信息，静态页骨架信息包括目标应用内页面的第一描述信息以及页面内功能组件的第二描述信息；根据静态页骨架信息渲染出目标应用的应用轮廓，应用轮廓包括目标应用中所有页面的页面基础文档对象模型DOM以及目标应用中所有页面内每个页面的功能组件的占位标签；通过第一页面基础DOM以及第一功能组件的占位标签渲染第一目标页面，第一目标页面为所述目标应用中任意一个页面，第一页面基础DOM以及第一功能组件的占位标签与第一目标页面相对应。位标签与第一目标页面相对应。位标签与第一目标页面相对应。

【技术实现步骤摘要】
一种数据处理方法及相关设备


[0001]本申请涉及通信领域，尤其涉及一种数据处理方法及相关设备。

技术介绍

[0002]单页全球广域网(World Wide Web，Web)应用，就是只有一张Web页面的应用，是加载单个超文本标记语言(Hyper Text Markup Language，HTML) 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。相对于传统的Web应用，单页Web应用有更好的用户体验，让用户在Web应用程序(Application，app)感受native app的速度和流畅
[0003]但是，单页Web应用的首屏渲染等待时长，必须得加载完毕，才能渲染出首屏，同时为实现单页Web应用功能及显示效果，需要在加载页面的时候将 JavaScript以及CSS统一加载，即使采用对JavaScript及CSS代码进行合并压缩处理，对于带宽的消耗也是必然的。

技术实现思路

[0004]本申请提供了一种数据处理方法及相关设备，提升页面的渲染速度，减少用户的等待时长。
[0005]本申请第一方面提供本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据处理方法，其特征在于，包括：当目标应用首次运行时，通过ajax请求获取所述目标应用的静态页骨架信息，所述静态页骨架信息包括所述目标应用内页面的第一描述信息以及页面内功能组件的第二描述信息；根据所述静态页骨架信息渲染出所述目标应用的应用轮廓，所述应用轮廓包括所述目标应用中所有页面的页面基础文档对象模型DOM以及所述目标应用中所有页面内每个页面的功能组件的占位标签；通过第一页面基础DOM以及第一功能组件的占位标签渲染第一目标页面，所述第一目标页面为所述目标应用中任意一个页面，所述第一页面基础DOM以及所述第一功能组件的占位标签与所述第一目标页面相对应。2.根据权利要求1所述的方法，其特征在于，所述通过ajax请求获取所述目标应用的静态页骨架信息之后，所述方法还包括：将所述静态页骨架信息缓存至本地存储。3.根据权利要求2所述的方法，其特征在于，所述方法还包括：当所述目标应用不为首次运行时，获取所述本地存储中缓存的所述静态页骨架信息；根据所述本地存储中缓存的所述静态页骨架信息对所述目标应用的应用轮廓进行渲染。4.根据权利要求1至3所述的方法，其特征在于，所述方法还包括：当对所述目标应用中的功能页面进行过场切换时，通过第二功能组件异步对第二目标页面进行UI渲染，以展示所述第二页面，所述第二目标页面为所述目标应用中进行过场切换后的功能页面。5.根据权利要求1至3中任一项所述的方法，其特征在于，所述第一描述信息以及所述第二描述信息均为使用JSON格式定义的描述信息。6.一种数据处理装置，...

【专利技术属性】
技术研发人员：常程，罗振，韦利东，
申请(专利权)人：成都泛微网络科技有限公司，
类型：发明
国别省市：