卡片式布局的优化方法、装置、存储介质及处理器制造方法及图纸

本申请公开了一种卡片式布局的优化方法、装置、存储介质及处理器，该方法包括：若检测到网页的卡片容器中卡片的布局信息发生变化，对变化后的布局信息中的空白位置信息进行删除，得到卡片的第一布局信息；对卡片的第一布局信息执行变更操作，得到变更后的第一布局信息，其中，变更操作至少包括卡片的位置信息进行变更、卡片的数量信息进行变更；基于变更后的第一布局信息对卡片进行排列，以对卡片容器中卡片的布局进行优化。通过本申请，解决了相关技术中卡片式的布局的灵活度较低的问题。术中卡片式的布局的灵活度较低的问题。术中卡片式的布局的灵活度较低的问题。

【技术实现步骤摘要】
卡片式布局的优化方法、装置、存储介质及处理器


[0001]本申请涉及网页界面处理
，具体而言，涉及一种卡片式布局的优化方法、装置、存储介质及处理器。

技术介绍

[0002]随着前端技术的发展，人们不再满足于传统的静态网页内容展示，对页面数据的展示提出了更高的要求。在现代网页设计中，常常会出现以卡片的形式展示数据。这种展示方式会使页面更加简约整洁，但是由于卡片展示的顺序常常是固定的，无法满足用户的自定义顺序展示卡片的要求。
[0003]针对相关技术中卡片式的布局的灵活度较低的问题，目前尚未提出有效的解决方案。

技术实现思路

[0004]本申请的主要目的在于提供一种卡片式布局的优化方法、装置、存储介质及处理器，以解决相关技术中卡片式的布局的灵活度较低的问题。
[0005]为了实现上述目的，根据本申请的一个方面，提供了一种卡片式布局的优化方法。该方法包括：若检测到网页的卡片容器中卡片的布局信息发生变化，对变化后的布局信息中的空白位置信息进行删除，得到卡片的第一布局信息；对卡片的第一布局信息执行变更操作，得到变更后本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种卡片式布局的优化方法，其特征在于，包括：若检测到网页的卡片容器中卡片的布局信息发生变化，对变化后的布局信息中的空白位置信息进行删除，得到所述卡片的第一布局信息；对所述卡片的第一布局信息执行变更操作，得到变更后的第一布局信息，其中，所述变更操作至少包括所述卡片的位置信息进行变更、所述卡片的数量信息进行变更；基于所述变更后的第一布局信息对所述卡片进行排列，以对所述卡片容器中卡片的布局进行优化。2.根据权利要求1所述的方法，其特征在于，在若检测到网页的卡片容器中卡片的布局信息发生变化，对变化后的布局信息中的空白位置信息进行删除之前，所述方法还包括：判断当前所述卡片的布局信息与所述卡片的原始布局信息是否存在差异；若当前所述卡片的布局信息与所述卡片的原始布局信息存在差异，确定所述卡片容器中卡片的布局信息发生变化；将变化后的所述卡片的布局信息按照坐标顺序进行排列，得到变化后的布局信息。3.根据权利要求2所述的方法，其特征在于，若当前所述卡片的布局信息与所述卡片的原始布局信息是否存在差异包括：获取所述卡片容器中每个卡片的布局信息中的卡片的id信息；通过每个卡片的id信息得到每个卡片的原始布局信息；判断当前每个卡片的布局信息与每个卡片的原始布局信息是否存在差异。4.根据权利要求1所述的方法，其特征在于，所述卡片的布局信息包括如下至少之一：所述卡片的宽度信息、所述卡片的高度信息、所述卡片的坐标信息，其中，所述坐标信息包括所述卡片的横坐标的数值信息、所述卡片的纵坐标的数值信息。5.根据权利要求4所述的方法，其特征在于，若对所述卡片的位置信息进行变更时，基于所述变更后的第一布局信息对所述卡片进行排列，以对所述卡片容器中卡片的布局进行优化包括：设置所述第一布局信息中的目标移动卡片的坐标值，其中，设置所述目标移动卡片的横坐标的初始数值为第一预设值、设置所述目标移动卡片的纵坐标的初始数值为第二预设值；若所述目标移动卡片的宽度等于卡片容器的宽度，则增加所述目标移动卡片的纵坐标的数值，确定所述目标移动卡片的横坐标的数值为所述第一预设值，获取所述目标移动卡片的第一坐标信息；所述变更后的第一布局信息按照所述目标移动卡片的第一坐标信息对所述卡片进行排列，以对所述卡片容器中卡片的布局进行优化。6.根据权利要求5所述的方法，其特征在于，所述方法还包括：若所述第一布局信...

【专利技术属性】
技术研发人员：朱明宇，鲁倍辰，
申请(专利权)人：山石网科通信技术股份有限公司，
类型：发明
国别省市：