用 IntersectionObserver 替代 scroll 事件做懒加载和曝光统计-低调大师

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

2026-09-18 2

Vue 3 中 ref 和 reactive 在真实项目里到底怎么选？

用 Vue 3 写业务的时候，ref 和 reactive 几乎每天都会碰到。很多人刚上手时习惯用 reactive 包一个对象，觉得这样模板里不用写 .value 很省事；也有人从头到尾只用 ref，因为解构、传参、组合函数返回值都更统一。真正放到表单、列表、弹窗、分页这些场景里，两者的差异就会冒出来：reactive 解构后失去响应性、整体替换对象时视图不更新、ref 在模板里自动解包但在组合函数中要用 .value、watch 监听对象属性时需要小心深层监听。这篇文章从实际代码出发，把 ref 和 reactive 的底层机制、适用边界和常见坑讲清楚，重点放在如何根据数据形态和复用方式做...

2026-09-18

0

日常开发里经常需要深拷贝一个对象：可能是要把 Redux 里的 state 复制一份做草稿，也可能是把接口返回的数据缓存起来避免被后续逻辑污染。以前大家习惯用 JSON.parse(JSON.stringify(obj))，后来浏览器提供了原生 structuredClone，看起来又干净又快。但真正把它用到业务代码里之后，踩到的坑并不少——函数会直接抛错、原型链丢失、Symbol 键被无视、getter 被求值成普通字段，甚至某些看似普通的数据结构在老版本浏览器里直接不存在。这篇文章不打算罗列 API 文档，而是从几个真实写业务时遇到的情况出发，把 structuredClone 能做什么、...

2026-09-18

0

资源下载

更多资源

Mario

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

Rocky Linux

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

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部分的功能。