-
conic-gradient画环形进度条的核心原理是以元素中心为原点、按角度顺时针旋转绘制颜色过渡，通过设定双色标同角度实现“硬切”进度弧，并配合border-radius:50%、固定宽高及遮罩/裁剪形成空心环状视觉。
-
HTML5页面延时跳转本质是用setTimeout控制location.href赋值，需确保DOM就绪、避免沙箱拦截、处理跨协议限制、清除冗余定时器，并注意移动端用户交互要求。
-
Object.seal是实现前端本地数据快照“结构稳定性”的轻量级手段，它锁定字段结构但允许修改属性值，兼顾服务端契约一致性与运行时内容更新需求。
-
<section>标签用于有明确主题、可独立成文且需被导航或引用的内容区块，必须配<h2>～<h6>标题，不可滥用为样式容器；其语义价值取决于页面整体结构与相邻元素关系。
-
识别闭包对多媒体流的隐式持有是内存管理关键，需检查是否捕获MediaStream/ReadableStream等大对象、reader/controller未及时置空、WeakMap缓存未清理，结合DevTools快照验证Retainers中闭包引用。
-
使用内联脚本可直接在HTML中嵌入JavaScript，适合小规模测试；2.外部JS文件通过src引入，利于维护与缓存；3.async和defer属性优化加载，提升性能；4.内联事件处理不推荐，应分离结构与行为。
-
根本原因是document.querySelectorAll只匹配DOM属性（attribute），不匹配JS属性（property）；需确保属性显式声明在HTML中或通过setAttribute同步，ShadowDOM需查shadowRoot，动态状态须更新attribute而非property。
-
加muted属性是绕过浏览器自动播放限制的关键，需在HTML中直接声明且不赋值；配合playsinline确保内联播放，并用FFmpeg移除音频流（-an）以彻底避免静音失效。
-
width:auto不自适应的根本原因是其依赖父容器明确宽度及正常文档流，受flex/grid布局、float、display类型、box-sizing及min/max-width等多重限制。
-
JavaScript数组扁平化指将多层嵌套数组压平为一层，flat()按指定深度展开（默认1层，Infinity可完全扁平），flatMap()先映射再扁平一层，二者语义清晰、性能好、可读性强，是现代项目的首选方案。
-
外链的<img>或background-image引入的SVG无法用CSS控制内部<path>颜色，因其被当作位图处理；只有inlineSVG才能通过fill:currentColor或CSS变量动态换色。
-
徽标文字颜色对比度不够时，应确保小字号文字与背景的对比度达WCAGAA标准4.5:1；例如红底配白字需验证是否达标，推荐用WebAIM工具检测，必要时加深文字色或降低背景亮度。
-
装饰器套在类方法上直接报错self丢失，是因为普通装饰器未显式接收并透传self（或cls），导致其被误作第一个位置参数吃掉；正确写法必须是defwrapper(self,args,kwargs)或defwrapper(cls,args,kwargs)，否则引发TypeError或属性访问失败。
-
能，但仅限于容器尺寸按比例约束，不缩放子元素；它维持宽高比（如16/9），解决高度塌陷与比例失真，适用于视频容器、等比卡片等场景。
-
作用域链是函数定义时固化下来的词法嵌套关系，非运行时动态生成；它存储在函数的[[Environment]]内部槽中，ChromeDevTools“Scope”面板显示的是其运行时快照，不可直接打印或遍历。
