-
优先选用明确标注“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引用，显式断开无需的引用以助垃圾回收。
-
先通过JavaScript获取表格行并转换为数组，再根据点击的列索引进行排序。使用sort()方法比较单元格内容，区分数字和字符串类型，中文采用localeCompare('zh')确保正确排序。每次排序后更新行顺序，并切换升序降序状态。通过sortDirection对象记录各列排序方向，点击表头时切换顺序。最后将排序后的行重新插入tbody完成更新。可添加箭头符号提示当前排序方向，提升用户体验。核心是处理数据类型和本地化比较，避免文本方式排数字或中文乱序问题。
-
JavaScript中的Set用于存储唯一值，自动去重，支持add、delete、has、clear方法及size属性，可通过展开运算符与数组互转，适合处理数组去重和集合运算（并集、交集、差集），但对象去重需结合Map或属性判断。
-
HTML5离线缓存（AppCache）已废弃，删除需三步：移除HTML中manifest属性、服务器停止响应.manifest请求、开发者工具中清除ApplicationCache；若用ServiceWorker则需调用cache.delete()等API。
