-
本文介绍一种符合HTML规范、结构清晰且易于维护的方法：使用CSS类（而非重复ID）批量控制多个表格行的显隐状态，并通过事件委托实现单按钮统一切换。
-
margin-left:-100%是让左栏左边界对齐.main左边界（即容器左边缘），以父容器宽为基准向左移动一个容器宽度，配合.main的左右margin预留侧栏空间，实现三栏自适应布局。
-
color-scheme是实现网页深色模式适配的关键CSS属性，通过设置lightdark可使页面原生控件自动匹配系统主题，结合prefers-color-scheme可同步自定义样式，提升用户体验。
-
用compose替换嵌套回调可将业务链路转为自上而下的声明式流水线，关键在于统一输入输出形态、显式处理异步、隔离副作用、增强可观测性。
-
v-memo应仅包裹股票行情区域并依赖price和changePercent字段，避免包含timestamp等非视觉变化字段；须与v-for同元素使用，key用code而非index，禁用空数组或对象全量引用。
-
合理使用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，需兼顾可访问性与语义正确性。
