首页 文章 精选 留言 我的

文章列表

共 221283 篇
Vue 3 中 v-model 绑定自定义组件时,为什么输入框会失去焦点?

Vue 3 中 v-model 绑定自定义组件时,为什么输入框会失去焦点?

在 Vue 3 项目里封装表单组件是很常见的需求。比如你写了一个 MyInput 组件,内部用 接收用户输入,然后通过 v-model 让父组件拿到值。看起来没问题,但实际运行时经常出现一个让人困惑的现象:每输入一个字符,输入框就失去焦点,必须重新点击才能继续输入。这个问题在开发搜索框、表单、聊天输入框时都会遇到。根本原因通常不在输入框本身,...

Vue 3 中 watch 和 watchEffect 的依赖收集差异导致的一次诡异重复请求

Vue 3 中 watch 和 watchEffect 的依赖收集差异导致的一次诡异重复请求

在 Vue 3 的组合式 API 里,watch 和 watchEffect 看起来只是写法上的偏好区别,但它们对响应式依赖的收集时机完全不同。watch 是显式声明依赖源,只在源变化时执行回调;watchEffect 则是立即执行一次,执行过程中访问到的响应式数据会被自动收集为依赖。这个差异在简单场景下无感,但当你把异步请求放在 watchEffect 里...

Vue 3 中 ref 与 reactive 的响应式陷阱:为什么修改数组索引不触发更新?

Vue 3 中 ref 与 reactive 的响应式陷阱:为什么修改数组索引不触发更新?

在 Vue 3 组合式 API 里,ref 和 reactive 是最常用来定义响应式数据的两个函数。很多从 Vue 2 迁移过来的开发者习惯性地用 reactive 包裹对象或数组,然后直接通过索引赋值或者修改 length,结果发现视图纹丝不动。这个问题在列表渲染、表格编辑、动态表单等场景里特别容易踩坑:明明数据变了,控制台打印出来也是新值,但 DOM ...

Node.js 服务端在处理大文件下载请求时内存暴涨的排查过程

Node.js 服务端在处理大文件下载请求时内存暴涨的排查过程

上周在维护一个内部文件管理服务时遇到一个奇怪的问题:只要有人下载超过 200MB 的文件,Node.js 进程的 RSS 内存就会迅速飙升到 1.5GB 以上,几轮下载后触发 OOM 被容器重启。这个服务本身只是把对象存储里的文件流式转发给浏览器,没有做任何缓存处理,按道理不应该占用这么多内存。出现内存暴涨的场景很具体——只有大文件、并且用户用 Chrome...

当 localStorage 写入失败:Safari 无痕模式与存储配额的真实处理方式

当 localStorage 写入失败:Safari 无痕模式与存储配额的真实处理方式

做前端持久化时,localStorage 通常是最先被想到的方案,API 同步、简单、兼容性也足够好。但它在真实环境里并不是永远可写:Safari 无痕模式下 setItem 会直接抛出 QuotaExceededError;用户关闭站点存储、浏览器剩余空间不足或单域名超过配额时也会失败。更麻烦的是,很多代码只包一层 try/catch 就完事,页面状态已经...

同一天3篇文章火了,2个Java项目爆火:Agent上线翻车,为何不在模型?

同一天3篇文章火了,2个Java项目爆火:Agent上线翻车,为何不在模型?

深夜一点,你盯着群里那条「Agent 把订单退了」的报错截图发呆。换了好几个更强的模型,问题却像野草一样,割了一茬又长一茬。为什么同样的框架换个工具调用就没事,换个场景就崩?问题到底出在哪?其实,真正的风险不在代码的最里层,而在你最忽略的那一层。 2026 年 10 月 7 日这天,科技热榜上连续出现 3 篇讨论 Agent 落地困境的文章。同一时间,两个...

响应式布局中 SVG 图标在 Safari 下模糊的根源与修复

响应式布局中 SVG 图标在 Safari 下模糊的根源与修复

在移动端项目里用 SVG 做图标已经是很常规的做法,但最近在 iPhone 12 和 iPad 上遇到一个怪现象:同一套 SVG 图标,在 Chrome 和 Android 设备上边缘清晰锐利,但在 Safari 中却有一层明显的模糊,尤其在图标尺寸不是整数倍缩放时更严重。这个问题通常出现在使用 viewBox 加百分比宽高的场景,比如图标放在 Flex 容...

JavaScript 中的 AbortController:如何优雅地取消异步任务

JavaScript 中的 AbortController:如何优雅地取消异步任务

在开发搜索框实时联想、文件上传进度控制或页面切换时中断数据请求等功能时,我们经常需要取消已经发出但不再需要的异步操作。以前用 XMLHttpRequest 可以直接调用 abort(),但换到 fetch 或一些返回 Promise 的异步函数后,取消就变得棘手。很多人在组件卸载后仍收到 setState 警告,或者因为旧请求覆盖新请求导致界面显示错误数据,...

别再用 JSON.parse(JSON.stringify()) 深拷贝了:循环引用、Date、RegExp 全给你整没了

别再用 JSON.parse(JSON.stringify()) 深拷贝了:循环引用、Date、RegExp 全给你整没了

处理嵌套对象的时候,很多人习惯用 JSON.parse(JSON.stringify(obj)) 来做深拷贝。这个写法确实够短,一行搞定,日常传个配置对象、拼个请求参数看起来也没出过什么问题。但只要对象里出现 Date、RegExp、Map、Set,或者存在循环引用、undefined、函数、Symbol 这类值,它就开始悄悄丢数据。拷贝出来的结果不是报错就...

#WorkBuddy# #AI办公# 开市前 24 小时预演:把 10/1 写下的恢复检查清单逐项跑完,11 个任务排期零漂移

#WorkBuddy# #AI办公# 开市前 24 小时预演:把 10/1 写下的恢复检查清单逐项跑完,11 个任务排期零漂移

10 月 8 日就要开市了。我在 10 月 1 日的调度体检篇里,给 11 个自动化任务盘出了一份假期空转预测,文末附了一份「开市日恢复检查清单」。10 月 2 日我又用真实执行记录校验了那份预测。但体检和校验都发生在假期中段——清单本身,还一次都没真正跑过。假期最后一天(10/7),我决定做一次开市前 24 小时预演:把检查清单逐项执行一遍,确认明天开市后...

海量数据下的分库分表:优化思路、利弊与四种拆分方式

海量数据下的分库分表:优化思路、利弊与四种拆分方式

流量包业务模型与数据量预估 简介:梳理账号服务里流量包的业务模型,预估数据量,引出分库分表的需求 业务模型 创建短链要消耗流量包,流量包是对外售卖的商品,可以叠加购买 一个用户会有多条流量包记录,类似订单记录 流量包商品 | 商品 | 每天可创建 | 有效期 | | --- | --- | --- | | 流量包一 | 5 次 | 1 个月 | | 流量包二...

资源下载

更多资源
Spring

Spring

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

Rocky Linux

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

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

WebStorm

WebStorm

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

用户登录
用户注册