Vue 3 中 watch 和 watchEffect 的依赖收集差异导致回调不触发的问题排查-低调大师

Vue 3 中 watch 和 watchEffect 的依赖收集差异导致回调不触发的问题排查

2026-09-20 2

用 IntersectionObserver 替代 scroll 事件实现元素曝光监听

做内容平台或者广告系统时，经常会遇到「元素进入可视区域后上报曝光」的需求。早期实现基本都依赖 scroll 事件配合 getBoundingClientRect 手动计算元素位置，简单直接，但问题也很明显：滚动过程中高频触发的回调会带来大量同步布局计算，页面稍微复杂一点就会掉帧，而且还要自己处理节流、边界判断、滚动容器嵌套这些细节。IntersectionObserver 从 Chrome 51 开始支持，现在各大浏览器都已覆盖，它把「元素与视口交叉状态变化」这件事交给浏览器内部去优化，回调触发频率远低于 scroll，并且天然支持指定 root 容器和阈值。这篇文章会结合一个真实的曝光上报场...

2026-09-20

2

航拍路面裂缝检测数据集，无人机道路裂缝检测数据集3379张，目标检测算法yolo、voc、coco标注方式图像尺寸:640*640类别数量:2类

2026-09-20

2

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。