[发明专利]一种网页数据传输方法、装置、介质及设备

说明书

本公开涉及一种网页数据传输方法、装置、介质及设备，所述方法包括：读取网页数据中的数据包，所述数据包中包括属性数据包，其中，所述属性数据包为存储了网页中的组件创建时对应的参数的数据包；构建至少一个语境函数；在React应用中在组件之间传送所述属性数据包的过程中，调用所述语境函数在所述组件之间共享所述属性数据包；由客户端传输在所述组件之间共享的所述属性数据包至服务器端。本公开的方法相比起Redux的全局状态管理方案，具有如下优点：1.不需要创建全局的Store，状态管理相对耦合；2.不要经过Redux复杂的dispatch过程，不需要创建和维护多个定义文件；3.对于简单的应用、性能开销比较小，打包体积小，应用更流畅。

技术领域

本公开涉及互联网技术领域，更为具体来说，本公开涉及一种网页数据传输方法、装置、介质及设备。

背景技术

React是作为一个JavaScript库提供的，其中包含一个JSX(JavaScript XML)编译器和关联的开发人员工具，用于创建可重用的高性能UI(User Interface，用户界面)视图组件。这些React组件可组合在一起，例如用于形成Web App(网络应用)的UI。由于React的设计思想极其独特，性能出众但代码逻辑却非常简单，所以得到越来越多的关注和使用，有趋势成为Web App开发的主流工具。

React-redux是自从react风靡以来一款全球开发者都喜欢使用的一个全局状态管理库，主要用于跨组件的信息共享和交流，解决了兄弟组件之间难以传递状态的问题。

React-redux帮助很多开发者在开发react应用当中处理一些复杂或者棘手的问题，但同时也存在诸多问题：

改变一个简单状态过于要经历dispatch-action-reducer的繁琐过程以及多个中间件会使得redux变得更为复杂。现有技术的网站数据包在简单应用中传输数据也存在性能开销大、传输速率低的技术问题。

发明内容

为解决现有技术的对于简单的应用性能开销大、传输速率低的技术问题。

为实现上述技术目的，本公开提供了一种网页数据传输方法，包括：

读取网页数据中的数据包，所述数据包中包括属性数据包，其中，所述属性数据包为存储了网页中的组件创建时对应的参数的数据包；

构建至少一个语境函数；

在React应用中数据在组件之间传送所述属性数据包的过程中，调用所述语境函数在所述组件之间共享所述属性数据包；

由客户端传输在所述组件之间共享的所述属性数据包至服务器端，或由服务器端传输在所述组件之间共享的所述属性数据包至客户端。

进一步，所述构建至少一个语境函数具体包括：

在React应用中构建供应组件和接收组件，其中，所述供应组件具有一个第一参数值；

遍历所述供应组件的全部子组件，若出现查找的第一子组件为所述接收组件的情况，则返回所述第一子组件并将所述第一参数值赋予所述第一子组件作为所述接收组件。

进一步，所述在React应用中数据在组件之间传送属性数据包的过程中，调用所述语境函数在所述组件之间共享所述属性数据包之后，所述方法还包括：

若存在多个所述语境函数在所述组件之间同时共享所述属性数据包时，构建容器函数并封装在所述React应用中。

进一步，所述构建容器函数具体包括：

定义含有Hook参数的容器函数；

在所述容器函数内部利用所述语境函数创建存储语境；