[发明专利]基于CSS3的用户活跃度分析方法及系统

说明书

本申请公开了一种基于CSS3的用户活跃度分析方法及系统，所述方法包括以下步骤：基于CSS3获取活跃度分析图；拆解所述活跃度分析图；基于拆解结果进行用户活跃度分析，获取不同状态区域下的活跃用户信息。通过本申请，可获取用户活跃度信息，加快资源加载，避免了border‑rad i us属性样式弊端。

技术领域

本发明涉及数据分析技术领域。更具体的说，本发明涉及一种基于CSS3的用户活跃度分析方法及系统。

背景技术

CSS(Cascading Style Sheets，层叠样式表)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS3是CSS技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。CSS3的新特征有很多，例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理(旋转、缩放、倾斜、移动)、多栏布局、媒体查询等。

如今互联网广泛应用,用户在使用各种不同业务的同时产生并积累了大量的历史数据。海量用户数据中蕴藏着丰富的客户信息,是企业运营中的宝贵资源。用户数据中包含用户行为特征,而用户行为通常和多种社会因素和技术参数相关,这些会影响不同场景下用户的角色及特征规律。衡量用户行为的一个很重要的准则是用户活动水平(用户活跃程度)，活跃度分析图可以通过图示来表现不同状态下活跃的人群。使用CSS可获得用户活跃度分析图，在css3之前，要实现圆角的效果可以通过图片方式来实现圆角效果，但是会造成文件体积变大，加载速度变慢，使用CSS3的border-radius(创建圆角边框，CSS3边框属性)来实现矩形的圆角，弧度不够理想，如图1所示，导致用户体验差。

发明内容

针对上述问题，本发明提供了一种基于CSS3的用户活跃度分析方法，其中，包括：

活跃度分析图获取步骤：基于CSS3获取活跃度分析图；

活跃度分析图拆解步骤：拆解所述活跃度分析图；

用户活跃度分析步骤：基于拆解结果进行用户活跃度分析，获取不同状态区域下的活跃用户信息。

上述基于CSS3的用户活跃度分析方法，其中，所述活跃度分析图拆解步骤中将所述活跃度分析图中每个所述状态区域拆解为三部分：矩形父组件、圆形子组件、矩形子组件。

上述基于CSS3的用户活跃度分析方法，其中，所述矩形子组件的宽度为所述矩形父组件宽度的75％。

上述基于CSS3的用户活跃度分析方法，其中，所述矩形父组件设置position为相对布局，设置overflow为hidden，所述圆形子组件和所述矩形子组件设置position为绝对布局。

上述基于CSS3的用户活跃度分析方法，其中，所述圆形子组件的右边距为0，位靠所述矩形父组件右侧，上下居中，所述矩形子组件的左边距为0，位靠所述矩形父组件左侧，上下居中。

上述基于CSS3的用户活跃度分析方法，其中，所述用户活跃度分析步骤具体包括以下步骤：

状态区域选择步骤：选择所述活跃度分析图中需要进行活跃度分析的所述状态区域；

父组件宽度设置步骤：将选择的所述状态区域的所述矩形父组件的宽度设置为100％，剩余所述状态区域的所述矩形父组件宽度设置为0；

用户活跃度获取步骤：获取选择的所述状态区域下的活跃人群以及所述活跃用户信息。