The invention discloses a node data processing method based on Html and a system. The node data processing method includes: acquiring Html-based web resources; parsing web resources with Javascript language to generate DOM object nodes, in which web resources include static resources and dynamic resources, static resources include Javascript script files; merging Javascript script files; After dyeing DOM objects, web pages are displayed. The technical scheme of the present invention can at least display real-time data for node diagrams with large data volume.
【技术实现步骤摘要】
基于Html的节点数据处理方法以及系统
本专利技术涉及计算机
,具体来说,涉及一种基于Html的节点数据处理方法以及系统。
技术介绍
超融合集群应用中节点图的数据不能进行大数据量的可视化。并且节点的展示指标也有一定的局限性。尽管可以展示,但是性能一般,展示效果不是很集中,页面操作起来也比较卡顿。另外,在请求数据方面可以使用:websocket、轮询、长连接的方式,多用于实时的消息传送,聊天业务中常常用到。现有的对于超融合集群应用中节点图展示,存在以下问题:渲染时间受到DOM量的影响,以及受到数据量的影响。其中,DOM为文档对象模型,可以根据DOM来快速定位每一个节点所在的位置,也可以根据DOM来控制每个节点的行为。性能损耗是与结构的复杂程度成正比的。性能损耗越大,渲染时间越久,秒级处理的效果越差。出现这样的问题的原因包括:前台的加载时间以及渲染时间是根据静态资源文件的加载时间以及动态资源的数据请求以及渲染的时间来计算。另外DOM结构越复杂,结构嵌套越深,无论是对Javascript的解析以及数据的渲染,都会耗费时间,响应时间越久,性能损耗越大。
技术实现思路
针 ...
【技术保护点】
1.一种基于Html的节点数据处理方法,其特征在于,包括:获取基于Html的网页资源;以Javascript语言解析网页资源生成包括DOM对象节点,其中,所述网页资源包括静态资源和动态资源,所述静态资源包括Javascript脚本文件;合并Javascript脚本文件;渲染DOM对象后进行网页展现。
【技术特征摘要】
1.一种基于Html的节点数据处理方法,其特征在于,包括:获取基于Html的网页资源;以Javascript语言解析网页资源生成包括DOM对象节点,其中,所述网页资源包括静态资源和动态资源,所述静态资源包括Javascript脚本文件;合并Javascript脚本文件;渲染DOM对象后进行网页展现。2.根据权利要求1所述的基于Html的节点数据处理方法,其特征在于,还包括:合并CSS样式文件,其中,所述静态资源还包括所述CSS文件。3.根据权利要求2所述的基于Html的节点数据处理方法,其特征在于,还包括:合并CSS样式文件引用的图片,其中,所述图片为雪碧图。4.根据权利要求1所述的基于Html的节点数据处理方法,其特征在于,进行网页展现包括:将CSS样式文件设置于页面上部,且Javascript脚本文件设置于页面下部。5.根据权利要求1所述的基于Html的节点数据处理方法,其特征在于,其中,对所述动态资源的请求为延时请求。6.根据权利要求5所述的基于Html...
【专利技术属性】
技术研发人员:张轩,
申请(专利权)人:曙光信息产业北京有限公司,
类型:发明
国别省市:北京,11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。