-
:first-child和:last-child是基于子元素位置选择第一个或最后一个子项的伪类，用于精准控制列表、导航等布局的首尾样式。
-
答案：构建高效JavaScriptCI流程需选择合适工具如GitHubActions，配置包含代码检出、依赖安装、格式检查、测试与构建的自动化工作流，分层执行单元、组件和端到端测试并设置覆盖率阈值，通过环境隔离与版本记录实现可追溯部署，结合缓存、并行任务和矩阵策略优化效率，关键在于持续严格执行以保障代码质量与交付可靠性。
-
Proxy是用于拦截并自定义对象基本操作的构造器，通过target和handler创建代理对象，支持get、set等陷阱方法，比Object.defineProperty更全面、不污染原对象且能动态拦截新增属性。
-
本文详解为何transform:translate()在未正确初始化样式时无法响应WASD键，提供可运行的修复方案，并对比transform与top/left的适用场景与关键注意事项。
-
Temporal是ES2024正式标准，提供不可变、时区明确、ISO8601兼容的时间处理API，通过Instant、PlainDate、ZonedDateTime等类型分离职责，彻底解决Date对象的可变性、隐式本地时区、月份从0开始等根本缺陷。
-
opacity过渡无反应的主因是初始值与目标值未发生实际数值变化，或transition未写在起始状态选择器中；须避免display:none、确保visibility和pointer-events协同控制交互，并注意JS触发时的状态同步与事件校验。
-
使用CSStransition与transform:translate可实现高效平滑的位移动画。transition控制动画时长与缓动，translate在不触发重排的情况下移动元素位置。通过:hover或JS改变translate值即可触发动画，如按钮悬停微移、侧边栏滑出、轮播图切换等场景。示例中元素悬停时0.3秒内平移20px右、10px下，因不涉及布局变化，性能更优，搭配will-change或translateZ(0)可进一步提升渲染效率。
-
transition必须写在初始状态而非伪类中，且仅对可过渡属性（如color、transform）生效；不可过渡属性（如display、height:auto）需用max-height等替代；多处声明时后写覆盖前写。
-
优先使用<link>标签引入CSS，因其在HTML解析时即可并行加载样式文件，缩短关键渲染路径；而@import需等待主CSS下载解析后才发起请求，造成串行加载和渲染延迟。
-
模板字面量是ES2015+标准中用反引号`定义的字符串类型，支持嵌入表达式${...}、多行书写、无需转义换行，提升可读性与维护性；还支持带标签的预处理功能。
-
Grid基线对齐不一致主因是文本高度、行高、字体或内边距差异，应优先用align-self/justify-self配合微调；空元素无基线，需确保有文本内容；Flex在基线对齐上更稳定，必要时替代Grid。
-
传音手机HTML5支持存在兼容性问题：IntersectionObserver和ResizeObserver不被广泛支持，低端机型WebView内核陈旧（Android4.4WebKit），localStorage常被禁用或限制；需实测API而非依赖UA，建立分层降级策略。
-
JavaScript内存泄漏是悄无声息地耗尽内存，表现为Chrome中JavaScriptMemory持续上涨直至卡死；主因包括未配对removeEventListener、未清除setInterval、闭包长期持有大对象，需主动解绑、清理和断引用。
-
JavaScript无法直接读写本地文件系统，需通过FileAPI在用户主动选择文件后读取内容、获取元信息或配合BlobURL实现预览下载；核心是用户触发与浏览器沙箱内处理。
-
ES6的class是基于原型的语法糖，使用class关键字声明，constructor初始化实例，普通方法挂载prototype，static方法挂载类本身，不提升，不可直接调用。
