按钮禁用必须严格同步账号状态，核心是使用btn.disabled = true而非CSS模拟；需校验DOM就绪、API响应后操作，并用:disabled伪类统一视觉样式。
按钮禁用逻辑必须和账号状态严格同步
账号被封禁时，按钮不能靠“视觉灰化”糊弄过去。真正起作用的是 disabled 属性本身——它会阻止点击、跳过表单提交、屏蔽键盘焦点，并被屏幕阅读器识别为“已禁用”。只改 style 或加 pointer-events: none 会导致：回车键仍能触发、Tab 键可聚焦、表单照样提交、残障用户完全不知情。
判断封禁状态后，直接赋值 btn.disabled = true
别写 btn.setAttribute('disabled', 'true') 或 btn.disabled = 'true' —— 后者是字符串，JS 会转成 true，但语义混乱；前者在 DOM 中残留属性，下次服务端渲染或框架 hydration 可能冲突。
- 正确写法：
btn.disabled = true（启用时设为false） - 检查是否已禁用，优先用
btn.hasAttribute('disabled')，比btn.disabled更可靠（尤其初始 HTML 就带disabled） - 如果账号状态来自 API，务必等请求返回后再操作按钮，避免竞态：先设
btn.disabled = true防误点，再根据响应结果决定是否恢复
视觉反馈要靠 button:disabled CSS 规则，不是内联样式
浏览器默认禁用样式不一致（Safari 不降 opacity，某些安卓 WebView 无灰度），必须用 CSS 强制统一：
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
button:disabled {
opacity: 0.6;
cursor: not-allowed;
background-color: #ccc;
color: #666;
}
- 不要用
btn.style.opacity = '0.6'这类内联样式——它无法覆盖伪类，且和框架绑定易冲突 - 禁用时不必手动加 class，
:disabled伪类天然匹配 - 移动端需额外测试：部分 iOS Safari 对
cursor: not-allowed无反应，但disabled属性本身仍生效
动态插入的按钮必须等 DOM 就绪再操作
Vue/React 渲染、AJAX 加载后追加的按钮，如果 JS 在节点还没挂载时就执行 document.getElementById('banBtn')，结果是 null，报错 Cannot set property 'disabled' of null。
立即学习“前端免费学习笔记（深入）”；
- 安全做法：先判空，
const btn = document.getElementById('banBtn'); if (!btn) return; - 或监听
DOMContentLoaded，或把脚本放
