-
解构赋值是JavaScript中改变数据提取方式的语言特性，支持数组按位置、对象按属性名提取值，具备跳过、默认值、重命名、嵌套及剩余元素等能力，且仅浅层解构。
-
应采用特性检测而非浏览器检测：一、用Modernizr检测并适配HTML5/CSS3特性；二、原生JS检测API存在性；三、渐进增强HTML结构；四、结合@supports做CSS特性检测；五、依据caniuse数据与用户统计设定目标浏览器。
-
try...catch捕获同步错误及Promise构造函数内立即抛出的错误，Promise.catch()专用于处理Promise链中的异步拒绝；前者作用于块级同步上下文，后者依赖Promise状态冒泡机制。
-
JavaScript数组扁平化是将多维数组转为一维数组的过程，常用方法包括：使用ES2019的flat()方法可指定层级或Infinity展开全部；递归遍历数组并合并元素实现自定义逻辑；结合reduce与concat进行函数式编程处理；利用扩展运算符与some循环展开直至无嵌套。推荐优先使用flat()，兼容性不足时选用其他方式，操作中应注意保持原数据不变，必要时深拷贝。
-
页眉使用<header>标签定义结构，结合CSS设置背景、文字样式及粘性定位，通过Flex布局实现Logo与导航并排，利用媒体查询适配移动端，提升网页语义化与用户体验。
-
z-index控制absolute元素层级，但需注意层叠上下文的影响。1.z-index值越大层级越高，仅对定位元素生效；2.层叠上下文限制z-index作用范围，父级创建上下文后子元素层级受限；3.确保置顶元素有足够高的z-index并避免父级低层级上下文干扰，合理使用开发者工具调试。
-
JavaScript轮播图需兼顾自动播放与用户交互：鼠标悬停、焦点进入、触摸开始时暂停并保存定时器ID，移出后按原间隔恢复；左右按钮须为button标签，带aria-label和键盘支持；指示器dot需可聚焦、支持方向键切换并重置倒计时；触摸滑动需判断偏移与速度阈值（如>50px），仅水平滑动阻止默认行为，并配合touch-action:pan-x。
-
链式调用需手动实现因JS原生方法默认不返回this；核心是每个方法末尾returnthis，终止方法如get()返回结果；易错点包括异步断裂、this丢失、混用返回类型及调试困难。
-
HTML5视频在标签页失焦时会被浏览器自动暂停，无法通过纯HTML或JS绕过，仅当满足“用户交互触发+静音+autoplay”或启用画中画（PiP）时才可能后台播放。
-
JavaScript调试的核心在于“快速定位问题+精准验证逻辑”，浏览器开发者工具（DevTools）是日常调试最直接、最高效的手段。掌握几个关键操作，比盲目加console.log高效得多。打断点（Breakpoints）——暂停执行看现场在Sources面板中，点击某行代码左侧的行号，即可设置断点。代码运行到该行时会自动暂停，此时你可以：查看当前作用域内所有变量的实时值（Scope面板）逐行执行（F10）或进入函数内部（F11）跳过循环/条件块，快速跳到感兴趣
-
核心是只渲染可视区元素以提升性能。通过监听滚动事件，计算可视范围并动态更新内容，利用固定容器高度、总高度占位、起始结束索引计算及transform定位实现；对等高项目直接数学计算，对变高项目用位置映射表和二分查找优化；结合DOM复用、事件节流、RAF和预加载等技巧，确保流畅滚动，适用于万级数据列表。
-
原生CSS布局易乱因缺乏约束而非写法错误：无默认栅格、响应断点、间距规范及组件边界，导致margin值不一、flex组合重复推演、逻辑分散。
-
HTML项目部署本质是将文件放入Web服务器可访问目录，需确认Nginx/Apache已运行、文件放对路径（如/var/www/html）、权限正确、静态资源路径合理，并配置try_files支持前端路由，HTTPS和域名需同步处理DNS与证书续期。
-
通过叠加多层text-shadow并结合@keyframes动画，可实现文字的动态发光、呼吸或彩色渐变光晕效果，1.使用不同模糊半径的同色阴影模拟光晕，2.利用rgba透明度与关键帧实现脉冲动画，3.叠加多色阴影创造霓虹灯风格，4.建议控制模糊强度、使用深色背景、调整动画周期以优化性能与视觉体验。
-
JavaScript虽无原生注解，但通过JSDoc、装饰器提案及框架扩展可实现类似功能：1.JSDoc用于类型提示与文档生成；2.装饰器（Stage3）修饰类成员行为；3.框架如NestJS利用装饰器定义元数据；4.构建工具识别特殊注释优化打包。
