-
JavaScript是运行于多宿主环境的动态弱类型原型语言，核心机制包括执行上下文与调用栈、TDZ、事件循环、this绑定规则及原型链查找逻辑。
-
最直接可靠的方式是父容器设position:relative，两张img设position:absolute并用top/left定位，z-index控制层级；transform适合微调，clip-path用于裁切交集，负margin重叠属不推荐hack。
-
子资源完整性（SRI）是浏览器对<link>或<script>加载的外部资源进行的哈希校验机制，需同时设置integrity和crossorigin="anonymous"属性才生效，校验基于原始未压缩、无BOM、UTF-8编码的资源字节内容。
-
text-align用于控制块级元素内行内内容的水平对齐方式，不控制元素自身位置；取值包括left（默认）、right、center、justify；具有继承性，但对块级子元素无效；需注意direction和writing-mode对其含义的影响。
-
HSL颜色模型的三个参数是色相（Hue，0–360°）、饱和度（Saturation，0%–100%）和亮度（Lightness，0%–100%），分别控制颜色种类、纯度和明暗程度。
-
WeakMap的键只能是对象，原始值会报错；它不阻止垃圾回收，而Map会强引用锁住对象；WeakMap不支持遍历、size、clear等操作，适用于为对象附加私有元数据。
-
CSS变量无法直接用于repeat()的重复次数，因repeat()只接受字面量数字；需JS读取--cols值并动态设置gridTemplateColumns，或改用auto-fit+minmax()实现响应式列数。
-
grid-template-areas在移动端失效是因为未在媒体查询中重定义区域模板；必须为小屏单独设置多行布局如"label1""input1"，而非复用桌面端单行写法。
-
本文详解如何修复Next.js应用中基于Appwrite的认证状态（如isAuthenticated和userId）无法实时响应、导致导航栏登录/登出按钮延迟渲染的问题，核心在于修正依赖逻辑与副作用执行时机。
-
HTML5无原生<timeline>标签，需用语义化标签搭骨架并依赖JS库（如vis-timeline）或手写DOM实现；使用时须注意容器高度、数据格式、HTML转义及移动端touch-action等关键细节。
-
使用visibility与animation结合可实现元素淡入淡出并保留布局空间，关键是在opacity为0后再设置visibility:hidden，避免动画失效或显示异常。
-
iPadSafari播放HTML5直播不稳的根本原因是Safari媒体策略与iOS硬件解码限制叠加，需从HLS协议、内联播放、用户手势触发、preload策略及低电量模式五方面协同优化。
-
剩余参数（...）允许函数接收不定数量实参并自动封装为真数组，必须位于形参末位，可与普通参数共存，替代了arguments类数组对象，支持直接调用数组方法且兼容箭头函数。
-
移动端网页文字和控件过小，通常是因为缺少viewport元标签，导致浏览器默认以桌面宽度渲染页面并缩放显示；只需在<head>中添加<metaname="viewport"content="width=device-width,initial-scale=1.0">即可强制浏览器按设备真实宽度渲染，消除非预期缩放。
-
1.for...of循环用于遍历数组元素值，语法简洁直观；2.获取索引需结合entries()方法与解构赋值；3.for...of遍历值而for...in遍历键；4.支持break和continue实现中断或跳过。在JavaScript中，for...of循环专为迭代可迭代对象设计，直接访问数组元素值，如constfruits=['苹果','香蕉','橙子']可通过for(constfruitoffruits)依次输出元素。若需获取索引，可用students.entries()返回[index,value
