-
真实登出必须触发服务端清理逻辑，不能仅靠前端跳转或清除本地状态；应使用带credentials:'include'的POST请求调用/logout接口，配合后端销毁session、作废token并禁用缓存。
-
最简单纯CSS镂空文字用text-shadow模拟：设color:transparent，叠加4–8层±1px偏移、blur为0或1px的阴影；需搭配高对比背景才清晰。
-
hsl()是实现平滑循环色相动画的唯一可靠方案，需用0→360线性插值、避免混用色彩模型、提供rgbfallback并真机实测。
-
优先选用明确标注“CORSenabled”的天气API（如open-meteo.com），否则须通过后端代理中转，禁在前端硬编码Key；渲染时用textContent防XSS，IP定位需合规提示并提供手动修正入口。
-
最推荐方式是navigator.clipboard.writeText()，现代浏览器均支持，需HTTPS或localhost安全上下文，必须用户触发；旧浏览器降级用document.execCommand("copy")。
-
position:absolute时margin不失效，但参考系变为定位上下文；relative定位下margin与top叠加易致布局“飘忽”；fixed元素用margin易引发溢出；flex/grid中应优先使用justify-content、gap等现代布局属性而非margin定位。
-
document.getElementById返回null主因是脚本执行过早，DOM未加载完成；应将脚本置于</body>前或用DOMContentLoaded包裹，并确保ID严格匹配、元素已存在。
-
HTML5语义化标签提升结构清晰度与可访问性，常见标签包括header、nav、main、article、section、aside、footer、figure、figcaption和time，分别用于定义页面头部、导航、主内容、独立文章、区块章节、侧边内容、底部信息、图文组合及时间，增强SEO、可读性与维护性，使用时需注意标签语义准确性和兼容性处理。
-
metakeywords标签已失效，标签云易被判定为薄内容；真正影响关键词的HTML标签仅有title、metadescription、h1、imgalt和canonical。
-
使用Bulma的间距类可统一表单元素间距，推荐为.field添加mb-4等一致类名，通过my、mx等辅助类控制外边距，结合box或flex布局增强结构，全局约定mb-3/mb-4及mt-5用于按钮，保持设计一致性。
-
ApplicationCache已废弃，ServiceWorker是当前唯一标准化、全平台支持的离线方案，需通过HTTPS/localhost注册，注意install阶段缓存原子性、fetch事件分类型处理及缓存版本清理。
-
条件断点在for循环中不触发，主因是变量未初始化、作用域错误、误用赋值运算符、循环范围与条件值不匹配；forEach回调加条件断点应改用具名函数或debugger语句；高频循环中需简化条件表达式并黑盒第三方脚本。
-
iframe加载空白或报错“blockedbyCORS”是因跨域策略限制：不同源时父页JS无法访问子页DOM/JS，属浏览器安全机制；需用postMessage通信，且本地file://协议下所有iframe均被视作跨域，必须启用本地服务。
-
全屏体验卡顿或崩溃源于错误实现：未清理动画帧、监听器中同步执行大量DOM操作、未设明确宽高、Safari仅支持webkitEnterFullscreen()、退出需用户手势触发、缺少viewport-fit=cover导致安全区失效，且全屏是DOM重绘边界需显式重置依赖视口的逻辑。
-
闭包能访问并记住定义时的作用域变量，实现私有变量、模块化和回调上下文，但因持久引用易致内存泄漏，需及时解绑事件、清除定时器、避免长期持有大对象或DOM引用，显式断开无需的引用以助垃圾回收。
