-
合理使用HTML语义化标签可提升SEO与可维护性，一、用header、nav、main等标签明确页面结构；二、规范h1-h6层级，每页唯一h1，逻辑嵌套标题；三、为img添加alt描述，装饰图设alt=""，结合figure与figcaption标注图表；四、引入JSON-LD格式的Schema标记，标注文章、产品等类型及发布时间、作者等字段，并用Google工具验证；五、提升可访问性，提供按钮链接文本说明，支持键盘导航，使用ARIA属性，确保颜色对比度，time标签添加datetime属性。
-
Network面板为空最常见原因是未在录制状态下刷新，需确认左上角为红色实心圆点（Recording状态），并按Ctrl+R/F5刷新而非点击跳转；若先开页面再开DevTools，初始资源请求将丢失。
-
Python模块本身不可被weakref弱引用，但可通过三步法监控其创建的对象：1.动态加载时猴子补丁类__init__，自动将实例加入WeakSet；2.定期用pympler.asizeof估算总内存占用；3.超阈值时触发告警与tracemalloc堆栈快照。
-
Proxy更适合实现透明单例，因为它通过constructtrap拦截new操作，外置单例逻辑而不修改原类，保持调用方式为newMyClass()且instanceof有效。
-
旧版浏览器处理长字符串能力有限，易因缓冲区限制、解析器缺陷或JS引擎精度不足引发连接中断、截断、崩溃或静默失败；需从HTML属性值超长、URL过长、内联脚本/表单内容超限三类场景提前排查。
-
@scope...to的内部下界是样式生效的排除边界，即从to指定节点起（含自身及后代）不再匹配该作用域规则，形成“甜甜圈”效果；其生效需to选择器为scope内真实DOM后代且为简单选择器，Chrome125+支持，Firefox/Safari暂不支持。
-
词法作用域使异步回调保持变量一致性，靠的是记住定义时的位置而非值；函数创建时绑定外部变量，与调用时机无关；let每次迭代新建绑定，var共享同一变量；闭包携带引用而非拷贝，延长变量生命周期；常见陷阱包括this丢失、参数遮蔽和时序错误。
-
使用CSS伪类可设置链接不同状态颜色：a:link设未访问链接为蓝色，a:visited设已访问链接为紫色，按LVHA顺序书写a:link、a:visited、a:hover、a:active避免样式覆盖，提升用户体验。
-
不该。BEM修饰符应描述状态而非触发条件，如card--elevated表达悬停后的视觉变化，而非hover本身；需配合JS事件与CSS变量实现多态响应、主题适配及可访问性支持。
-
<address>标签默认斜体是浏览器UA样式决定的，非HTML规范强制；其语义仅限文档/文章作者联系信息，不可滥用；取消斜体用font-style:normal，需兼顾可访问性与语义正确性。
-
用<inputtype="text">配合<datalist>可实现颜色值下拉提示，需确保list属性与datalist的id一致，<option>的value填合法CSS颜色值，文本内容仅作显示参考。
-
SCSS变量仅在编译期生效，无法运行时切换；真正动态主题需结合data-theme属性与CSS自定义属性（如--color-primary），通过JS控制document.documentElement.setAttribute实现切换。
-
<p>直接改--percent变量即可更新进度条，但必须通过element.style.setProperty('--percent',65)在目标元素上设置，且CSS中需用width:calc(var(--percent)*1%)绑定，不可省略单位或误用var(--percent)%。</p>
-
HTML5Canvas文本绘制需调用2D上下文方法：一、fillText绘制实心文本，需设置font、fillStyle及坐标；二、strokeText绘制描边文本，需配置strokeStyle和lineWidth；三、textAlignment和textBaseline控制对齐与基线；四、measureText测量宽度以实现动态布局；五、手动分词+逐行fillText实现多行换行。
-
NavigationPreload的核心作用是让浏览器在ServiceWorker启动前并行发起主文档请求，消除首次导航延迟；需显式调用enable()启用，fetch事件中须用event.respondWith()和event.waitUntil(event.preloadResponse)正确消费。
