[发明专利]处理前端页面中数据变量方法、装置、设备和存储介质

说明书

本申请涉及数据展示领域，提供了处理前端页面中数据变量方法、装置、设备和存储介质，方法包括：接收来自终端设备的访问请求，根据所述访问请求调用Vuex页面监听工具；通过所述Vuex页面监听工具遍历项目所有的文件，以获取多个数据变量；通过所述Vuex页面监听工具监听所述数据变量的变化状态情况，当监听到所述数据变量发生变化时，通过所述Vuex页面监听工具重新获取所述数据变量，以更新所述数据变量；根据所述更新的数据变量将所述页面视图更新，以得到更新后的所述页面。通过Vuex页面监听工具观测和对比变化前后的数据变量以提升开发和调试的效率。

技术领域

本申请涉及数据展示领域，尤其涉及发明名称一种处理前端页面中数据 变量方法、装置、设备和存储介质。

背景技术

在软件领域中，前端项目开发和调试，往往会要使用大量的数据变量， 现有技术中因为数据变量需要在控制台中逐一输出才能查看，或者开发者若 想重新寻找其他相关的数据变量，也只能重复以上步骤。使得开发者无法观 察变量的变化情况，以至于无法确定什么数据变量对调试和开发造成影响， 无法寻找到影响项目开发的数据变量。使得对开发和调试中的造成了许多不 方便，降低了开发和调试的效率。

发明内容

本申请提供了一种通过封装的页面开发功能的方法，能够解决现有技术 中页面开发效率的过低、无法对版本做快熟迭代的问题。

第一方面，本申请提供一种处理前端页面中数据变量方法，包括：

接收来自终端设备的访问请求，根据所述访问请求调用Vuex页面监听工 具；所述Vuex监听工具用于对数据变量进行管理和监听，以及生成页面视图。 所述页面视图包括数据变量的当前值和历史值。所述当前值是指上一次更新 的数据变量。所述历史值是指先于当前值获取的数据变量。

通过所述Vuex页面监听工具遍历项目所有的文件，以获取多个数据变量。

通过所述Vuex页面监听工具监听所述数据变量的变化状态，当监听到所 述数据变量发生变化时，通过所述Vuex页面监听工具重新获取所述数据变量， 以更新所述数据变量。

根据所述更新的数据变量将所述页面视图更新，以得到更新后的所述页 面视图。

相较于现有技术，本申请提供的方案中，采用vuex主要用于定义组件自 身的初始数据以及在组件内获取异步数据，而设计页面时通常存在管理的数 据量过大的情况，所以导致开发人员通常无法很好对变量进行调试监控，进 而降低开发和调试的工作效率。本发明为解决该技术问题，提供一种通过Vuex 工具实现的可视化UI页面监听工具，具体来说，将Vuex工具获取的数据替 换原始数据，以更新数据变量，通过更新的数据变量观测和对比变化前后的 数据变量，从而对前端项目中的数据变量取值的变化状态进行监听。在一些可能的设计中，所述接收来自终端设备的访问请求之后，所述方法还包括：

创建第一队列和第二队列，并对所述第一队列的内容和所述第二队列的 内容进行清空。所述第一队列是指用于存储一个或多个预估占用空闲资源高 于空闲资源上限的访问请求队列。所述第二队列是指用于存储一个或多个预 估占用所述空闲资源低于空闲资源上限的访问请求队列。所述资源至少包括 中央处理器CPU时间、系统内存以及网络带宽中的至少一项。所述CPU时间 是指CPU全速工作时，完成任务所花费的时间。

接收所述终端设备的访问请求，并估计所述访问请求占用的所述空闲资 源。

预估当前所述第一队列所有的访问请求执行时占用的所述空闲资源。

若预估当前所述第一队列所有的访问请求执行时，占用的所述访问请求 大于预设的占用所述空闲资源阈值，且所述访问请求占用的所述空闲资源小 于预设的访问阈值时，则将所述访问请求插入到所述第二队列的队尾。