Teleport 弹窗尺寸为什么会丢 这次问题表面上像是一个业务弹窗变窄了:右上角头像点开的账号弹窗还是 375px,点进「基本信息」后,右侧编辑弹窗却窄得像不到 200px。 最初几个怀疑点都合理:是不是 ProfileEditor 写坏了宽度,是不是 Teleport 把 scoped style 挪丢了,是不是 postcss-pxtorem 把 375px 转成 rem 后受浏览器字号影响。真正查到 Vue runtime 后 2026-06-22
自定义滚动条别挤布局:一次 hover 抖动的处理 有些 UI 细节很小,但会把页面质感一下拉下来。比如弹窗里有一组网格按钮,默认看着居中;鼠标移进去,右侧滚动条出现,按钮突然往左挤了一点。滚动条只有几像素宽,用户未必能说出原因,但会觉得界面在抖。 这类问题的核心通常是滚动条改变了 scrollport 的宽度。只要内容排版依赖 clientWidth,原生滚动条在 hover 时出现或消失,就可能让 grid、居中按钮、两端对齐布局重新计算。 最 2026-06-17
Nuxt Image 不是 img 的平替:一次本地 assets 图片 404 的排查 <NuxtImg> 很容易被当成一个更高级的 <img>。名字像,写法也像,迁移时看起来只是把标签换一下。 这次问题就出在这里:一批组件私有图片从 <img> 换成 <NuxtImg> 后,本地开发环境里图片突然打不开了。原始图片 URL 明明可以直接访问,但页面里经过 Nuxt Image 处理后变成了 404。 结论先放前面:<NuxtIm 2026-06-17
修复 Vue Devtools Open In Editor 找不到 Toolbox WebStorm Vue / Nuxt Devtools 里的 Open in editor 本来是一个很顺手的入口:点一下组件或文件路径,IDE 直接跳到对应行。最近它在本机突然不好用了,表现是找不到 WebStorm,或者没有打开当前正在用的那套 WebStorm。 这个问题不在 Vue 组件,也不在 Nuxt 页面。真正卡住的是本机编辑器发现逻辑和 JetBrains Toolbox 的安装路径没有 2026-06-11
Clash Verge TUN 下让公司内网依赖走内网 在家办公、周末排查问题,或任何不在公司办公网络里的场景,机器经常需要同时连上两套网络:一套公司客户端负责访问内网服务,一套外网代理负责日常上网和公开资料访问。理想状态是内网和外网各走各的路,实际开了 Clash Verge Rev 的 TUN 模式后,公司内网域名可能会先被 Clash 的 DNS 接管,最后落到 198.18.x.x 这样的 fake-ip 上。表面上看,公司客户端已经连上了,真 2026-06-09
把 Hexo 文章文件名、URL 和排序分开管理 这次整理是从 source/_posts 的扫读体验开始的。 文章少的时候,把文件名直接写成公开 URL 的标题段很自然。比如: source/_posts/static-site-cache-control-oss.md source/_posts/mobile-webview-remote-debugging-android-ios.md 看到文件名,就能猜到文章 URL。这个关系很直接,也 2026-06-07
读《置身钉内》:AI 办公里的权力、责任和人的边界 导读原文 PDF 可以在这里下载:《置身钉内》。 这是一份 105 页的长文,作者以钉钉 ONE 项目亲历者的身份,复盘一个 AI 办公产品从立项、发布、共创、迭代到收缩的全过程。它后来被外部转述为一篇在阿里内网刷屏的长文,作者是钉钉悟空事业部 AI 产品经理滕雅辛(花名「幽素」),于 2025 年 6 月入职钉钉,是 ONE 项目较晚进入、也较晚离开的核心产品经理之一。 ONE 是无招 2025 2026-06-07
iOS WebKit 中 transform 和 z-index 的一次层级闪烁排查 一个移动 H5 弹窗里有三张奖励卡:中间卡片应该压住左右两张,左右两张轻微旋转并露在后面。Android 上切换 Swiper 时一直正常;iOS 上会在切换瞬间从「中间压着两边」变成「两边压着中间」,很快又恢复正常。 最后修复只改了一行: .reward--center { z-index: 3; transform: translateZ(0); } 这行代码没有 2026-06-05
一个 H5 装饰按钮在 Android WebView 和 iOS Safari 上的两次渲染排查 一个移动 H5 页面里有个固定在右下角的小按钮。按钮本身不复杂:圆角胶囊、渐变底色、生日图标、右侧气球纹理、左上角高光纹理,收起时会变成一个窄按钮。 麻烦点在装饰层。为了贴近设计稿,按钮里用了负坐标纹理、mix-blend-mode、半像素描边、overflow: hidden、圆角和动画。Chrome 桌面看起来正常,不代表移动 WebView 也稳定。这个按钮先后暴露了两个问题: Andro 2026-06-05
Codex Skill 里不应该明文保存密钥 有些配置看起来很像普通文档内容。 比如一个 Figma Personal Access Token。它只是为了让本地脚本调用 Figma REST Images API,把设计节点导成 PNG;放进 Skill 里,后续每次执行都不用再问,看起来最省事。 但这类值不应该写进 Skill。Skill 是可复用的长期指令,密钥是会过期、会泄露、需要轮换的私有凭据。把两者混在一起,短期方便,长期会把风险 2026-06-04