炊想小程序帮你把一道菜配成一桌饭
炊想从一道菜出发，帮你选菜、排菜单、合并买菜清单，再按步骤做饭。首页每小时推荐一道现成菜，灵感先挑选再搭配；「我的厨房」记录家人口味、冰箱库存和做过的菜，支持问做法、拍照识食材、菜单单道换菜，会员还能排一日三餐、统筹多菜并与家人共享。本文介绍 3.1.0 的使用流程、免费与会员权益，以及登录、邀请和失败后恢复的方式。
FOLLOW YOUR CURIOSITY
把同一个话题，读得更深。
这个话题下有 52 篇手记。
用免注册试用和分享邀请给小程序拆掉注册墙
记录炊想 2.0.16 如何用微信身份、复用用户表、分享邀请和转化埋点拆掉邮箱注册墙，并对照当前 3.1.0：先浏览，主动勾选协议后微信登录，邮箱可选绑定或找回原账号，邀请双方各得 10 次搭配。历史游客方案与现行登录流程分别说明。
用 RestTemplate 流式调用文本接口时按有没有输出决定是否重试
保留 RestTemplate 流式读取中按有效输出、繁忙退避和剩余时间决定重试的排查，并补充当前实现：结果校验与限次修复、优先通道回退、异步任务恢复，以及菜单、问答和照片识别的边界。原通道参数与当前各功能预算明确区分，避免把读超时当作整次生成的硬上限。
代码块里多出来的那截底色是怎么来的
换到流萤主题后，代码块里多出两种颜色：每行有字的地方垫着一块底色，折叠时底部渐隐和「展开全部」条偏蓝。原因都是组件底座写死了藏青色，而主题的代码底色换了。本文记录排查和修法：行内元素的背景为什么一行一画；想保留渐隐曲线只换颜色时用 color-mix，以及带 var() 的 color-mix 在旧浏览器里会整条失效、兜底必须写在后面的 @supports 里；用自写 PNG 解码逐像素比较，证明其它主题一个像素都没变；Playwright 定位器重新查询造成的假「点了没反应」；AI 助手黑夜里的同类问题。
小程序分享卡片被分享签名校验降级的排查
记录炊想分享卡片在发出方正常、接收方却被降级的排查，区分签名校验失败与图片加载失败。结合 3.1.0 说明同步分享对象、具体做法版本、缩略图兜底，以及首次微信登录后双方各得 10 次的邀请规则。
小程序登录页切换输入框时键盘被收起的排查
旧版炊想在部分真机上从文本框切到密码框时会丢失焦点。本文保留事件日志、原生输入对照实验和延后聚焦的补救过程，并更新当前状态：3.1.0 使用主动确认协议后的微信登录，原账号密码表单已经下线，历史补救代码不再用于登录页。
用代码拍一支 24 秒的美食短片
用 HTML 按时间渲染画面、无头 Chrome 逐帧截图、numpy 合成做菜声，再用 ffmpeg 编成一支 24 秒美食短片。本文保留 2026-10-09 的视频与制作参数，并补充当前 3.1.0 的厨房功能和新版首页，区分宣传片制作案例与最新产品说明。
手机上被撑破的搜索弹层
给博客搜索弹层加了热门标签和最近文章，电脑上排得整齐，手机上却被撑出了弹层。记录三个坑：网格 auto 列不会比不换行的内容窄、两行截断时内边距漏出第三行半截、固定弹层在小屏上底边出屏，以及之后在多个尺寸下量越界的办法。
菜谱要写 90 秒时三道超时该怎么排
从早期菜谱生成触发 504 的现场说明读取空闲超时、总时限、Nginx 与客户端超时的区别，并补充当前异步任务与优先通道回退的时间边界：提交超时先查原任务，断网后恢复轮询；预算检查、读取超时与线程真正停止并不是一回事。
Canvas分享海报
博客文章页的分享海报重做了一遍：加上封面、分类、标签和头像，弹窗改成一屏放下。本文记录重做时量出来的几个问题：旧版逐字换行，全站 372 篇文章里有 288 篇的海报把英文单词拆开、把标点放在行首；canvas 画了跨域图片就会被污染、无法导出，七牛的图要服务器允许跨域、页面设置 crossOrigin 才能画，而 Chrome 还会为这类请求单独建连接；二维码先画成小图再放大，边缘有三成是灰色的过渡像素。以及对应的断行规则、图片加载策略和按屏幕尺寸计算海报大小的写法。
清掉没用上的字体后博客冷加载流量减半
博客默认主题换成流萤后，用无头 Chrome 在手机尺寸下做冷加载实测：首页 1495 KB 里有 849 KB 是一个字体文件，页面上却没有一个字用它。本文记录这一轮排查：预加载让按需下载的字体变成必下，CSS 背景图当最大内容时浏览器发现得太晚，评论照片显示 220px 却下载 1080px，改 srcset 时撞上同一段 HTML 被规范化两遍，以及打字机副标题折行导致的首屏跳动。改完四个页面的冷加载流量减少 42% 到 68%。
position fixed 为什么不固定了
给博客的手机菜单做右侧抽屉时，一个 position: fixed、top 和 bottom 都是 0 的抽屉，只要写在顶栏里面就只有 64px 高，顶栏向上收起时还会被一起带走——毛玻璃用的 backdrop-filter 让顶栏成了它的包含块。本文先说明 fixed 元素的包含块什么时候不再是视口，再用 Chrome 154 实测 20 种写法：transform、translate、filter、backdrop-filter、perspective、will-change: transform、contain、content-visibility 会“截胡”，opacity、isolation、mix-blend-mode、z-index、container-type 只建立层叠上下文、不会截胡；全站置灰的滤镜放在 html 上安全，放在 body 上会让所有 fixed 元素跟着页面滚走。最后给出用 offsetParent 一行找到“截胡者”的排查方法，以及挪出 DOM、把属性挪到伪元素上两种修法。