-
z-index不生效主因是元素未参与层叠上下文：需确保position为relative/absolute/fixed/sticky，且父容器未意外创建新层叠上下文（如含transform、opacity等），同一上下文中z-index才按数值大小决定覆盖顺序。
-
TensorFlow.js是专为JavaScript生态设计的轻量级机器学习库，支持浏览器实时推理、本地训练、迁移学习、Node.js部署及模型导入导出，适合前端智能化、教育原型、隐私敏感与轻量定制场景。
-
使用transition可同时控制多个属性过渡，通过逗号分隔为各属性设置不同效果，或用all实现统一过渡，还可单独设定每个属性的持续时间与缓动函数，确保初始与目标状态明确即可触发动画。
-
JavaScript迭代器是统一遍历机制，要求对象实现Symbol.iterator方法返回含next()的迭代器对象，next()返回{value,done}；手写Range类和BinaryTree树结构示例展示其应用，生成器函数是最简洁实现方式。
-
在JavaScript中，给元素添加类名最常用的方法是使用classListAPI。具体步骤包括：1.获取元素，如constelement=document.getElementById('myElement');。2.使用element.classList.add('new-class');添加类名。classListAPI提供了add、remove、toggle和contains方法，简化了类名操作，提高了代码的可读性和维护性。
-
依赖注入通过外部传入依赖降低耦合，提升可测试性与可维护性。JavaScript中可通过构造函数注入、工厂函数或DI容器实现：构造函数注入将依赖作为参数传递，便于替换和测试；工厂函数集中管理对象创建，减少重复代码；DI容器自动解析依赖，进一步解耦。关键优势包括依赖清晰、易于测试、灵活替换实现和减少硬编码，有效提升代码质量。
-
获取网页HTML源代码有五种方式：一、用开发者工具复制outerHTML；二、浏览器“另存为”网页全部；三、curl命令行抓取原始响应；四、安装浏览器扩展一键导出；五、控制台执行JavaScript脚本下载DOM序列化结果。
-
伪元素默认为inline，不支持宽高及上下margin，需设display:block或inline-block才生效；content属性必不可少；定位时需配合position且父元素设relative；还需排查overflow、样式覆盖及透明度干扰。
-
localStorage和sessionStorage只支持字符串，存对象需JSON.stringify()序列化、JSON.parse()解析；IndexedDB是事务型键值数据库，需open、onupgradeneeded建库、事务内操作；容量限制需estimate()检测并降级处理；清理应按前缀而非全局clear()。
-
本文详解如何通过JavaScript动态将API返回的气象数据（如温度、气压、风速等）安全、规范地插入已定义样式的.container容器中，并确保布局稳定、语义清晰、可维护性强。
-
利用背景渐变和浮动配合padding与margin负值，通过父容器隐藏溢出实现视觉等高，需清除浮动防止塌陷，适用于旧浏览器兼容场景。
-
响应式布局中首选display切换控制显隐，推荐移动优先默认设display:none，大屏断点设为block；注意display:none会移除渲染流且影响可访问性，慎用于交互控件，可辅以visibility、opacity或工具类提升灵活性与可维护性。
-
使用justify-self:center和align-self:center可解决CSSGrid子元素居中难题，前者控制水平对齐，后者控制垂直对齐，作用于子元素自身；若需统一设置，父容器可使用justify-items和align-items实现所有子项居中，代码更简洁且现代浏览器支持良好。
-
ChromeDevToolsLayout面板直观展示元素content（蓝）、padding（绿）、border（橙）、margin（灰）的实际渲染尺寸，悬停可查看数值，但不显示outline和box-shadow等视觉干扰项。
-
HTML内联样式设透明色应使用rgba()或hsla()函数，如style="background-color:rgba(255,0,0,0.3);"；opacity作用于整个元素及其子内容，rgba()仅影响指定颜色属性；IE8及以下需用filter:alpha(opacity=50)降级兼容。
