申请/专利权人：山东捷瑞数字科技股份有限公司

申请日：2022-01-13

公开（公告）日：2024-03-22

公开（公告）号：CN114339295B

主分类号：H04N21/2187

分类号：H04N21/2187;H04N21/431;G06F16/957

优先权：

专利状态码：有效-授权

法律状态：2024.03.22#授权;2022.04.29#实质审查的生效;2022.04.12#公开

摘要：本发明涉及一种网页直播内容数据更新优化方法和系统，属于网页直播内容数据更新技术领域。该方法包括：解析JSON字符串得到当前虚拟DOM；将当前虚拟DOM与历史虚拟DOM进行比较，得到比较结果；根据比较结果对直播页面的直播数据进行更新。可见，本发明通过采用虚拟DOM的方式，尽量减少对于真实DOM的操作，进而达到增强页面性能的目的。并且，本发明通过采用虚拟DOM的方式进行内容数据的传输，并运用前端手段（直播页面）进行解析操作，相比于后台（即直播后台）进行拼接DOM传输的方式，体积更小，以此带来加载速度方面体验的提升优化。

主权项：1.一种网页直播内容数据更新优化方法，其特征在于，包括：解析JSON字符串得到当前虚拟DOM；所述JSON字符串由直播后台基于用户录入内容生成的虚拟DOM转化得到；所述用户录入内容包括：录入的新直播内容和录入的直播内容修改信息；将所述当前虚拟DOM与历史虚拟DOM进行比较，得到比较结果；所述历史虚拟DOM存储在直播页面中；所述当前虚拟DOM和所述历史虚拟DOM均包括key属性；根据所述比较结果对直播页面的直播数据进行更新，所述根据所述比较结果对直播页面的直播数据进行更新，包括：在所述JSON字符串中设置Boolean类型的变量isInitial，并在打开直播页面时将所述变量isInitial的值设置为true；如果所述比较结果为所述当前虚拟DOM与所述历史虚拟DOM不同，则将所述变量isInitial的值置为false，将所述当前虚拟DOM直接转译为第一真实DOM后，将所述第一真实DOM更新到直播页面中；如果所述比较结果为所述当前虚拟DOM与所述历史虚拟DOM相同，则运用diff算法将与所述当前虚拟DOM对应的数据节点和历史直播数据中的数据节点进行比较得到第一比较结果；根据所述第一比较结果确定直播页面中历史直播数据的更新位置，所述根据所述第一比较结果确定直播页面中历史直播数据的更新位置，具体包括：当所述当前虚拟DOM对应的节点数据的开始节点的key属性和所述历史直播数据中的开始节点的key属性相同，或，当所述当前虚拟DOM对应的节点数据的结束节点的key属性和所述历史直播数据中的结束节点的key属性相同时，则将所述当前虚拟DOM更新为第二真实DOM，将所述第二真实DOM更新到直播页面中，并更新与节点数据对应的索引；所述索引为key属性；当所述当前虚拟DOM对应的节点数据的结束节点的key属性和所述历史直播数据中的开始节点的key属性相同，则将所述当前虚拟DOM更新为第三真实DOM，将与所述历史直播数据中的开始节点对应的真实DOM移到所述第三真实DOM之后，并将所述第三真实DOM和移动后的真实DOM更新到直播页面中，并更新与节点数据对应的索引；当所述当前虚拟DOM对应的节点数据中某一节点的key属性和所述历史直播数据中数据节点中某一节点的key属性相同，则将所述当前虚拟DOM更新为第四真实DOM，并将所述历史直播数据中数据节点移到与所述当前虚拟DOM对应的节点数据之前，并将所述第四真实DOM更新到所述直播页面中，并更新与节点数据对应的索引。

全文数据：

权利要求：

百度查询： 山东捷瑞数字科技股份有限公司 一种网页直播内容数据更新优化方法和系统

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD