[发明专利]一种元素隔离方法及装置、设备、存储介质

说明书

本申请公开了一种元素隔离方法，包括：基于第一应用接收针对目标元素的第一操作请求；确定所述目标元素的作用域；在所述目标元素的作用域为第二应用的情况下，拦截所述第一操作请求，并基于所述第一操作请求生成第二操作请求；所述第二应用位于所述第一应用的目标容器元素中，所述第二操作请求的操作权限限制在所述目标容器元素中；基于所述第二操作请求，对所述目标容器元素中的所述目标元素执行对应的操作。本申请还公开了一种元素隔离装置、设备及存储介质。

技术领域

本申请实施例涉及计算机技术领域，涉及但不限于一种元素隔离方法及装置、设备、存储介质。

背景技术

微前端是这样一种架构理念：将单个前端应用拆分成多个微应用即微前端，并将拆分后的微应用聚合为一个应用，各个微应用还可以独立开发、独立运行、独立部署。

微前端能够解决web前端应用体积过大，难以维护的问题。相关技术中，微前端的实现方案包括以下三种：实现微前端的方案主要有三种：框架(iframe)、原生组件化(webComponent)、微前端框架，但iframe只能用于简单的页面渲染，webComponent的兼容性差，而微前端框架在功能和兼容性上达到了一种平衡，但是不同的微应用之间的元素存在冲突的可能，元素的冲突有可能导致页面渲染失败。

发明内容

本申请实施例为解决相关技术中存在的至少一个问题而提供一种元素隔离方法及装置、设备、存储介质，能够实现复杂页面渲染和兼容性的同时，实现微应用之间元素相互不干扰。

本申请实施例的技术方案是这样实现的：

第一方面，本申请实施例提供一种元素隔离方法，所述方法包括：

基于第一应用接收针对目标元素的第一操作请求；

确定所述目标元素的作用域；

在所述目标元素的作用域为第二应用的情况下，拦截所述第一操作请求，并基于所述第一操作请求生成第二操作请求；所述第二应用位于所述第一应用的目标容器元素中，所述第二操作请求的操作权限限制在所述目标容器元素中；

基于所述第二操作请求，对所述目标容器元素中的所述目标元素执行对应的操作。

第二方面，本申请实施例提供一种元素隔离装置，包括：

接收模块，用于基于第一应用接收针对目标元素的第一操作请求；

确定模块，用于确定所目标元素的作用域；

拦截模块，用于在所述目标元素的作用域为第二应用的情况下，拦截所述第一操作请求，并基于所述第一操作请求生成第二操作请求；所述第二应用位于所述第一应用的目标容器元素中，所述第二操作请求的操作权限限制在所述目标容器元素中；

第一操作模块，用于基于所述第二操作请求，对所述目标容器元素中的所述目标元素执行对应的操作。

第三方面，本申请实施例提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器运行所述计算机程序时实现上述元素隔离方法中的步骤。

第四方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器运行时实现上述元素隔离方法中的步骤。