-
固定定位是指元素始终固定在浏览器窗口的特定位置，CSS中通过position:fixed实现，结合top/right/bottom/left控制位置。使用时需注意父元素transform会影响定位效果，且元素会脱离文档流，可能遮挡其他内容。解决遮挡问题可通过预留padding/margin或动态计算高度设置空间，z-index可调整堆叠顺序。移动端使用时应考虑屏幕尺寸差异，用媒体查询适配不同设备，并优化交互体验，如隐藏干扰元素或使用translate3d修复iOS抖动问题。应用场景除导航栏和返回顶部按钮外
-
localStorage用于长期存储数据，sessionStorage仅在会话期间有效。1.localStorage数据持久保留，适合存储用户偏好和学习进度。2.sessionStorage数据仅在当前标签页有效，适合临时数据如购物车内容。两者读写操作同步，需注意性能。
-
HTML内嵌JS代码通过<script>标签实现，位置影响加载性能。1.<script>标签用于直接嵌入或引入外部JS代码；2.type属性建议保留以确保兼容性；3.src属性用于引入外部JS文件；4.async和defer控制脚本加载时机；5.推荐将<script>放在</body>前以避免阻塞渲染；6.特殊字符需使用反斜杠转义；7.使用IIFE防止全局命名空间污染；8.调用外部函数需确保其已加载；9.内嵌JS适合少量页面专属代码，外部JS适合复用脚本；1
-
在JavaScript中，给元素添加类名最常用的方法是使用classListAPI。具体步骤包括：1.获取元素，如constelement=document.getElementById('myElement');。2.使用element.classList.add('new-class');添加类名。classListAPI提供了add、remove、toggle和contains方法，简化了类名操作，提高了代码的可读性和维护性。
-
判断字符串是否包含多个子串的方法是循环验证每个子串是否存在，优化方式包括使用正则表达式或预处理字符串。1.使用正则表达式可减少多次搜索的开销，适用于子串数量多或需复杂匹配的情况，并需转义特殊字符；2.预处理字符串适用于多次判断不同子串组合的场景。选择includes更简洁易读，而indexOf可获取具体位置。大小写敏感问题可通过统一转换大小写解决，但需注意性能影响。此外，还需处理空值、边界情况、性能瓶颈及防止正则注入，以提高代码健壮性。
-
用JavaScript实现音频可视化的步骤是：1.使用WebAudioAPI分析音频数据；2.用CanvasAPI绘制可视化效果。具体实现包括创建AudioContext，使用AnalyserNode处理音频，并通过Canvas绘制频谱图。
-
在HTML中引入JavaScript有两种方式：内联脚本和外部脚本。1.内联脚本直接在HTML文档中编写，适合小型项目或快速原型设计。2.外部脚本通过src属性引入独立的JavaScript文件，适用于大型项目，提高可维护性和可重用性。
-
在HTML中插入YouTube视频可以通过以下步骤实现：1.使用<iframe>标签嵌入视频，替换VIDEO_ID为YouTube视频ID。2.采用响应式设计，使用包装div和CSS确保视频在不同设备上保持16:9比例。3.应用懒加载技术，使用IntersectionObserverAPI减少页面加载时间。4.添加视频标题和描述，提升SEO和用户体验。5.考虑用户隐私，提供同意选项并控制自动播放。
-
在CSS中，外边距（margin）的默认值通常为0，但某些浏览器可能有特定设置。1.使用CSS重置可以清除默认样式，确保跨浏览器一致性。2.外边距可以通过margin属性设置，单位包括px、%、em、rem等。3.使用margin:auto可快速居中元素。4.注意垂直外边距合并问题，可用padding、border或overflow避免。5.建议使用相对单位，避免负外边距，并使用CSS预处理器管理外边距。
-
实现平滑滚动的核心在于控制滚动速度和动画时长，1.使用window.scrollTo或element.scrollTo配合requestAnimationFrame模拟动画效果；2.通过缓动函数使滚动更自然；3.优化性能时减少重排重绘，优先使用CSStransform；4.处理兼容性可使用polyfill或兼容性前缀；5.实现滚动劫持需监听wheel事件并自定义滚动逻辑，但需注意用户体验与可访问性。
-
em是一个相对单位，基于当前元素的字体大小进行计算。1.em在响应式设计中非常有用，因为它可以根据父元素的字体大小进行缩放。2.使用em可以使padding等属性自动调整，无需手动更改。3.但在嵌套元素中使用em可能导致难以预测的结果，建议结合rem使用，rem基于根元素的字体大小计算。4.结合使用rem和em可以保持设计的一致性和灵活性。
-
实现平滑滚动的核心方法是使用CSS属性scroll-behavior:smooth;，将其应用于<html>或<body>标签可使整个页面滚动平滑，也可单独作用于某个<div>容器。1.scroll-behavior对锚点链接、scrollIntoView()或window.scrollTo()触发的滚动生效，不影响手动拖动或滚轮滚动；2.为兼容老旧浏览器，可用JavaScript检测是否支持scroll-behavior，若不支持则引入smoothscroll-pol
-
纯JS实现页面跳转可以通过多种方法实现。1.使用window.location.href进行简单跳转，但会创建新历史记录。2.使用window.location.replace()跳转时不创建新历史记录。3.在异步操作后跳转，可用setTimeout或在操作完成后跳转。4.对于SPA，使用history.pushState或history.replaceState实现无刷新跳转，并需手动触发popstate事件更新页面内容。
-
判断元素是否可见可通过检查样式属性、视口位置及遮挡情况。1.使用getBoundingClientRect()判断元素是否在视口内，通过比较top、left、bottom、right与视口大小确定可见性；2.检查display和visibility样式属性，若display为none或visibility为hidden则不可见；3.利用document.elementFromPoint(x,y)检测元素是否被遮挡，通过中心点坐标判断最顶层元素是否为目标元素。以上方法需结合使用以实现全面判断。
-
要判断JS变量是否为对象，需结合多种方法。1.typeof运算符可初步判断，但无法区分对象类型，如null和数组均返回"object"；2.instanceof运算符通过原型链判断是否为特定类的实例，但在多全局环境下可能不准确；3.Object.prototype.toString方法最为可靠，能区分null、数组和普通对象；4.constructor属性虽指向构造函数，但易被修改而不推荐单独使用。综合来看，应优先使用Object.prototype.toString方法或结合typeof和null判断编
