-
BOM不能替代CSS媒体查询，但能提供动态响应行为。1.BOM通过window.innerWidth/innerHeight和resize事件监听视口变化，执行JavaScript逻辑实现响应式行为；2.使用window.matchMedia可精确监听媒体查询状态变化，提升性能与维护性；3.BOM支持动态加载资源、适配交互模式、优化滚动行为等高级功能，增强响应式体验。
-
异步编程在JavaScript中引入了时间不确定性，导致竞态条件、数据泄露、错误处理缺失等安全风险。核心解决措施包括：1.严格验证输入并编码输出；2.使用互斥锁或信号量管理共享资源；3.强化状态管理和前置同步安全检查；4.设计幂等性API并控制异步流程顺序；5.全面使用try...catch和.catch()捕获异常；6.细粒度处理错误类型并避免暴露内部信息；7.设置全局错误处理器并建立安全日志系统。这些策略确保异步操作的安全性和系统的整体稳定性。
-
Intl对象能解决数字、日期、货币格式化、列表连接、相对时间、语言地区名称显示等国际化痛点。1.数字格式化：自动处理不同地区的千位分隔符和小数符号，并支持货币样式；2.日期时间格式化：根据不同locale的日期顺序、月份表示、时制及自定义格式输出；3.列表连接：根据语言习惯使用正确的连接词（如中文“、”和英文“and”）；4.相对时间格式化：输出如“2天前”或“3个月后”的本地化表达；5.显示语言/地区名称：将语言代码转换为对应语言的名称（如en→英语，CN→中国）。
-
在CSS中实现数据卡片堆叠的核心方法是使用position属性与z-index属性配合。1.首先为父容器设置position:relative，创建定位上下文；2.为每张卡片设置position:absolute，使其脱离文档流并允许自由定位；3.通过设定不同z-index值控制堆叠顺序，数值越大越靠前；4.使用top和left属性错开卡片位置形成视觉层次；5.当遇到z-index不生效时，需检查元素是否处于同一层叠上下文，并确保设置了非static的position属性；6.可通过CSStransiti
-
优化HTML图片的核心在于提升加载速度与用户体验，具体方法包括：选择合适格式如JPEG、PNG或WebP；压缩图片体积；使用响应式图片技术；启用懒加载；设置正确尺寸；利用CDN分发。针对不同场景，优先考虑WebP格式以兼顾质量与压缩率。通过<picture>或srcset实现响应式图片，确保适配不同设备。懒加载虽能提升首屏速度，但需注意加载延迟问题。
-
处理HTML在低版本Android浏览器中的兼容问题需要检测浏览器版本并采取相应措施。首先，使用JavaScript检测用户代理字符串判断是否为低版本Android浏览器；其次，针对CSS兼容问题使用CSSHack提供备选样式；最后，对于JavaScript功能，使用功能检测确保代码在所有环境下运行。
-
HTML表格无法直接嵌入视频，应使用HTML5的<video>标签。1.<video>标签提供controls、width、height、poster等属性，支持浏览器内直接播放视频；2.<source>标签允许指定多种格式以提升兼容性；3.使用<p>标签提供备用文本以增强用户体验；4.表格语义化不符导致结构混乱并影响SEO及辅助技术识别；5.表格布局响应式设计困难且维护成本高；6.推荐使用响应式CSS方案如max-width与宽高比盒子模型确保不同设备适配
-
要实现基于BOM的页面拖放功能，核心在于监听并处理mousedown、mousemove和mouseup三个事件。具体步骤包括：1.设置可拖拽元素的CSS定位为absolute或fixed；2.在mousedown事件中记录初始鼠标与元素位置，并绑定mousemove和mouseup事件；3.在mousemove事件中计算位移并更新元素的left和top样式属性；4.在mouseup事件中清除拖拽状态并解绑相关事件监听器；5.通过设置isDragging标志控制拖拽流程，提升用户体验。
-
事件循环管理异步操作的执行顺序，而缓存策略则在其中优化数据获取效率。1.事件循环确保网络请求异步执行，避免阻塞主线程；2.缓存策略通过检查本地存储减少网络请求，提升响应速度；3.缓存未命中时发起异步请求，并在数据返回后更新缓存；4.利用事件循环调度实现stale-while-revalidate等高级缓存策略；5.请求去重、版本控制等机制保障缓存一致性；6.构建统一数据服务层协调事件循环与缓存逻辑，提升应用性能与用户体验。
-
CSStransform属性通过位移、旋转和缩放等函数实现元素的视觉变换。1.位移使用translate()函数，如translateX()、translateY()或translate3d()，可沿X、Y、Z轴移动元素；2.旋转使用rotate()函数，如rotateX()、rotateY()或rotate3d()，可绕指定轴旋转元素；3.缩放使用scale()函数，如scaleX()、scaleY()或scale3d()，可改变元素尺寸。这些变换不会影响文档流布局，并可通过transform-orig
-
异步操作的取消至关重要，因为它能提升用户体验、优化资源利用、防止内存泄漏并避免副作用。具体实现中，可通过AbortController和AbortSignal传递取消信号，监听并响应中断事件；对于FetchAPI传入signal，定时器调用clearTimeout，自定义Promise手动检查signal状态，WebWorkers通过postMessage或terminate()处理。常见陷阱包括信号未传递、忽略AbortError、资源未清理、竞态条件和过度设计。最佳实践包括统一使用AbortContr
-
ES6引入的正则d标志能获取捕获组索引。1.使用d标志后，exec()返回的匹配对象新增indices属性；2.indices数组包含每个捕获组的[startIndex,endIndex]对；3.该功能解决了手动计算索引易出错的问题；4.可用于语法高亮、模板解析、富文本编辑等场景；5.match.indices与match数组对应，便于精准定位和操作子串。
-
CSS后代选择器通过空格分隔选择器，用于选中某元素的所有指定后代元素。1.它不考虑嵌套层级，只要目标元素是前一个元素的后代即可；2.与子选择器（>）不同，后者仅限直接子元素；3.常用于主题定制、导航栏和文章内容样式管理；4.使用时应注意性能，避免过度嵌套；5.可与其他选择器组合使用，增强样式控制能力；6.在响应式设计中可用于根据不同屏幕尺寸调整样式；7.调试时可用开发者工具检查结构与样式应用情况；8.结合Sass/Less等预处理器可提升代码可读性与维护性。掌握后代选择器有助于精准控制样式，同时需兼
-
localStorage与sessionStorage的核心差异在于数据生命周期和作用域。1.localStorage存储的数据是持久化的，除非手动清除，否则始终存在；2.sessionStorage则仅在当前浏览器会话期间有效，关闭标签页后数据会被清除；3.两者均遵循同源策略、只能存储字符串，并共享相同的API；4.选择依据为数据是否需要长期保留：长期用localStorage，临时用sessionStorage。此外，使用时需注意：5.存储复杂数据类型时需用JSON.stringify()转换；6.存
-
HTML5的input元素的formaction属性允许为特定提交按钮指定独立提交URL，覆盖表单的action属性，实现多操作表单提交。1.formaction属性使同一表单的不同提交按钮可指向不同后端接口，适用于如“加入购物车”和“立即购买”等场景；2.动态提交表单主要通过JavaScript实现，使用FetchAPI或XMLHttpRequest进行AJAX请求，避免页面刷新；3.使用formaction可简化多目标提交逻辑，减少对JavaScript的依赖，提升HTML结构的可维护性和行为表达能力
