-
答案是通过bind方法或箭头函数可解决JavaScript中this指向丢失问题：bind能显式绑定this并预设参数，箭头函数则继承定义时的上下文this，适用于事件回调等场景。
-
防止XSS的关键是正确处理用户输入输出。应对用户输入进行白名单验证并限制格式，前端后端均需验证；在插入HTML时对动态内容进行HTML编码，转义特殊字符如<为<。
-
音频无法播放主要因浏览器兼容性、格式支持、MIME类型错误、CORS限制或自动播放策略导致。应提供MP3/OGG多格式源，确保服务器正确配置MIME类型，处理跨域请求，并通过用户交互触发播放，结合开发者工具排查问题。
-
答案：实现CSSsticky粘性定位需使用position:sticky并设置top等偏移值，1.基本语法为position:sticky配合top/bottom/left/right，元素在滚动到指定位置时固定；2.必须满足条件包括设置偏移值、父容器无overflow或transform限制、元素处于正常文档流；3.常用于导航栏、表格表头等场景；4.兼容性方面需添加-webkit-sticky前缀以支持Safari。
-
浮动与inline-block可结合用于灵活布局。1.解决间隙：父元素font-size设0或移除HTML空格；2.混合布局：侧栏用float，内部卡片用inline-block；3.清除浮动影响：通过BFC或clear避免错位，调整vertical-align对齐；4.响应式处理：设置box-sizing、white-space，媒体查询中切换显示模式。建议高控场景用浮动或Flexbox，文本流用inline-block。
-
使用object-fit:cover可解决图片拉伸变形问题，通过等比缩放填满容器并裁剪溢出部分，保持图片比例。需设置容器宽高，并将图片宽高设为100%，配合display:block应用object-fit:cover。现代浏览器支持良好，IE不支持时可用background-size:cover替代。
-
使用CSSanimation与transition结合可实现更流畅的交互效果。transition负责属性值间的平滑过渡，如颜色、宽度变化；animation则通过@keyframes定义复杂动画，如抖动、弹跳。典型应用如按钮点击反馈：点击触发animation播放一次性抖动效果，结束后通过JavaScript移除类名，transition继续处理其他状态变化。例如提示框先用animation实现缩放弹出，再通过JS添加带transition的类实现淡出。注意避免同一属性同时设置两者导致冲突，利用anim
-
HTML中embed标签现在很少用，因HTML5的video和audio标签原生支持多媒体，无需插件；2.安全性和性能差，依赖插件易被攻击且耗资源；3.移动设备普遍不支持插件，无法适配移动端；4.Adobe已停用Flash，主流浏览器不再支持。
-
清除浏览器缓存可解决HTML文件显示异常或加载旧内容问题，具体方法包括：一、通过浏览器设置清除“缓存的图片和文件”及“Cookie及其他网站数据”；二、使用Ctrl+F5（Windows）或Command+Shift+R（Mac）强制刷新页面；三、手动删除浏览器缓存文件夹，如Chrome路径为%localappdata%\Google\Chrome\UserData\Default\Cache；四、开发者可通过在CSS或JS文件链接后添加版本参数（如?v=2.0）使浏览器重新下载资源。
-
:enabled用于可交互元素，如设置输入框背景色和文本光标；2.:disabled用于不可交互元素，常通过灰化样式和禁止光标提示用户；3.结合JS动态控制状态，提升表单可用性与视觉反馈。
-
先查缓存再判断进行中请求，最后发起新请求。通过Map实现缓存与去重，减少重复请求、提升性能，适用于频繁点击、搜索补全等场景，需注意缓存有效期和错误处理。
-
通过CSS变量与JavaScript实现Windows浏览器HTML页面动态主题切换，步骤包括：一、创建theme-dark.css和theme-light.css文件，分别定义深色与浅色CSS变量；二、在HTML中通过link标签引入默认主题并设置id供JS操作；三、编写switchTheme函数动态更改link的href属性实现主题切换；四、利用批处理脚本inject-css.bat自动注入CSS变量至HTMLhead区域；五、通过注册表添加右键菜单项，快速执行注入脚本。
-
UglifyJS通过解析、压缩、混淆和生成四个阶段优化JavaScript代码，减小文件体积。它将源码转为AST，执行常量折叠、移除无用代码等压缩操作，并重命名变量以减少字符数，最后生成精简代码。常用配置包括--compress（如drop_console、dead_code）、--mangle（混淆变量名）、--output（控制格式）和--source-map（支持调试）。尽管Terser更适配ES6+，但理解UglifyJS原理仍有助于掌握代码压缩机制。
-
V8引擎基于代际假说将内存分为新生代和老生代，新生代用Scavenge算法进行快速复制回收，老生代采用标记-清除与整理策略，并结合增量标记和并发回收优化性能。
-
父容器高度塌陷因浮动元素脱离文档流，导致无法正常计算高度。解决方法一：使用clearfix类通过伪元素清除浮动，使父容器包裹子元素；方法二：设置overflow:hidden等触发BFC，形成独立布局环境以包含浮动元素。根据兼容性与设计需求选择方案。
