-
H5相比传统HTML在SEO上更具优势，因其语义化标签（如<article>、<nav>）能帮助搜索引擎更准确理解页面结构，提升内容权重判断；同时H5支持响应式设计、多媒体原生嵌入和性能优化，显著改善用户体验，进而提高排名。正确使用语义化标签、优化加载速度、实施结构化数据及高质量内容策略，可最大化H5的SEO价值。
-
box-shadow没效果最常见的原因是元素无实际尺寸或内容、父容器overflow:hidden裁剪阴影、颜色对比度不足；需检查尺寸、背景、overflow、颜色透明度、模糊值及z-index层叠关系。
-
答案是使用CSS的:checked与::after可实现无JS的图标切换，通过隐藏输入框，利用label的伪元素绘制三线图标，选中时用transform和box-shadow变化为叉形。
-
网页JavaScript无法直接操作浏览器插件，因为浏览器出于安全考虑将网页脚本与插件隔离。1.网页运行在沙盒环境中，权限受限，仅能访问标准WebAPI；2.插件拥有更高权限，独立于网页运行，具备扩展浏览器功能的能力；3.若允许网页直接调用插件功能，将导致严重的安全风险，如数据窃取或恶意操作；4.为实现二者通信，必须通过浏览器提供的消息传递机制（如chrome.runtime.sendMessage）进行间接交互；5.插件需主动暴露接口并验证消息来源，确保通信安全可控。这种设计遵循最小权限原则和源隔离策略
-
高阶函数指接受函数为参数或返回函数的函数，如map、filter、reduce；map不修改原数组而返回新数组，需显式赋值；filter对假值元素过滤且空数组返回空数组；reduce必须提供初始值以防空数组报错。
-
<p>异步生成器是处理分页数据流的理想选择，它通过asyncfunction*和yield实现按需加载。它返回异步迭代器，可在每次next()时等待异步操作，适合请求分页API。典型实现中，fetchPaginatedData从第一页开始循环请求，解析响应后逐项yield数据，无更多数据时终止。消费者使用forawait...of消费数据流，具有内存友好、代码简洁、可组合的优势。实际应用中建议加入try/catch错误处理、支持abortsignal中断、节流控制请求频率，并根据需要缓存页面，
-
防御XSS与CSRF组合攻击需从切断入口和限制利用两方面入手：首先通过输入过滤、输出编码、CSP策略等严格防范XSS，阻止脚本注入；其次强化CSRF防护，采用同步Token模式、敏感操作二次认证及SameSiteCookie属性，阻断跨站请求伪造；最后结合HTTPS传输、请求源校验与行为监控，实现前后端协同的纵深防御体系。
-
用play()和pause()控制媒体需在用户手势（如点击）中调用，play()返回Promise须.catch()捕获错误；监听play、pause、ended、error等事件而非轮询；currentTime和volume有取值限制；muted=true可绕过自动播放限制。
-
:hover伪类用于定义鼠标悬停时的样式，语法为selector:hover{property:value;}，常用于改变颜色、背景、按钮效果及显示隐藏内容，需配合transition实现平滑动画，并注意触屏设备兼容性与信息可访问性。
-
本文详解为何在实时输入时调用toLocaleString('fr-FR')会导致数字被截断（如输入“22222”变成“2”），根本原因是法语格式插入的窄不换行空格（U+202F）被parseInt()提前终止解析；并提供健壮、用户体验友好的解决方案。
-
IE11对HTML5video支持不完整：仅支持MP4/H.264+AAC，需显式声明type="video/mp4"；动态设置src后须等待loadedmetadata事件再play()；需检查canPlayType()并启用video.js等兼容方案。
-
Flex嵌套在Grid中子元素不撑开，根本原因是Grid项默认按内容收缩且无明确高度，导致Flex容器主轴无法感知可用空间；需为Grid单元格设min-height:0或height:100%、Flex容器设height:100%或min-height:0，并避免align-items:stretch与height:fit-content冲突。
-
Worker线程通过创建独立执行环境实现JavaScript并行计算，利用多核CPU提升性能。主线程将耗时任务拆分后分发给多个Worker，各Worker并行处理并通过postMessage通信，采用结构化克隆传递数据，避免共享内存冲突。建议根据navigator.hardwareConcurrency调整Worker数量，复用Worker池、减少通信频率、批量传输数据，并对大型ArrayBuffer使用TransferableObjects实现零拷贝。小任务无需Worker，避免开销大于收益。合理设计可
-
应使用URL构造函数+URLSearchParams安全操作URL参数，避免直接赋值window.location.href导致意外跳转；需更新地址栏而不刷新时，用history.pushState()或replaceState()配合newURL()。
-
自定义光标需明确尺寸与热点坐标，如cursor:url("hand.png")44,auto；.cur文件虽自带热点但常失效，PNG更可控；注意浏览器尺寸限制（Chrome≤128px，Firefox≤64px）及表单元素覆盖问题。
