一种具有交错收缩样式加载指示符的实现方法技术

本发明专利技术公开了一种具有交错收缩样式加载指示符的实现方法，所述方法包括：完成初始配置，获得封装组件、样式组件和加载组件；获取第一指示元素，所述第一指示元素包括指示文本、预计时间和进度提示；获取第一风格样式，基于所述样式组件和所述第一风格样式，将所述第一指示元素进行渲染，获得指示符；基于所述封装组件，将所述指示符进行封装，获得指示符组件；基于所述加载组件，加载所述指示符组件，将所述指示符组件中的所述指示符显示在页面。所述方法可以解决用户无法自定义指示符的指示内容和渲染效果，从而导致用户体验降低和用户流失的问题。失的问题。失的问题。

【技术实现步骤摘要】
一种具有交错收缩样式加载指示符的实现方法


[0001]本专利技术涉及计算机
，具体地，涉及一种具有交错收缩样式加载指示符的实现方法。

技术介绍

[0002]用户每次进入一个新页面都需要从后台请求数据，数据返回到页面完成渲染，内容才会展示出来，这个过程需要时间，需要用户去等待，为了让用户感知加载的过程，通常需要添加一些指示符，告诉用户页面加载的过程正在进行，减少用户因等待而产生的焦虑情绪。随着计算机技术的发展，指示符的内容和渲染效果越来越多种多样，更加精致和人性化，有效的分散用户在等待过程中的注意力。但指示符的指示内容和渲染效果通常由程序员指定写入，用户无法自定义，当用户不喜欢当前指示符时，可能会降低用户体验从而导致流失用户。

技术实现思路

