-
旭日图必须借助JavaScript图表库（如ECharts或D3）实现，纯HTML/CSS无法支持动态层级环形结构及交互功能；ECharts自4.0起原生支持sunburst类型，数据需为树形结构，配置series.type为'sunburst'并合理设置levels与label等细节参数。
-
WebWorker通信不直接导致事件循环抖动，真正原因在于消息传递方式、数据体积、主线程负载及Worker内部逻辑；应使用transferable、扁平化消息、节流输出、OffscreenCanvas零拷贝等策略抑制时延波动。
-
利用CSS的:hover和::before可实现无JavaScript提示框，通过position定位与opacity控制显隐，配合transition实现淡入淡出动画，支持上下左右方向自定义，轻量且兼容性好。
-
使用align-items和justify-items可实现Grid子元素在网格单元格内垂直水平居中，前者控制Y轴对齐，后者控制X轴对齐，适用于多个子项统一居中；若需单独控制，则使用place-items或align-self与justify-self。
-
优先使用JavaScript的location.href或location.replace()实现定时跳转，因<metahttp-equiv="refresh">过时、不可控、破坏历史栈且影响SEO；其仅适用于无JS环境的静态页。
-
<details>不是tab切换的合理替代，因其仅为单个可折叠区块，缺乏互斥逻辑、ARIA属性支持、焦点管理、CSS动画钩子及完整键盘导航，仅适用于极简展开收起场景。
-
AbortController能中断fetch请求，但仅限请求未完成响应头接收前；超时需传signal选项并手动clearTimeout；并发请求应独立控制器；React中须在useEffect清理函数调用abort。
-
应直接使用<picture>实现AVIF/WebP适配，因其无需JS、不发额外请求、SEO友好且原生支持；srcset不识别格式，必须依赖<sourcetype>做MIME类型匹配，顺序为AVIF→WebP→JPEG，并确保各格式尺寸与质量一致。
-
本文介绍如何在保留原有点击功能的前提下，实现点击<td>时高亮其所在<tr>行，并自动取消其他行的高亮，同时避免内联onclick属性带来的维护与作用域问题。
-
使用固定高度配合transition可实现简单展开收起；2.内容高度不确定时可用max-height模拟auto效果，结合overflow:hidden与过渡动画；3.精确动画可通过JS动态获取scrollHeight并设置height目标值；4.注意避免过大max-height、确保重排触发并优化缓动函数，提升流畅性。
-
box-sizing有两个取值：content-box（默认）指width/height仅内容区尺寸，padding和border额外增加总宽高；border-box指width/height包含内容、padding和border，三者之和恒等于设定值。
-
HTML内容居中需根据对象选择CSS方法：文本或内联元素用text-align:center；块级元素水平居中用margin:0auto（需设置宽度）；图片可设父元素text-align:center或自身display:block加margin:0auto；Flexbox通过justify-content和align-items实现灵活居中；Grid用place-items:center；绝对定位配合transform:translate(-50%,-50%)适用于脱离文档流的精确居中。
-
flat()能处理评论多层嵌套结构，因其可按深度剥开数组，比手写递归更简洁安全；Infinity参数用于不确定嵌套深度时全部扁平化，但需注意性能与数据预处理。
-
递归是函数调用自身解决问题的技巧，需满足基础情况（终止条件）和递归情况（规模递减），典型步骤为确定basecase、找出递推关系并编码实现，常见陷阱包括缺失basecase或未缩小问题规模。
-
面包屑结构化数据必须使用BreadcrumbList类型，JSON-LD中需严格满足@type:"BreadcrumbList"、itemListElement数组、每个ListItem含@type:"ListItem"、position从1连续递增、item为含@id（绝对URL）或name的对象；script须置于head或body顶部、type为"application/ld+json"、JSON正确转义；动态页面需服务端注入，多语言站点@id须与hreflang一致。
