笔记列表-低调大师优秀个人博客

文章列表

共 222621 篇

2026-09-19

Vue 3 中 watch 与 watchEffect 的依赖收集差异：为什么你的回调没有触发？

在 Vue 3 的日常开发里，watch 和 watchEffect 看起来都能监听响应式数据变化并执行副作用，但很多人在实际项目中会遇到一种情况：明明修改了某个响应式变量，watchEffect 里的回调却纹丝不动，或者 watch 只监听了一个 getter 却意外地触发了多次。这类问题往往源于对两者依赖收集机制的理解偏差——watchEffect 是自...

阅读约42分钟

2026-09-19

Vue 3 中 v-model 绑定自定义组件时，为什么输入框无法输入中文？

最近在项目里封装一个带格式化的输入框组件，父组件用 v-model 绑定值，子组件内部用 props.modelValue 接收，再通过 emit('update:modelValue') 把输入同步回去。功能测试时英文和数字都没问题，但切换到中文输入法后，拼音还没选词，输入框里的内容就被父组件重新赋值覆盖了，只能一个字一个字地敲。这个问题在 Vue 2 的...

阅读约39分钟

2026-09-19

Vue 3 中如何优雅地监听 Pinia store 中某个 state 的变化？

在 Vue 3 项目里用 Pinia 管理状态时，经常会遇到需要监听 store 里某个 state 变化的场景。比如用户切换了主题，需要同步更新本地存储；或者购物车商品数量变了，要重新计算总价并请求优惠信息。用 watch 直接监听 store.someState 有时候不生效，或者监听整个 store 又太频繁。这通常是因为解构 store 后丢失了响应...

阅读约39分钟

2026-09-19

JavaScript 中的 Array.prototype.sort 为何不总是按预期排序？

在开发中，我们经常用 Array.prototype.sort() 对数组排序，特别是处理数字数组时，默认行为常常让人困惑。比如 [1, 5, 10, 2].sort() 会得到 [1, 10, 2, 5]，而不是按数值大小排列。这是因为 sort 默认将元素转换为字符串，再比较 UTF-16 码元序列。更隐蔽的问题出现在比较函数返回值不规范、数组包含 un...

阅读约37分钟

2026-09-19

Vue 3 中使用 keep-alive 缓存路由组件，返回时滚动位置丢失怎么办

在后台管理系统里，列表页跳转到详情页再返回时，通常希望列表页的状态（搜索条件、滚动位置）能保留。Vue 3 的可以缓存组件实例，但很多人发现即使加了缓存，返回列表页时滚动条还是回到了顶部。这个现象和浏览器的滚动机制、keep-alive 的激活时机都有关系。只负责保持组件实例不被销毁，它不会自动保存 DO...

阅读约36分钟

2026-09-19

多端学习进度同步不回退：版本号合并与断点续学的工程实现

学员在手机上看了一半的课，换平板想接着看，最烦遇到两种情况：进度没同步、或者同步了却倒退了几分钟。这类问题的根因不是"没存进度"，而是多端并发上报时的覆盖与乱序。本文讲多端学习进度同步的方案：上报幂等、版本号合并、防回退与断点续学，附可直接落地的表结构与接口设计。

阅读约12分钟

2026-09-19

为什么你的 React 组件总是重复渲染？深入 useCallback 和 useMemo 的依赖陷阱

在用 React 开发列表和表单时，经常遇到一个现象：父组件状态一变，所有子组件都跟着重渲染，哪怕传给子组件的 props 完全没变。为了避免这种浪费，很多人会在子组件上套 React.memo，然后在父组件里用 useCallback 包裹事件处理函数。但写完之后发现，子组件依然在重渲染，甚至有人把 useCallback 的依赖数组写成空数组，导致回调里...

阅读约38分钟

2026-09-19

把重复劳动交给 AI Agent 之后：我踩过的 5 个坑和攒下的 5 条准则

把重复劳动交给 AI Agent 半年后，我用 5 次事故换来的 5 条落地准则：先划权限边界，只认可验证的落盘回执，失败两次即换路。

阅读约4分钟

2026-09-19

深入理解 CSS 容器查询：从媒体查询到组件级响应式设计

