-
原生<details>和<summary>可实现查询参数折叠展开，轻量、可访问性好、SSR友好；适合放置page、sort等可选参数，需避免必填项隐藏及display:none误用。
-
HTML5不直接加密Wasm模块，需前后端协同实现传输加密、运行时解密与内存保护；通过服务端AES加密wasm字节码、前端SubtleCrypto解密、剥离debug信息及反调试等手段增强安全性。
-
浮动导致父容器高度塌陷是因为浮动元素脱离文档流，父容器无法感知其高度；BFC是标准解法，推荐用display:flow-root，兼容场景可选overflow:hidden。
-
导航菜单小屏不折叠的主因是BEM修饰符未随响应式状态动态添加；应通过matchMedia监听并切换--mobile类，而非依赖CSS自动推导，且需确保父容器无高度/溢出限制。
-
HTML规范禁止在<video>标签内直接嵌套<div>等非媒体子元素，导致.img-caption无法正确渲染或响应CSS定位；修复需将图层移至<video>外部并添加pointer-events:none防止遮挡交互。
-
text-overflow:ellipsis仅支持单行省略；多行需用-webkit-line-clamp（需display:-webkit-box等配合）、::after伪元素遮罩或JavaScript精确截断，各有兼容性与精度权衡。
-
闭包是JavaScript中实现私有计数器最自然的方式，通过封装count变量于外层函数作用域，仅暴露increment、decrement、value等接口，确保状态隔离与不可篡改。
-
首先配置VMware共享文件夹，将Mac目录映射至Linux的/mnt/hgfs/路径；接着安装open-vm-tools并手动挂载共享文件夹；然后在Linux中编辑位于共享路径下的CSS文件；最后在Mac端启动支持热重载的开发服务器，实现保存即刷新的效果。
-
遮罩层未铺满全屏的根本原因是fixed元素默认尺寸为内容自适应，应设inset:0或宽高100%；需确保z-index足够大、pointer-events正常、背景色不透明，并注意iOSSafari视口变化及深色模式适配。
-
最常见的原因是href属性值无效，如为空、空格、javascript:void(0)未配事件、协议或路径拼写错误；其次为缺少rel="noopener"被安全策略拦截；再者是JS阻止默认行为后未兜底跳转；最后是页面被sandboxiframe嵌入导致外链禁用。
-
JavaScript是XSS和CSRF攻击的主要执行载体，防范需控制数据流向、限制执行上下文、切断攻击链路：XSS防御重在输入过滤、输出编码、执行隔离；CSRF防御核心是校验不可预测且绑定会话的凭证；还需关注第三方库风险、本地存储安全、重定向校验及错误信息泄露。
-
HTML文档无法整体设为只读，需按元素类型分别处理：input/textarea用readonly或disabled，contenteditable元素必须设contenteditable="false"，JavaScript操作时注意属性名大小写与动态插入时机。
-
推荐用「操作符优先级+双栈法」安全解析数学表达式：先正则清洗并归一化符号，再按优先级计算，特殊处理负数和括号，配合token化与实时校验防错。
-
状态驱动的导航菜单核心是通过全局状态（如用户角色、路由、权限）动态决定菜单结构与高亮，而非硬编码；菜单数据从Pinia/Redux等store响应式读取并实时更新，自动匹配当前路由实现精准高亮，权限变更时主动重载，侧边栏组件仅负责渲染与跳转，保持无状态。
-
响应式断点失效主因是媒体查询语法错误、CSS优先级覆盖或未统一使用min-width体系；需检查括号/单位/大小写规范，确保viewport标签完整，并用开发者工具验证样式是否被覆盖。
