-
用gap配合minmax()是解决Grid间距响应式不一致最直接有效的方式，关键在于使用rem/vw/clamp()等相对单位替代固定px，并配合auto-fit/auto-fill和弹性轨道定义，辅以align-items:start或min-height统一子项高度，必要时用媒体查询兜底。
-
JavaScript字符串是不可变原始类型，方法均返回新字符串；常用方法分四类：查找判断（includes、indexOf等）、提取截取（slice、substring等）、转换格式化（toUpperCase、trim等）、分割连接（split、join等），调用前需校验null/undefined。
-
必须用navigator.clipboard.writeText()实现复制，需在用户手势触发的async函数中调用并try/catch；不支持时降级为execCommand('copy')配合隐藏textarea；需提供成功/失败反馈且禁用按钮防连点。
-
HTML5中不存在IFC_html5标准，IFC是CSS定义的行内格式化上下文，由display:inline等触发，用于排版行内级元素；其行为受white-space、line-height、vertical-align等CSS属性控制，与HTML5语义无关。
-
==先类型转换后比较，===要求值和类型均严格一致；如0==false为true而0===false为false，null==undefined为true但null===undefined为false，"0"==0、""==0、[]==false、[0]==false均为true；仅value==null检查null/undefined时合理；ESLint和TS默认禁用==，动态类型场景需显式转换后用===。
-
CSS中的hue-rotate通过filter属性调整元素颜色色调，语法为hue-rotate(angle)，角度范围0deg到360deg，实现色轮旋转效果，如90deg偏黄绿、180deg反色、360deg复原；常用于夜间模式、悬停动画或主题切换，可与saturate等滤镜组合使用，但对黑白灰及透明区域影响小，且作用于整个元素渲染层。
-
首先使用JavaScript的navigator.geolocation获取用户位置，再结合GoogleMaps或高德地图API将坐标展示在地图上，支持单次定位与持续追踪，需注意权限处理、错误回调及国内地图替代方案的选择。
-
判断两个JavaScript对象是否拥有相同原型的最直接且推荐方式是使用Object.getPrototypeOf(obj1)===Object.getPrototypeOf(obj2)；2.该方法通过获取对象的内部[[Prototype]]引用并进行严格相等比较，确保结果准确可靠；3.Object.getPrototypeOf()是标准方法，语义明确且不受对象属性干扰，而proto因非标准、可被覆盖及性能问题不推荐在生产环境中使用；4.instanceof不适合判断直接原型相同，因为它检查的是整个原型链
-
利用background-position配合@keyframes可实现轻量级背景动画。1.原理：通过改变背景位置产生位移视觉效果，结合animation实现连续动画，适用于横向滚动、垂直流动或无缝循环场景。2.实现步骤：设置background-repeat铺满背景，定义animation调用关键帧，如从0%到100%移动background-position实现左滚。3.技巧：使用大图减少跳跃，调整缓动函数、反向滚动、控制Y轴做垂直动画或多层叠加实现视差。4.注意事项：容器需明确宽高，避免图片过大影响
-
表单验证的核心是在提交前检查输入有效性并阻止无效提交，需通过ID或name获取元素、监听submit事件并preventDefault，结合正则实现邮箱、手机号等基础校验，辅以实时反馈和错误提示，且后端必须二次校验。
-
作用域链是JavaScript变量查找的核心机制，由函数定义时的词法作用域决定，逐层向上查找变量直至全局作用域，闭包则通过保留外层函数作用域链使内部函数可访问外部变量。
-
跳表通过多层级链表和随机化层级设计，在平均情况下实现O(logN)的查找、插入和删除性能，其核心优势在于实现简单、并发性能好、缓存友好，且适用于有序数据的高效操作，常见于Redis有序集合等场景。
-
JavaScript对象是无序键值对集合，用于描述事物或数据结构，核心为属性；属性名是字符串，值可为任意类型，含普通属性与方法，支持字面量/构造函数/class定义及点、方括号、解构三种访问方式，可动态增删改，含__proto__、constructor等特殊属性及get/set访问器。
-
轮播图核心是定时切换、手动控制与循环播放，关键在逻辑稳定与边界处理准确；需管理currentIndex、imgList等状态，用取模实现循环，通过showImage统一控制显隐，并处理自动播放暂停、防抖及多端交互。
-
<header>是语义化“介绍性区域”，可多处使用但须关联明确内容单元，宜含标题、局部导航、元信息；勿塞全站导航、广告等界面控件，避免空标签或结构混用。
