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内