WorkBuddy 实战：一场两小时会议的录音转写，变成结构化纪要和待办-低调大师

WorkBuddy 实战：一场两小时会议的录音转写，变成结构化纪要和待办

2026-09-23 6

Vue 3 中 watch 和 watchEffect 的刷新时机为什么会影响 DOM 读取

在 Vue 3 项目里做表单联动时，我遇到一个很典型的问题：在 watch 回调里读 el.offsetHeight 或者调子组件暴露的 scrollToBottom，拿到的经常是更新前的结果。绝大多数情况不是 API 用错了，而是 watch / watchEffect 默认的 flush 时机是 'pre'，回调会在组件重新渲染之前执行，此时 DOM 还是旧的。另一种情况是依赖收集和副作用清理没处理好，导致回调执行次数和预期不一致。这篇内容围绕 watch 与 watchEffect 的刷新时机、flush 三个取值的差异、onCleanup 的实际用途，以及用 nextTick 和 fl...

2026-09-23

3

媒体查询一直是我们做响应式布局的主要手段，但它只能基于视口宽度做判断。当页面中出现侧边栏折叠、卡片容器宽度变化这类场景时，组件拿不到自己所在容器的实际尺寸，只能靠 JS 去测量，或者用一堆额外的类名硬编码。CSS 容器查询（Container Queries）解决的就是这个问题：先声明一个元素为容器，再让内部子元素根据容器的宽度、高度或方向来应用样式。这一特性在主流浏览器已经可用，配合 container-type、container-name 和 @container 规则就能写出真正自适应的组件。下面从一个实际的后台卡片列表场景出发，看看容器查询怎么替代 ResizeObserver，并梳...

2026-09-23

4

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

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

Rocky Linux

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

WebStorm

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