别急着用 `structuredClone`，它的这些限制先搞清楚-低调大师

别急着用 `structuredClone`，它的这些限制先搞清楚

2026-09-18 40

用 IntersectionObserver 替代 scroll 事件做懒加载和曝光统计

页面里做图片懒加载、模块曝光统计、无限滚动，很多人第一反应还是监听 scroll 事件，在回调里不断 getBoundingClientRect() 判断元素是否进入视口。这种写法能跑，但在长列表或者低端设备上很容易掉帧，因为 scroll 回调触发极其频繁，而每次读取布局信息都会强迫浏览器重新计算样式和布局。IntersectionObserver 提供了一种由浏览器底层调度的观察机制，它不依赖主线程高频轮询，回调只在目标元素与视口（或指定根元素）的交叉状态跨越阈值时触发。这篇文章会从实际场景出发，讲清楚它的配置细节、跟 scroll 方案的本质区别、根元素和 rootMargin 的配合方...

2026-09-18

43

线上报错日志里出现 app.3f7a2b.js:1:48291 这种堆栈时，你盯着压缩后的单行代码基本看不出问题在哪。很多人第一反应是去本地复现，反复刷新、切换网络、mock 数据，结果半小时过去了连是哪个组件报的错都不确定。sourceMap 就是为这种场景准备的：它把压缩后的行列号映射回原始源码，让 Sentry、Bugsnag 这类工具直接展示出 UserList.vue 第 42 行的 user.name。但生产环境直接暴露 .map 文件又存在源码泄露风险，同时构建产物里带上完整的 sourceMap 会让包体积成倍增长。这篇文章会从 Webpack、Vite 的 sourceMap...

2026-09-18

34

资源下载

更多资源

Mario

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

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Sublime Text

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