[0003]为了解决用户无法自定义指示符的指示内容和渲染效果，从而导致用户体验降低和用户流失的问题。
[0004]本专利技术提供了一种具有交错收缩样式加载指示符的实现方法，所述方法包括：完成初始配置，获得封装组件、样式组件和加载组件；获取第一指示元素，所述第一指示元素包括指示文本、预计时间和进度提示；获取第一风格样式，所述第一风格样式包括所述第一指示元素的动画效果、所述指示文本的字体类型、字体大小和字体颜色以及所述预计时间和所述进度提示的形状、尺寸和颜色，基于所述样式组件和所述第一风格样式，将所述第一指示元素进行渲染，获得指示符；基于所述封装组件，将所述指示符进行封装，获得指示符组件；基于所述加载组件，加载所述指示符组件，将所述指示符组件中的所述指示符显示在页面。完成初始开发环境和组件库配置，获得封装组件、样式组件和加载组件，获取用户自定义的第一指示元素和第一风格样式，基于所述样式组件，通过所述第一风格样式对所述第一指示元素进行渲染，获得指示符，基于所述封装组件，将所述指示符进行封装，获得指示符组件，基于所述加载组件，加载所述指示符组件中的所述指示符并将所述指示符显示在页面，可以实现用户自定义指示内容和渲染效果，提高用户体验。
[0005]在实施上述方案的过程中，申请人发现某些用户可能不太清楚想要怎样的指示符或者想直接设置一款喜欢的指示符，为了解决这一问题，申请人改进了所述方法，配置了用户数据库，用户数据库包含若干指示符，通过分析用户行为数据推荐用户可能喜欢的指示符。
[0006]进一步地，所述方法还包括：配置用户数据库，所述用户数据库包含若干第二指示元素和若干第二风格样式；获取用户行为数据；将所述用户行为数据进行分析获得关键特征，所述关键特征包括第一元素特征和第一风格特征；基于所述第一元素特征，获得所述用户数据库中与所述第一元素特征相对应的所述第二指示元素；将所述第一指示元素更新为
所述第二指示元素；基于所述第一风格特征，获得所述用户数据库中与所述第一风格特征相对应的所述第二风格样式；将所述第一风格样式更新为所述第二风格样式。配置用户数据库，所述用户数据库包括若干指示元素和若干风格样式，通过分析用户行为数据推测用户可能喜欢的指示元素和风格样式，并将所述用户数据库中对应的指示元素和风格样式推荐给用户，可以帮助用户快速找到喜欢的指示符，节省用户自定义指示符的时间。
[0007]在实施上述方案的过程中，申请人发现某些场景下，用户页面与指示符风格不一致，导致页面整体风格不搭，为了解决这一问题，申请人改进了所述方法，配置了元素数据库和风格数据库，通过分析用户页面的显示内容推测所述元素数据库和所述风格数据库中与所述用户页面相匹配的指示元素和风格样式，使整个用户页面风格一致，提高用户体验。
[0008]进一步地，所述方法还包括：配置元素数据库，所述元素数据库包含若干第三指示元素，每一个所述第三指示元素对应一个第一元素指数；判断页面是否进入加载状态；若是，则获取所述页面的显示内容；分析所述显示内容获得第二元素特征，所述第二元素特征包含若干子元素特征，每一个所述子元素特征对应一个元素权重；基于若干所述子元素特征获得所述第二元素特征的元素权重值；基于所述元素权重值获得第二元素指数；获得与所述第二元素指数相对应的所述第一元素指数；获得所述元素数据库中与所述第一元素指数相对应的所述第三指示元素；将所述第一指示元素更新为所述第三指示元素。通过分析页面显示内容推荐和显示内容相匹配的指示元素，使整个页面的显示框架一致，可以提高页面框架的整体性和观看性。
[0009]进一步地，所述方法还包括：配置风格数据库，所述风格数据库包含若干第三风格样式，每一个所述第三风格样式对应一个第一风格指数；判断页面是否进入加载状态；若是，则获取所述页面的显示内容；分析所述显示内容获得第二风格特征，所述第二风格特征包含若干子风格特征，每一个所述子风格特征对应一个风格权重；基于若干所述子风格特征获得所述第二风格特征的风格权重值；基于所述风格权重值获得第二风格指数；获得与所述第二风格指数相对应的所述第一风格指数；获得所述风格数据库中与所述第一风格指数相对应的所述第三风格样式；将所述第一风格样式更新为所述第三风格样式。通过分析页面显示内容推荐和显示内容风格相匹配的风格样式，使整个页面的风格一致，可以提高页面风格的整体性和观看性。
[0010]在实施上述方案的过程中，申请人发现在某些场景下，用户需要等待较长的时间，期间用户可能会产生焦虑和烦躁，为了解决这一问题，申请人改进了所述方法，判断预计时间是否大于预设阈值，若是则分析用户页面的数据获得关键词，推荐用户与关键词相匹配的数据，从而减轻用户的烦躁情绪。
[0011]进一步地，所述方法还包括：判断所述预计时间是否大于第一阈值；若是则获取页面的数据进行分析获得关键词；获得与所述关键词相匹配的推荐数据，用于在用户等待状态下推荐用户需求数据。在较长的等待时间下，通过分析页面的数据推荐用户可能需要的数据，从而减轻用户的烦躁程度，提高用户体验。
[0012]在实施上述方案的过程中，申请人发现在某些场景下，用户需要迫切获得数据，从而不停的刷新页面希望快速获得页面数据，为了解决这一问题，申请人改进了所述方法，记录用户请求频率，判断请求频率是否大于预设阈值，若是则代表用户希望迫切获取页面数据，则通过服务器协调资源加快加载请求数据，安抚用户的焦虑情绪，提高用户体验。
[0013]进一步地，所述方法还包括：记录用户请求频率；判断所述频率是否大于第二阈值；若是则将所述指示符更新为加急指示符；基于所述加急指示符，服务器协调资源加快请求数据。所述加急指示符告知用户服务器已协调资源加快请求数据，可以安抚用户的急迫心情，提高用户的体验感。
[0014]在实施上述方案的过程中，申请人发现在某些场景下，用户在等待的同时也在其他页面或程序操作，而用户希望能在不切换页面或程序的情况下实时看到加载进程，为了解决这一问题，申请人改进了所述方法，将指示符以悬浮窗的形式显示在页面，便于用户实时查看加载进程。
[0015]进一步地，所述方法还包括：将所述指示符以悬浮窗的形式显示在页面；监听用户操作悬浮窗的行为指令；若收到所述行为指令，则将所述悬浮窗移动或隐本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种具有交错收缩样式加载指示符的实现方法，其特征在于，所述方法包括：完成初始配置，获得封装组件、样式组件和加载组件；获取第一指示元素，所述第一指示元素包括指示文本、预计时间和进度提示；获取第一风格样式，所述第一风格样式包括所述第一指示元素的动画效果、所述指示文本的字体类型、字体大小和字体颜色以及所述预计时间和所述进度提示的形状、尺寸和颜色，基于所述样式组件和所述第一风格样式，将所述第一指示元素进行渲染，获得指示符；基于所述封装组件，将所述指示符进行封装，获得指示符组件；基于所述加载组件，加载所述指示符组件，将所述指示符组件中的所述指示符显示在页面。2.根据权利要求1所述的一种具有交错收缩样式加载指示符的实现方法，其特征在于，所述方法还包括：配置用户数据库，所述用户数据库包含若干第二指示元素和若干第二风格样式；获取用户行为数据；将所述用户行为数据进行分析获得关键特征，所述关键特征包括第一元素特征和第一风格特征；基于所述第一元素特征，获得所述用户数据库中与所述第一元素特征相对应的所述第二指示元素；将所述第一指示元素更新为所述第二指示元素；基于所述第一风格特征，获得所述用户数据库中与所述第一风格特征相对应的所述第二风格样式；将所述第一风格样式更新为所述第二风格样式。3.根据权利要求1所述的一种具有交错收缩样式加载指示符的实现方法，其特征在于，所述方法还包括：配置元素数据库，所述元素数据库包含若干第三指示元素，每一个所述第三指示元素对应一个第一元素指数；判断页面是否进入加载状态；若是，则获取所述页面的显示内容；分析所述显示内容获得第二元素特征，所述第二元素特征包含若干子元素特征，每一个所述子元素特征对应一个元素权重；基于若干所述子元素特征获得所述第二元素特征的元素权重值；基于所述元素权重值获得第二元素指数；获得与所述第二元素指数相对应的所述第一元素指数；获得所述元素数据库中与所述第一元素指数相对应的所述第三指示元素；将所述第一指示元素更新为所述第三指示元素。4.根据权利要求1所述的一种具有交错收缩样式加载指示符的实现方法，其特征在于，所述方法还...

【专利技术属性】
技术研发人员：请求不公布姓名，
申请(专利权)人：成都数联云算科技有限公司，
类型：发明
国别省市：