dom曝光时长统计流程图
2021-12-07 14:09:46 14 举报dom曝光时长统计流程图
作者其他创作
大纲/内容
页面是否可见指：页面是否关闭；页面tab是否切走；浏览器是否最小化等
是
释放统计信息集，解除监听器
重新开启统计
初始化
结束此dom的时长统计，抛出，移出统计信息集并解除监听器
获取到初始目标dom元素，注册监听器
增
页面活动
触发目标dom元素监听回调
触发目标dom样式显隐监听回调
拿到删除的目标dom曝光时长信息
计算目标dom初始状态，开启统计，维护一个统计信息集
目标dom增删
判断是否可见
注册监听器
判断显隐
拿到所有目标dom曝光时长信息
主流程
出
页面可见性变化
信息集内维护着需要监听的dom元素的样式显隐状态、是否在viewport内状态以及曝光时长相关信息
判断增删
触发页面可见性监听回调
结束所有dom的时长统计，抛出并清空统计信息集内的曝光时长信息
目标dom移入移出viewport
更新此dom的显隐状态，判断若此dom在viewport内，则继续此dom的时长统计
监听目标dom元素，监听页面是否可见
入
解除目标dom元素监听：1. 样式的显隐2. 是否在viewport内
更新此dom的viewport状态，暂停此dom的时长统计
显
计算此dom初始状态，统计信息集添加此dom信息并统计
否
判断出入
监听器
目标dom样式显隐变化
删
更新此dom的viewport状态，判断若此dom样式状态为显，则继续此dom的时长统计
触发目标dom出入viewport监听回调
更新此dom的显隐状态，暂停此dom的时长统计
监听初始目标dom元素：1. 样式的显隐2. 是否在viewport内
销毁
隐
解除目标dom元素监听：1. 增删2. 样式的显隐3. 是否在viewport内解除页面是否可见监听
监听新增目标dom元素：1. 样式的显隐2. 是否在viewport内
收藏
0 条评论
下一页
