学术相关
Mitigating choice overload: the interactive effects of set size and overall preference revealed by hierarchical drift diffusion modeling and electroencephalography 1
技术技巧
浏览器性能优化API
- IntersectionObserver
高效检测元素与指定容器是否相交的浏览器API，通常用于代替传统的滚动监听，用于如懒加载内容等场景。比scroll时间的性能更高。
- requestIdleCallback
在主线程空闲时间运行非紧急任务，避免堵塞关键交互，可设置最晚强制执行时间。通常用于埋点上报、预加载、清理缓存等场景。
- requestAnimationFrame
同步动画渲染，自适应动画更新与屏幕刷新频率同步，保证流畅展示。
- ResizeObserver
监听元素尺寸变化，替代传统的窗口resize监听。
- preload & prefetch
preload通过link标签rel="preload"属性实现当前页面所需资源预加载。
prefetch通过link标签rel="prefetch"属性实现用户未来可能访问的页面所需资源预获取。
prefetch比preload优先度更低。
- caches与serviceWorker
实现离线缓存。
- web worker
创建独立线程，用于处理计算密集型任务，避免堵塞主线程的交互。
- document.visibilityState
判断用户当前是否激活页面，用于资源优化调度。
-
Huang, X., & Xu, S. (2025). Mitigating choice overload: The interactive effects of set size and overall preference revealed by hierarchical drift diffusion modeling and electroencephalography. Neuroimage, 321, 121542. https://doi.org/10.1016/j.neuroimage.2025.121542 ↩