媒体查询一直是响应式网页设计的基石，但它只能感知视口尺寸，无法根据组件自身可用空间调整样式。设想一个卡片组件，在侧边栏中需要竖排紧凑布局，在主内容区中又希望横排展示。用媒体查询要么写一堆全局断点耦合布局假设，要么干脆放弃组件复用。容器查询（Container Queries）正是为解决这个问题而进入 CSS 标准的。它允许开发者声明一个包含上下文，让内部元素...

阅读约35分钟

2026-09-19

Vue 3 的 v-model 在自定义组件上到底改了什么

在 Vue 3 项目中，我们经常把表单控件封装成自定义组件，比如输入框、下拉选择、日期选择器。封装时绕不开 v-model，但很多人用的时候只是照抄文档：modelValue 作为 prop，update:modelValue 作为 emit。一旦需要在同一组件上绑定多个值，或者想把 v-model 改成 .sync 那种旧写法，就容易出错。更麻烦的是，当子...

阅读约35分钟

2026-09-19

浏览器选择下载文件时如何优雅地取消请求？AbortController 在文件下载中的实践

用户在后台管理系统里点了导出报表，文件比较大，要等十几秒。这期间他们又点了取消，或者切换了筛选条件重新导出。结果旧请求还在跑，新请求又发出去，浏览器可能在下载完成后弹出两个保存对话框。这个问题在文件生成接口、批量数据导出、日志下载等场景里很常见。原因在于前端用 fetch 或 XMLHttpRequest 发起下载时，没有把请求和用户操作的生命周期绑定起来，...

阅读约40分钟

2026-09-19

用 AbortController 取消请求时，为什么后端还在跑？

前端调用 fetch 发起一个耗时请求，用户等不及点了取消按钮，代码里调用了 abort()，浏览器控制台立刻抛出 AbortError，Promise 进入 rejected 状态。看起来请求已经被杀掉了，但打开 Network 面板会发现请求变成 (canceled)，然而服务端日志里对应的接口依然执行到了最后，甚至写入了数据库。这个现象让不少人在做搜索...

阅读约41分钟

2026-09-19

Vue 3 中 watch 和 watchEffect 的竞态问题与取消请求实践

在 Vue 3 项目里处理搜索建议、分页切换或者路由参数变化时，经常需要在 watch 或 watchEffect 里发起异步请求。如果用户输入速度很快，或者快速切换页面，前一个请求可能比后一个请求先返回，导致界面显示的是旧数据。这个问题一般称为竞态条件，根源是异步回调没有和响应式依赖的生命周期对齐。这篇文章从实际场景出发，说明 watch 和 watchE...

阅读约34分钟

2026-09-19

Vue 3 中 watch 和 watchEffect 的清理副作用到底怎么写才不踩坑

在 Vue 3 的组合式 API 里，watch 和 watchEffect 用起来很顺手，但一旦涉及异步请求、定时器或者事件监听，清理逻辑没写好就会留下隐患。比如搜索框输入时频繁发请求，旧请求还没返回新请求就发出去了，最后页面显示的是过期数据；再比如用 watchEffect 监听路由参数变化时开了个定时器，组件卸载后定时器还在跑，控制台一直报错。这些问题...

阅读约36分钟

2026-09-19

React 中从 useEffect 里安全地移除全局事件监听：为什么你的回调总是旧值

在 React 项目里给 window 或 document 绑定键盘快捷键、滚动监听、点击外部关闭下拉菜单，是再常见不过的需求。很多人会写在 useEffect 里，然后加上 removeEventListener，结果发现要么移除不掉导致内存泄漏，要么回调里拿到的 state 永远是初始值。最常见的写法是直接在 effect 内部定义函数并引用，但依赖数...

阅读约38分钟

2026-09-19

Vue 3 中 v-model 在自定义组件上的类型推导与边界处理

在 Vue 3 的组合式 API 项目里，给自定义表单组件接 v-model 是很常见的操作。表面上看，父组件写 v-model="form.name"，子组件声明 defineProps<{ modelValue: string }>() 和 defineEmits<{ 'update:modelValue': [value: string] }>()，就...

