-
JavaScript解析JSON必须用JSON.parse()而非eval()以防XSS，生成时需处理循环引用和不可序列化值，解析前应校验数据来源与类型，大数据量需流式解析或懒加载。
-
sticky是position属性的合法值，用于滚动吸附定位；scroll不是定位值，而是overflow、scroll-behavior等滚动相关属性的关键词，二者语义层级不同，不可直接对比定位效果。
-
WebWorkers是浏览器提供的后台线程机制，用于执行计算密集型任务而不阻塞主线程；其运行于独立线程、内存隔离、通过postMessage通信、不可访问DOM、支持importScripts。
-
答案：响应式布局需控制内容溢出、优化触控滚动并禁止非必要滚动。通过设置容器最大宽度、图片自适应、使用-webkit-overflow-scrolling提升流畅性，结合touch-action避免手势冲突，确保小屏设备体验流畅。
-
JavaScript中class是语法糖，真正继承靠extends+super()；子类constructor必须首行调用super()，否则无法访问this；super指向父类原型，用于复用方法；继承内置类需特殊处理以确保实例行为正确。
-
通过CSStransition为按钮设置颜色、缩放、阴影等属性的平滑过渡，结合:hover悬停提示与:active点击状态，实现无需JavaScript的自然点击反馈，提升操作感知与用户体验。
-
JavaScript函数是可复用代码块，用于封装任务、提升可读性与维护性；可通过函数声明、表达式或箭头函数定义，支持模块化、输入输出、回调、闭包等核心功能，合理使用遵循DRY原则与单一职责。
-
浮动导致父容器高度塌陷，overflow:hidden可触发BFC临时解决但有裁剪等副作用；推荐用clearfix伪元素清除或现代display:flow-root，新项目应优先采用Flex/Grid布局。
-
本文介绍在Cypress测试中，如何对一组具有相同CSS选择器的多个DOM元素（如10个）中仅点击指定子集（如前5个），避免multiple:true全量点击或cy.click()报“只能作用于单个元素”的错误。
-
答案：通过同时使用opacity和transform属性并结合transition，可实现元素透明度与位置的流畅复合动画。具体描述：opacity控制透明度变化，transform实现位移等形变，二者均属于合成层属性，由GPU加速，避免重排重绘；将两者统一写入transition（如transition:opacity0.3sease,transform0.3sease），可在悬停或类名切换时同步触发动画；相比top/left，transform不影响布局且性能更高；常用于按钮悬停、卡片淡入上滑等场景，推
-
AntDesign是成熟React组件库而非低代码搭建工具，需集成使用而非生成组件；其核心价值在于开箱即用的规范组件、主题配置（theme）、国际化（locale）及性能优化（如virtual），而非可视化拖拽。
-
HTML5需用CSS伪类与动画模拟按钮按压效果：一、:active配背景色与scale缩放；二、transform位移加阴影收缩；三、::after伪元素凹陷遮罩；四、CSS变量实现多主题响应；五、touch-action等优化移动触控。
-
allSettled等待所有Promise完成并返回各自结果，适合需获取全部操作状态的场景；any在任一Promise成功时立即返回，适用于只需一个成功结果的场合。
-
严格模式是一种让JavaScript代码在更严格条件下运行的模式，禁用不安全语法、抛出明确错误以提升代码可靠性；可通过"usestrict"在脚本或函数顶部启用，现代模块中已自动启用。
-
WebWorkers必须通过newWorker()加载同源独立JS文件，仅支持postMessage通信，无法访问DOM或共享内存，HTML4不支持，调试需专用入口。
