minmax(0,1fr)不合法，因最小值不能为0；应改用minmax(min-content,1fr)或minmax(auto,1fr)，确保列有合理下限且自适应。

通过CSS的:hover和:active伪类实现导航栏高亮，1.创建HTML导航结构；2.用CSS设置导航样式，去除列表符号并设为弹性布局；3.鼠标悬停时改变背景与文字颜色；4.点击时触发active状态，添加缩放反馈；5.可手动添加active类标识当前页面。关键细节包括去除默认下划线、设块级显示等，使交互更自然流畅。

iPad上audio.play()必须由用户手势触发，否则静默失败；iOS自iOS10起强制限制非交互式播放，即使autoplay+muted也不可靠；首次播放需绑定click/touchend并catch错误。

使用Flexbox布局使容器垂直排列，页眉固定高度，内容区域flex:1占满剩余空间；2.通过position:sticky结合top:0实现页眉滚动时固定；3.添加padding-top避免内容被遮挡，设置z-index防止层级覆盖，确保父容器无overflow:hidden以保证sticky生效。

模态框定位和遮罩层实现的核心是遮罩层全屏覆盖、模态框居中显示、阻止背景滚动；遮罩层用position:fixed全屏覆盖并设透明背景，模态框用top:50%;left:50%;transform:translate(-50%,-50%)居中，JS控制显隐时需同步设置bodyoverflow隐藏与恢复，并处理Esc键、点击遮罩关闭及可访问性焦点管理。

可使用onkeypress事件响应键盘按键操作，推荐通过addEventListener绑定并用event.key获取键值，注意其不捕获功能键且在中文输入法和移动端存在兼容性问题。

使用::first-letter和::first-line可实现首字下沉与首行加粗效果，通过字体、颜色、浮动等样式提升段落可读性与视觉层次，需注意仅用于块级元素且避免inherit，现代浏览器广泛支持双冒号语法。

JavaScript事件内存泄漏本质是闭包引用未释放：监听器未解绑或函数引用不一致导致DOM节点及关联数据无法回收，AbortController可统一管理生命周期。

三星旧机型（Android4.4以下）需动态注入target-densitydpi=device-dpi且width=640的viewport，rem布局应延时设置font-size并用screen.width×dpr计算，SPen需同时监听touchstart和click，canvas与图片须按dpr缩放适配。

在JavaScript中获取数组除第一个元素外的所有元素，最常用的方法是使用slice(1)，它返回从索引1开始到末尾的新数组，不改变原数组；2.另一种方法是利用ES6的数组解构赋值，通过const[,...rest]=array语法跳过第一个元素并将其余元素收集到新数组中；3.两种方法均不会修改原数组，符合函数式编程原则，且在空数组或单元素数组等边界情况下表现良好，slice(1)和解构中的rest均会返回空数组，确保逻辑稳定；4.选择哪种方式取决于具体需求：若只需“尾部”且不关心“头部”，slice(

双击打开HTML文件不生效是因为浏览器在file://协议下禁用fetch、XMLHttpRequest和ES模块等安全敏感功能；应使用Python内置http.server、VSCodeLiveServer插件或CodePen/JSFiddle/StackBlitz等在线工具预览。

HTML5网页无法直接获取iOS设备IDFA，需通过原生桥接实现：一、WKWebView注入JS变量；二、URLScheme传参；三、ScriptMessageHandler异步回调；四、localStorage预置；五、CustomURL重定向。

OptionalChaining（?.）用于安全访问嵌套属性，遇null/undefined立即返回undefined而非报错；支持属性访问、方括号动态键、函数调用；不可用于赋值左端或未声明变量；推荐与??配合实现精准默认值。

ES6class继承必须在子类constructor中先调super()初始化this，否则报ReferenceError；super还可调父类方法，且ES6自动维护静态和原型链继承关系。

html5shiv是专为IE6–IE8提供的脚本，通过document.createElement()强制注册HTML5语义标签并配合display:block样式使其可渲染、可样式化、可脚本操作，但不提供video、localStorage等功能支持，且需正确加载时机、补全CSS、设置无JS回退路径。