当前位置: 首页 > 网络应用技术

基于基于芋头的曝光的记录逻辑

时间:2023-03-07 15:00:29 网络应用技术

  由于需求的迭代,详细信息页面上添加了流行/类似位置建议的列表。为了进一步确认建议列表的效果的改善,增加了掩埋统计处理的曝光,并从数据开始。

  由于H5结束之前的埋藏点,我自然而然地想到了通过交叉点聆听的方式。作为旧滚动监控,我不会详细介绍。据推测,没有办法考虑[Wang Chai]。

  首先,我们需要创建一个Internet Appobserver。有四种方法

  每个位置的暴露逻辑是通过监视JobItem组件中的。简短的代码如下:

  逻辑开发后,详细信息页面的建议列表的滚动功能正常,我想“好!”

  由于推荐的职位列表是主页列表的工作组成部分,因此我想将曝光逻辑添加到主页,然后完成一个时间补充。考虑到触发的曝光毫无问题,认为它已经成功完成。

  由于曝光报告需要报告列表中每个位置的位置,因此其他定位数据是正确的。结果,在更新主页上的每个分页之后,尚未报告新的分页头上的几个位置。有一个遗漏。

  隐藏的遗漏是造成的!交叉探测???

  与详细信息页面相比,它可能是由主页组件的级别引起的。对于现有主页的性能优化,结合虚拟列表的想法,组件级别是根据列表组件的结构设计的-page组件设计组件。LET简要介绍了此优化解决方案:

  通过分析现有的长列表解决方案来学习优化方案:

  由于当时的两个解决方案并不是我们小程序的实际情况,因此现有的优化解决方案旨在将虚拟列表的原则本身结合在一起:

  这进一步降低了DOM结构,而不是传统方案中的缓冲区项目。在此方案中,每个页面组件添加了InterSectionObserver监视以更新当前分页和缓冲区分页的页面编码。

  找到分析组件页面级组件的原因,怀疑页面组件的监视事件优先级的优先级高于项目组件的监视事件,这会导致新的分页头项目在更新时截获分页。

  通过搜索Internet Observer的相关信息并结合了先前的H5的使用,可以知道其使用情况实际上可以分为两种类型:

  通过这种方式,我们可以在上面的页面组件和项目组件中添加相同的监视类以统一监视,在此事件中不会存在优先问题。

  第一轮删除页面组件和项目组件中的所有监视逻辑,然后同步相关类。ADD监视方法与主页上的页面文件:

  应该注意的是,在开发小程序时,我们可以通过getCurrentInstance()方法在页面上获取数据,实例和其他数据。通过APPLET的官方文档,您可以在监视器恢复时返回一些有用的数据信息:

  通过这种方式,我们可以保留一些数据以通过**数据 - ***在监视组件上进行区分和使用。

  理想已经满,现实很瘦

  监视发现,在芋头框架下,监视恢复参数中的数据集为a。显然,这个小程序的官方例子在那里,结果,没有塔罗!

  好消息是,事件优先级的问题得到了解决?

  由于已解决事件优先级的核心问题,其他人只能到处实现。组件元素的数据集数据通过参考。

  然后,我们只需要对应于每个组件ID的参考即可在暴露时获取我们需要的数据。因此,收集REF的方法被添加到每个组件的钩子中

  这样,通过维护两个对象来存储与每个监视元素相对应的参考

  实际上,这种需求处理是一种非常常规的逻辑,但是它遇到了多级相似事件的影响,以及框架包装能力和迷你构图官员的情况。这是对此分析过程的摘要问题,希望帮助遇到同样问题的学生。如果您有更好的解决方案,请留言以告知并感激!

  原始:https://juejin.cn/post/7101667421043294238