【技术实现步骤摘要】
页面处理方法、装置、电子设备及可读存储介质
本公开的实施例涉及互联网
，尤其涉及一种页面处理方法、装置、电子设备及可读存储介质。
技术介绍
React是由Fackbook推出的一个JavaScipt框架，是一个用于构建组件化UI(UserInterface，用户界面)的库，是一个前端界面开发工具。目前，前端界面中对小游戏的需求不断增加，然而，如果直接使用React开发前端界面中的小游戏，不仅开发过程较为复杂，而且界面的动画效果也不够流畅。如果利用专门的游戏引擎语言开发前端界面中的小游戏，虽然可以保证界面的动画效果，但是由于游戏引擎语言的门槛较高，导致实现难度较大，影响开发效率和增加开发成本。
技术实现思路
本公开的实施例提供一种页面处理方法、装置、电子设备及可读存储介质，用以降低Web浏览器游戏的开发门槛，提高开发效率和减少开发成本。根据本公开的实施例的第一方面，提供了一种页面处理方法，所述方法包括：响应业务调用请求，解析业务代码中React组件的组件标签；根据所述组...
【技术保护点】
1.一种页面处理方法，其特征在于，所述方法包括：/n响应业务调用请求，解析业务代码中React组件的组件标签；/n根据所述组件标签，确定所述业务代码中的目标React组件，所述目标React组件为预先对游戏引擎方法封装得到；/n对所述业务代码中的目标React组件，创建对应的游戏实例；/n在目标页面中展示所述游戏实例。/n
【技术特征摘要】
1.一种页面处理方法，其特征在于，所述方法包括：
响应业务调用请求，解析业务代码中React组件的组件标签；
根据所述组件标签，确定所述业务代码中的目标React组件，所述目标React组件为预先对游戏引擎方法封装得到；
对所述业务代码中的目标React组件，创建对应的游戏实例；
在目标页面中展示所述游戏实例。
2.根据权利要求1所述的方法，其特征在于，所述对所述业务代码中的目标React组件，创建对应的游戏实例，包括：
调用React渲染器Reconciler中的预设函数，通过执行所述预设函数将所述目标React组件的语法映射到画布Canvas中生成游戏引擎组件，并创建所述游戏引擎组件对应的游戏实例。
3.根据权利要求2所述的方法，其特征在于，所述通过执行所述预设函数将所述目标React组件的语法映射到画布Canvas中生成游戏引擎组件，包括：
通过执行所述预设函数获取所述目标React组件的用户设置属性；
判断所述用户设置属性是否符合Canvas中的游戏引擎语法，若不符合，则对所述目标React组件的用户设置属性进行转换，得到符合游戏引擎语法的属性；
对转换属性之后的目标React组件，生成游戏引擎组件。
4.根据权利要求1所述的方法，其特征在于，所述创建对应的游戏实例之后，所述方法还包括：
绑定所述游戏实例的属性和事件，并对所述游戏实例的属性与所述目标React组件进行绑定。
5.根据权利要求1所述的方法，其特征在于，所述创建对应的游戏实例之后，所述方法还包括：
以键值对的形式保存创建的游戏实例，并导出游戏实例的全局调用方法。
6.根据权利要求1所述的方法，其特征在于，所述在目标页面中展示所述游戏实例之后，所述方法还包括：
在检测到更新内容的情况下，通过React状态管理以及渲染调度机制对所述目标页面中游戏实例的变化进行更新，所述更新内容包括更新的数据、属性、组件中的至少一种。
7.根据权利要求1所述的方法，其特征在于，所述方法还包括：
对所述业务代码中的非目标React组件，创建对应的DOM元素，并且在所述目标页面中展示所述DOM元素。
8.根据权利要求1所述的方法，其特征在于，所述在目标页面中展示所述游戏实例，包括：
在所述目标页面的部分显示区域中展示所述游戏实例。
9.一种页面处理装置，其特征在于，所述装置包括：
标签解析模块，用于响应业务调用请求，解析业务代码中React组件的组件标签；
目标确定模块，用于根据所述组...
【专利技术属性】
技术研发人员：陈建辉，刘凯，刘鸿燕，张琳琳，闫安，王雅乔，
申请(专利权)人：北京三快在线科技有限公司，
类型：发明
国别省市：北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。