阅读约37分钟

2026-09-19

Vue 3 的 effectScope 到底解决什么问题？从组件外响应式副作用说起

在 Vue 3 项目里，我们经常会把响应式逻辑抽成组合式函数，比如 useMouse、useScroll、useRequest。这些函数内部往往会有 watch、computed、watchEffect 这类响应式副作用。如果它们是在组件 setup 里调用的，Vue 会自动把这些副作用绑定到当前组件实例上，组件卸载时一起清理。但一旦你在组件外部调用，比如在...

阅读约40分钟

2026-09-19

#WorkBuddy# 回测突然跑出「显著正 IC」，结果是我自己写错了一行代码

我在做一件事：独立检验一个行业动量分值到底有没有预测力。为了让它可信，我特意做足了三件事——用共享的前复权日线（含退市股，避免幸存者偏差）、样本拉到 17 年跨多轮风格、口径写死在文档里。

阅读约10分钟

2026-09-19

文献分享（xenium）--胰腺癌异质性与免疫逃逸中的丝氨酸蛋白酶抑制剂-髓系细胞轴

胰腺导管腺癌（PDAC）以高度免疫抑制、细胞外基质丰富的微环境为特征，但肿瘤表现出显著的异质性。这提出了一个问题：免疫抵抗是肿瘤的全局属性，还是在空间受限的生态位内组织起来的。本研究利用Perturb-map空间功能基因组学，确定了不同基因如何在空间和时间上塑造PDAC克隆的生长和细胞环境。该分析揭示了早期基因驱动的局部免疫邻域重塑，先于晚期空间克隆优势的出...

阅读约48分钟

2026-09-19

腾讯云实战案例：一支 6 人团队用 TokenTracker 把 AI 预算算清了

客户情况：一支 6 人的后端与数据团队，在腾讯云 CVM 上做远程开发，共用两台开发机，同时使用 Claude Code、Codex CLI、Cursor、CodeBuddy、WorkBuddy 和 DeepSeek Harness。遇到的问题很具体：每月 AI 支出持续上升，但没人说得清钱花在哪个项目上。财务拿到的是各家 API 后台账单，只有总额；团队...

阅读约8分钟

资源下载

更多资源

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文件系统，支持十年生命周期更新。

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

文章列表

Vue 3 中 watch 与 watchEffect 的依赖收集差异：为什么你的回调没有触发？

Vue 3 中 v-model 绑定自定义组件时，为什么输入框无法输入中文？

Vue 3 中如何优雅地监听 Pinia store 中某个 state 的变化？

JavaScript 中的 Array.prototype.sort 为何不总是按预期排序？

Vue 3 中使用 keep-alive 缓存路由组件，返回时滚动位置丢失怎么办

多端学习进度同步不回退：版本号合并与断点续学的工程实现

为什么你的 React 组件总是重复渲染？深入 useCallback 和 useMemo 的依赖陷阱

把重复劳动交给 AI Agent 之后：我踩过的 5 个坑和攒下的 5 条准则

深入理解 CSS 容器查询：从媒体查询到组件级响应式设计

Vue 3 的 v-model 在自定义组件上到底改了什么

浏览器选择下载文件时如何优雅地取消请求？AbortController 在文件下载中的实践

用 AbortController 取消请求时，为什么后端还在跑？

Vue 3 中 watch 和 watchEffect 的竞态问题与取消请求实践

Vue 3 中 watch 和 watchEffect 的清理副作用到底怎么写才不踩坑

React 中从 useEffect 里安全地移除全局事件监听：为什么你的回调总是旧值

Vue 3 中 v-model 在自定义组件上的类型推导与边界处理

Vue 3 的 effectScope 到底解决什么问题？从组件外响应式副作用说起

#WorkBuddy# 回测突然跑出「显著正 IC」，结果是我自己写错了一行代码

文献分享（xenium）--胰腺癌异质性与免疫逃逸中的丝氨酸蛋白酶抑制剂-髓系细胞轴

腾讯云实战案例：一支 6 人团队用 TokenTracker 把 AI 预算算清了

资源下载

Spring

Rocky Linux

Sublime Text

WebStorm

欢迎您来访！