更新统计插件让网站的统计功能更强大效果更好
这个周末更新了一些网站的功能，主要是更新后台管理首页统计数据模块功能。
更新这个模块的原因主要是更新了统计插件，之前引入的统计插件会经常获取不到数据，还会记录一些无效信息，经过这次的优化，功能精简许多。
首先去掉了客户端唯一识别id，虽然之前处于某些原因加上这个字段，想着以后用来识别新老用户，但是最终决定不实现这个功能，所有在这个版本就删除了，因为这个功能引入的是第三方库，大概几十kb，去掉后插件大小瞬间得以释放。
其次重构了统计插件，通过vue 项目自带的build 功能打成Lib包上传到了npm 仓库，顺便熟悉了一遍上传流程，其中还看到了多年前上传的一个小工具包。
重构后获取用户访问的浏览器信息还是引入的第三方库bowser，这个库实现了获取浏览器型号、系统版本等功能，免去了重复造轮的麻烦。
顺便还优化了下代码，因为之前的这个统计插件是从github开源的下载的，插件本身整理实现了一个精简的统计功能，包括信息获取跟数据上传，考虑到比较适合个人网站，就决定在自己的网站上使用，从后面的效果来看，数据统计的不是太准确，会有一些空数据以及一些爬虫引擎导致的异常数据，有的爬虫由于不是通过浏览器访问，浏览器的一些属性都不具备，所有会产生一些脏数据。
经过这次的优化，基本实现了数据的有效采集和无效数据的过滤，只是现在统计的访问量跟未又花钱的访问量相比几乎腰斩，不过这并不重要。
另一个优化就是统计图标的优化，柱状图改为饼图，之前采用的是echarts的柱状图显示，这个图显示的时候会存在一个问题，即较长的名称会显示不全，采集到的一些浏览器数据会很长导致名称会被截取，当然截取也是笔者添加的功能，因为如果完全显示就会空白区域过大。
饼图的显示相比较柱状图来说效果要好很多，首先能清楚的看到各个数据的完整名称，其次还能看到各类型数据的占比，让人 一目了然。
目前网站的功能基本具备一个个人博客的功能了，如果后续有新的功能，笔者也是更新上去。
发表评论 (审核通过后显示评论)：