-
使用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。
-
HTML乱码根源在于<metacharset>声明与文件实际编码不一致，必须严格匹配；还需确保HTTP响应头、编辑器保存编码、Git及CDN等全链路统一为UTF-8。
-
<address>标签仅用于标识页面或<article>的作者/维护者联系信息，如邮箱、电话、GitHub主页等，不可用于公司地址、版权信息或导航链接；必须作为<body>或<article>直接子元素，且语义不可被CSS覆盖。
-
答案：基于发布-订阅模式的消息队列通过中间通道解耦生产者与消费者，提升系统扩展性。可使用RedisPub/Sub实现轻量级实时通信，但消息不持久；RedisStream支持持久化、消费者组和确认机制，适合可靠队列；高并发场景推荐RabbitMQ、Kafka等专业中间件，提供高吞吐、持久化和复杂路由能力。
-
