-
html2canvas截图失败主因是DOM未就绪或样式受限；需确保元素已挂载、框架渲染完成、图片启用useCORS且服务支持CORS头、避免不兼容CSS属性，并用toBlob替代toDataURL防内存溢出。
-
HTML5的spellcheck属性可直接控制元素的拼写检查功能，适用于input、textarea及contenteditable元素，通过设置true或false启用或禁用，支持继承机制，可在body标签设置全局策略，并可结合JavaScript方案实现更高级功能。
-
button的:active伪类点下去没反应，常见原因是pointer-events:none、父元素遮挡、z-index过低，或Safari等浏览器对非原生按钮需加touch-action:manipulation；此外CSS权重不足、transition干扰、:active被覆盖也会导致失效。
-
通过结合CSStransition与@media查询，可实现响应式布局中的平滑动画效果，如侧边栏收起、导航展开；2.针对不同设备特性（如悬停支持）设置差异化过渡策略，提升交互合理性；3.在移动端优化动画性能，优先使用GPU加速属性，并尊重用户偏好设置，确保流畅体验。
-
JavaScript操作JSON仅用JSON.stringify()和JSON.parse()；前者用于序列化纯数据结构（需避函数/Date/undefined/循环引用），后者解析前须确认输入为合法双引号JSON字符串，且推荐用Response.json()替代手动解析。
-
JavaScript是单线程语言，但依赖运行时环境（如浏览器或Node.js）的事件循环和底层多线程能力实现异步非阻塞；JS引擎无线程调度能力，所有同步代码顺序执行；异步任务由宿主环境代劳，通过微/宏任务队列调度；WebWorker提供独立线程隔离运行；async/await仅为Promise语法糖，不创建新线程。
-
JavaScript中可以实现大数运算，通过手动实现或使用库。1)使用字符串模拟大数，实现加法和乘法。2)推荐使用BigInt或bignumber.js库，性能更优且经过充分测试。
-
cssnano是生产环境压缩CSS最稳选择，基于PostCSS语义优化，需显式配置preset并确保autoprefixer在cssnano前、统一收口压缩逻辑、全链路开启sourceMap。
-
JavaScript中的条件语句用于根据不同条件执行不同代码块，主要包含if...else和switch两种结构。if...else适用于基础判断及多条件分支，支持范围或复杂条件判断；当需判断变量是否等于多个固定值时，switch更清晰高效，避免重复比较。选择依据：if...else适合范围或逻辑组合判断，switch适合等值匹配。
-
箭头函数不是语法糖，它没有自己的this、arguments、super、new.target，不能作为构造函数，不绑定this（继承外层词法作用域），无prototype，无arguments对象，返回对象需加括号，类字段中使用会导致this脱离实例上下文。
-
JavaScript遍历应按数据类型选择：数组优先用for...of、forEach或for循环；对象用Object.keys()等避免原型链污染；Map/Set原生支持安全遍历。
-
双色调纯CSS实现核心是mix-blend-mode混合而非调色，需用伪元素叠加单色层并设multiply/screen模式，background-blend-mode适用于背景图，兼容性需降级为filter微调，真机调试须注意系统色彩管理干扰。
-
设计自定义语法如def替代function；2.使用Babel插件或预处理将def转换为标准函数；3.手动实现词法、语法分析生成AST并转换为目标代码。
-
推荐使用grid-gap管理网格内部间距，结合margin处理外部留白或特殊元素距离。gap避免重复空白与外边距塌陷，支持响应式布局；margin用于容器外边距、个别项隔离及对齐非网格元素。统一内部用gap、外部用margin可避免间距叠加，通过重置子元素margin并合理设置容器margin实现清晰布局。特定场景下可用负margin或单独class调整首尾项视觉效果，确保代码易维护。
-
clientX相对于视口左上角，不随滚动变化，适用于悬浮提示、菜单定位；pageX相对于文档左上角，随滚动变化，适用于绘图、锚点记录；需注意IE8兼容性及screenX等坐标差异。
