用 PerformanceObserver 抓取长任务：定位页面卡顿的另一种思路-低调大师

用 PerformanceObserver 抓取长任务：定位页面卡顿的另一种思路

2026-09-21 46

Vue 3 中 v-model 绑定对象属性时，为什么子组件修改后父组件没有更新？

最近在做一个后台管理项目时，遇到一个挺典型的问题：父组件把从接口拿到的表单数据对象通过 v-model 传给子组件，子组件里用 props 接收后直接修改了某个字段，但父组件页面上显示的值没变，提交时还是旧数据。一开始以为是响应式丢失，排查后发现是 v-model 在绑定对象属性时的编译行为导致的。Vue 3 的 v-model 在组件上默认展开为 :modelValue 和 @update:modelValue，如果父组件写的是 v-model="form.name"，编译结果会尝试给 form.name 赋值，而子组件如果直接修改 props.modelValue，就绕过了 emit，父组...

2026-09-21

40

最近在维护一个数据看板项目时，遇到一个 TypeScript 类型报错，当时觉得明明逻辑没问题，编译却过不去。场景很简单：一个函数根据传入的字符串字面量决定返回不同的配置对象，但在 switch 分支里 TypeScript 死活不认已经收窄的类型，反而把整个联合类型都报出来。排查后发现根源在于 as const 的使用方式以及接口定义时没有正确保留字面量类型。这篇文章会从实际代码出发，梳理 as const 对推断的影响、类型收窄在哪些情况下会失效，以及如何用可辨识联合修复这类问题，顺带聊一下 satisfies 操作符在保持类型安全的同时避免过度断言。如果你也写过类似 const conf...

2026-09-21

45

资源下载

更多资源

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等操作系统。