[发明专利]一种Web前端主流框架三维操作避免卡顿的方法

权利要求书

1.一种Web前端主流框架三维操作避免卡顿的方法，其特征在于：依次包括以下步骤：

S1.将三维的代码和文件抽离出来用html完成，挂在到vue/react项目的public目录下，然后进入步骤S2；

S2.页面组件初始化加载渲染，确认是否为三维渲染，若不是，进行步骤S3；若是，则进行步骤S4；

S3.主进程渲染，若没有渲染成功，则进入步骤S8；若渲染成功，则将数据存储，再根据场景需要确认是否传送本进程的数据给三维进程，若需要显示三维模型，则进入步骤S6；否则，当数据改变时，更新dom节点；

S4.三维进程渲染，若没有渲染成功，则进入步骤S10；若渲染成功，则将数据存储，再根据场景需要确认是否传送本进程的数据给主进程，若不需要显示三维模型，则进入步骤S5，否则，将抽离出来的html文件，通过iframe挂在到主进程，完成数据存储，当数据改变时，直接更新dom节点；

S5.判断主进程操作是否关闭页面，若关闭，进入步骤S10；否则，进入步骤S6；

S6.主进程接收到三维进程发送的数据，更新dom节点；

S7.判断三维进程操作是否关闭页面，若关闭，进入步骤S10，否则，进入步骤S8；

S8.三维进程接收到主进程发送的数据，直接更新dom节点；

S9.主进程/三维进程操作dom节点，改变数据时，判断是否去更新dom节点；否则不更新；

S10.页面销毁关闭。

2.如权利要求1所述的一种Web前端主流框架三维操作避免卡顿的方法，其特征在于：步骤S3、S6、S9中，当数据改变时，通过diff算法更新dom节点。