JavaScript共4篇
一个 81 行的朗读按钮改了三轮:三个静默失效的坑-知集

一个 81 行的朗读按钮改了三轮:三个静默失效的坑

文章朗读按钮的核心代码不到 100 行,却踩了三个静默失效的坑:cssText 整体覆盖抹掉 innerHTML 的 display:none、硬编码白底在夜间模式消失、只在 boot 判定一次视口导致缩放后不搬家。附零依...
lixiansen的头像-知集lixiansen17天前
03112
异步 DOM 与父主题协作的三个静默失效:剪切板委托、角标标记、与「没反应」-知集

异步 DOM 与父主题协作的三个静默失效:剪切板委托、角标标记、与「没反应」

给消息中心做优惠码复制、给站内消息做角标自动刷新,两个功能都坚持「复用父主题」。上线后连报三个「不生效」:点了没反应、角标纹丝不动、控制台手动调也「没反应」。三条都不报错不留日志。...
lixiansen的头像-知集lixiansen16天前
0279
看板娘不拖慢首屏:六个脚本的串行注入,与三重触发时机-知集

看板娘不拖慢首屏:六个脚本的串行注入,与三重触发时机

Live2D 看板娘要加载 6 个脚本加模型贴图,直接挂 head 会拖慢首屏。本文讲清两件事:为什么这 6 个脚本必须串行(并行会得到「本地复现不了、线上偶发」的顺序 bug),以及怎么用「事件 + 定时...
lixiansen的头像-知集lixiansen16天前
0319
当主题模板没有过滤器:把「字数+阅读时间」并进它的 meta 行-知集

当主题模板没有过滤器:把「字数+阅读时间」并进它的 meta 行

主题文章头部那行 meta 是硬编码的、没有 apply_filters,插不进新项。本文给出第三条路:服务端渲染自己的块,客户端把子项逐个搬进目标行,搬不动就原地保留。附中英混排字数口径、三层测试与...
lixiansen的头像-知集lixiansen17天前
0475