-
Astro默认对组件内脚本进行作用域隔离，导致页面跳转后事件监听丢失；通过is:global指令将导航栏交互逻辑提升为全局脚本，即可修复移动端菜单无法二次展开的问题。
-
background-size:cover会裁切图片是因为其逻辑是等比缩放填满容器并裁剪溢出部分，不保证主体可见；需配合background-position、aspect-ratio和容器尺寸约束来精准控制构图。
-
JSON.stringify的核心作用是将JavaScript对象或值转换为JSON字符串，便于数据传输（如fetch发送POST请求）和存储（如localStorage）；2.处理特殊类型时需注意：函数、undefined、Symbol会被忽略，数组中对应值变null，循环引用会抛错，Date转ISO字符串但反序列化仍为字符串，BigInt和Map/Set需手动处理；3.通过replacer参数可过滤属性或自定义转换逻辑（如隐藏敏感信息、处理BigInt），space参数可格式化输出（数字为空格数，字符
-
CSS3DRenderer不接管CSS样式，需手动设置DOM元素样式；标签不可见主因是未设宽高/颜色或被canvas遮挡；CSS3DObject固定朝向，CSS3DSprite始终面向相机；须用pointerEvents控制事件穿透，字体缩放需动态计算距离。
-
可以，但必须满足前提：投票结果是已统计完成的静态比例，而非“正在计票中”；需配合label或aria-label明确语义，且low/high/optimum须业务对齐并兼顾兼容性。
-
多层浮动布局通过float实现元素水平排列，利用clear清除浮动以控制层级；每层结束后用clear:both或伪元素::after避免影响下一层，推荐使用.container::after{content:"";display:block;clear:both}消除额外标签，防止高度塌陷，适用于旧项目维护。
-
尾调用优化通过在函数末尾直接调用另一函数并立即返回结果，避免栈帧累积。满足条件包括：最后一步为函数调用、调用结果直接返回、无后续计算或闭包引用。例如阶乘函数若先调用再计算则不构成尾调用。
-
HTML本身不支持动画，手风琴平滑过渡必须用CSS的max-height+transition或JavaScript；因height:auto不可过渡，故max-height是最佳纯CSS方案，关键在设定合理临界值（如240px）并配合opacity和overflow:hidden实现流畅收展。
-
能，但仅限于内联事件处理器中直接returnfalse时生效；现代推荐用event.preventDefault()，语义清晰且兼容异步流程。
-
scope属性专用于<th>，是屏幕阅读器识别表格语义的唯一依据；scope="col"用于<thead>列标题，scope="row"用于<tbody>行首标题，合并单元格须显式声明，写在<td>上无效。
-
不能，subgrid不能直接替代传统嵌套Grid；它仅作用于直系子元素，需父容器设grid及轨道定义、子元素显式声明subgrid，缺一即退化；兼容性需双重@supports检测并配合CSS变量fallback。
-
使用HTML5开发跨平台应用需借助混合框架（如Capacitor）实现代码复用与原生功能调用，统一项目结构、集成插件、配置多平台环境并搭建热重载调试工作流。
-
float:left和float:right不能直接对齐，因浮动元素脱离文档流、各自向包含块边界靠齐且不协商位置；必须共用同一父容器并触发BFC，否则参照基准不同。
-
结论：用height:100vh搭配grid-template-rows:60px1fr50px能稳定实现全屏布局，但需确保html、body{height:100%;margin:0}且容器无干扰fr的样式；因fr分配的是容器内剩余空间，非视口高度，若容器未真正占满屏幕或存在margin/padding/border，1fr即无法铺满。
-
~可替代!==-1判断indexOf()结果，因~(-1)=0（假值），其余~n≠0（真值），故if(~str.indexOf('x'))等价于if(str.indexOf('x')!==-1)，更简洁；适用于存在性判断，但丢失原始索引，可读性较低。
