(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210288002.X (22)申请日 2022.03.23 (71)申请人 杭州每刻科技有限公司 地址 310000 浙江省杭州市钱塘新区万晶 湖畔中心西区2幢15 01室 (72)发明人 方宇驰　王森元　孙勤　魏美钟　 (74)专利代理 机构 杭州裕阳联合专利代理有限 公司 33289 专利代理师 杨琪宇 (51)Int.Cl. G06F 9/451(2018.01) G06F 8/71(2018.01) G06F 8/30(2018.01) (54)发明名称 一种减少前端白屏方法和系统 (57)摘要 本发明公开了一种减少前端白屏的方法系 统， 所述方法包括： 生成对应数组和对象的空消 息配置组件； 接收前端接口的原始数据， 并识别 该原始数据的结构和类型； 判断该原始数据是否 存在null字段或undefiend字段； 若存在则根据 所述null字段或undefiend字 段所属的类 型和空 消息配置组件进行配置； 将不同类型的nu ll字段 或undefiend字段转换为相同类型字段。 所述方 法和系统通过设计一种数据配置规则， 以及数据 格式化的算法， 将前端传输的导致白屏的访问无 效对象转化为期望的格式， 从而使得即使忘了进 行判空处理， 也不会得到错 误的白屏结果。 权利要求书1页 说明书7页 附图2页 CN 114564276 A 2022.05.31 CN 114564276 A 1.一种减少前端白屏的方法， 其特 征在于， 所述方法包括： 生成对应数组和对象的空消息配置组件； 接收前端接口 的原始数据， 并识别该原 始数据的结构和类型； 判断该原 始数据是否存在nul l字段或undefiend字段； 若存在则根据所述null字段或undefiend字段所属的类型和空消息配置组件进行配 置； 将不同类型的nul l字段或undefiend字段转换为相同类型字段。 2.根据权利要求1所述的一种 减少前端白屏的方法， 其特征在于， 在获取前端接口的原 始数据后， 判断前端原始数据中的数组类型和对 象类型的数据， 并进一步判断所述数组类 型和对象类型的数据是否存在null字段或undefiend字段， 若存在则调用所述空消息配置 组件进行格式替换。 3.根据权利要求1所述的一种 减少前端白屏的方法， 其特征在于， 所述方法设置递归函 数用于遍历处理前端接口的原始数据， 其中所述递归函数包括原始数据、 字段配置方法和 字段缓存， 其中所述字段缓存用于保存字段配置后的数据。 4.根据权利要求1所述的一种 减少前端白屏的方法， 其特征在于， 在获取到前端接口的 原始数据后， 获取字段配置， 进一步判断该字段配置是否属于 string类型， 若 是则读取所述 字段配置中的refer所指向的字段， 并将该refer所指向的字段从缓存中读取， 用于格式化 原始数据。 5.根据权利要求4所述的一种 减少前端白屏的方法， 其特征在于， 若判断所述字段配置 不属于string类型， 则将该字段配置保存于字段配置缓存中， 进一步判断该字段配置的数 据类型， 若为数组类型， 则将每个数组中的元素都标记 为item， 并通过递归函数将所述数 组 中的元素进行格式化处 理。 6.根据权利要求4所述的一种 减少前端白屏的方法， 其特征在于， 若判断所述字段配置 不属于string类型， 则将该字段配置保存于字段配置缓存中， 进一步判断该字段配置的数 据类型， 若为对象类型， 则将每个对象中的元素都标记 为item， 并通过递归函数将所述对象 中的元素进行格式化处 理。 7.根据权利要求4所述的一种减少前端白屏的方法， 其特征在于， 在获取所述refer所 指的字段后， 将相同原始数据中的数 组或对象类型通过所述refer配置转换为所述refer所 指的字段类型的数据。 8.根据权利要求4所述的一种 减少前端白屏的方法， 其特征在于， 若判断获取的原始数 据中存在null字段或undefiend字段， 通过所述空消息配置组件将对应字段配置为空对象 或空数组， 并进一步根据所述refer配置空对象或空数 组的数据类型转换对应的refer所指 的字段类型。 9.一种减少前端白屏的系统， 其特征在于， 所述系统执行权利要求1 ‑8中任意一项所述 的一种减少前端白屏的方法。 10.一种计算机可读存储介质， 其特征在于， 计算机可读存储介质存储有计算机程序， 所述计算机程序可被处理器执行权利要求1 ‑8中任意一项所述的一种减少前端白屏的方 法。权　利　要　求　书 1/1 页 2 CN 114564276 A 2一种减少前端白屏方 法和系统 技术领域 [0001]本发明涉及计算机技 术领域， 特别涉及一种减少前端白屏方法和系统。 背景技术 [0002]目前在主流前端框架中， 对于组件渲染期间出现的代码执行错误， 框架会避免渲 染出错误的数据， 而卸 载整个组件树， 导致页面白屏， 这对用户很不友好。 现有对减少前端 白屏方法主要包括以下两种方法： 一是避免白屏的出现， 即程序出现错误时渲染出一个错 误界面来告诉用户程序出现了错误； 二是程序员在编写代码时注意代码的质量， 页面白屏 基本上是“由于后端返回数据的不确定性， 而导致前端访问null对象上面的属性而出现 TypeError ”导致的， 所以需要通过大量的判空操作等来避免错误的出现。 其中第一种方法 不能从根本上解决白屏的问题。 第二种则对前端开发人员的代码质量要求较高， 从而使得 项目的开 放成本较高。 发明内容 [0003]本发明其中一个发明目的在于提供一种减少前端白屏的方法和系统， 所述方法和 系统通过设计一种 数据配置规则， 以及数据格式化的算法， 将前端传输的导致白屏的访问 无效对象转化为期望的格式， 从而使得即使忘了进行判空处理， 也不会得到错误的白屏结 果。 [0004]本发明另一个发明目的在于提供一种减少前端白屏的方法和系统， 所述方法和系 统通过递归函数对每一个原始数据进行遍历， 识别每一原始数据的中格式类型， 并对每一 原始数据不同类型格式数据进 行统一的格式修改， 从而避免数据的类型错误而导致白屏现 象。 [0005]本发明另一个发明目的在于提供一种减少前端白屏的方法和系统， 所述方法和系 统对不同格式的空信息 分别进行对应的包括空数组和空对象的配置， 并将配置后的空消息 进行统一的格式替换， 以避免错 误数据类型导 致前端白屏的出现。 [0006]为了实现至少一个上述发明目的， 本发明进一步提供一种减少 前端白屏的方法， 所述方法包括： [0007]生成对应数组和对象的空消息配置组件； [0008]接收前端接口 的原始数据， 并识别该原 始数据的结构和类型； [0009]判断该原 始数据是否存在nul l字段或undefiend字段； [0010]若存在则根据所述null字段或undefiend字段所属的类型和空消息配置组件进行 配置； [0011]将不同类型的nul l字段或undefiend字段转换为相同类型字段。 [0012]根据本发明其中一个较佳实施例， 在获取前端接 口的原始数据后， 判断前端原始 数据中的数组类型和对象类型的数据， 并进一步判断所述数组类型和对象类型的数据是否 存在null字段或undefiend字段， 若存在则调用所述空消息配置组件进行格式替换。说　明　书 1/7 页 3 CN 114564276 A 3