-
面包屑导航必须用<navaria-label="Breadcrumb">包裹，内部用<ul>或<ol>结构，当前页用aria-current="page"标识，分隔符通过CSS实现，图标需配visually-hidden文本确保可访问性。
-
应采用作用域隔离或命名空间包裹：用:is()配合局部容器限制第三方样式生效范围，或通过CSSModules、@layer、手动前缀等方式规避冲突；对!important泛滥者可用更具体选择器覆盖、all:unset重置或iframe隔离。
-
先确认浏览器实际请求地址：双击打开index.html时地址栏为file:///开头，路径解析与HTTP服务下完全不同；右键检查Network中Img请求的RequestURL才是真实解析结果，src相对路径基准永远是HTML文件所在目录，非项目根目录或CSS位置；禁用双击打开测试，应使用LiveServer或python-mhttp.server启动本地HTTP服务以模拟生产环境。
-
@timeit装饰器需实现__get__描述符协议以适配类方法，否则因self参数错位报TypeError；它在属性访问时动态绑定，在__call__中统计耗时，并用functools.wraps保留原方法元信息。
-
Less响应式分栏核心是编译期精确计算百分比，须用percentage(1/@n)避免calc截断；断点需带单位并用.each遍历；Flex布局中flex-basis优先于width。
-
navigator.getBattery()并非所有现代浏览器都支持：Chrome38+、Edge79+、Firefox109+支持，Safari全系不支持；必须先检测'getBattery'innavigator再调用，返回Promise且仅在HTTPS安全上下文中可用，移动端基本不可用。
-
Eclipse通过外部浏览器预览HTML，需创建DynamicWebProject并将文件放在WebContent目录，右键HTML文件选择“RunonServer”在Tomcat中运行，或“OpenWith”系统浏览器查看，推荐使用外部服务器模拟真实环境，确保路径和项目类型正确。
-
hover提示框闪烁的主因是用display切换显隐导致重排，正确做法是保持DOM存在，用visibility+opacity配合transition，且transition声明在默认样式中。
-
HTML<select>必须手动添加<option>，每个需设value或文本；多选用multiple属性；name决定表单提交字段名，不可为空；原生不支持placeholder和搜索，需用首项禁用模拟或引入库。
-
要用String.prototype.match()提取版本号，需用非捕获分组(?:...)忽略上下文，将目标版本号置于普通捕获组()中，再通过result?.[1]安全获取；多匹配时用matchAll()配合g标志并过滤。
-
JavaScript重塑程序认知：从线性同步到事件驱动异步，直面状态管理与真实交互复杂性，培养组合思维与工程敏感度。
-
本文介绍在音乐播放器中实现“点击新专辑自动暂停旧音频并播放新音频”的核心逻辑，通过维护一个全局音频引用变量来管理播放状态，避免多首歌曲同时播放的问题。
-
本文详解如何使用纯JavaScript创建一个精准、可复用的倒计时器，不依赖当前系统时间起点，而是以用户提供的目标结束时间为基准，实时计算并动态更新剩余时分秒。
-
浮动元素底部不齐是正常行为，伪等高需用padding-bottom+负margin-bottom配合overflow:hidden裁剪实现，IE6/7需zoom:1触发hasLayout，现代项目应优先使用flex或grid。
-
原生<inputtype="range">不支持双滑块，强行用两个易出同步问题；推荐用NoUiSlider实现自动互锁、触摸适配的区间选择，并注意价格数据清洗、范围校准及与筛选状态整合。
