-
实现无障碍组件自动化测试需将a11y规则集成至测试流程，核心是结合axe-core等工具扫描ARIA合规性，并在Jest、Cypress中运行检查；通过cy.checkA11y()或axe.run()断言violations为空，同时使用@testing-library/react编写细粒度断言，验证aria-expanded、aria-selected等动态属性正确更新；结合Playwright或Puppeteer模拟键盘导航与焦点管理，检测aria-hidden、aria-live等场景，确保ARIA
-
IE中img设max-width:100%仍变形是因父容器未触发hasLayout，需加zoom:1或min-height:1px；IE8及以下不支持height:auto与width:100%联动，须显式写height:auto!important且顺序在后；srcset需保留srcfallback；object-fit无效，应改用背景图或容器裁剪。
-
hover遮罩层正常显示需父容器设position:relative以建立定位上下文，遮罩层用position:absolute+top/left/right/bottom撑满并配opacity过渡；触摸设备需:focus-within或JS加类兼容。
-
MP4不能边缓冲边播放是因为moov元数据在文件末尾，需用ffmpeg-iinput.mp4-ccopy-movflags+faststart将其移至开头，并确保HTML5video标签设preload="auto"且服务端响应头含Accept-Ranges:bytes。
-
HTML5的audio标签可直接在网页中嵌入音频，无需插件，通过controls属性显示播放控件，source标签指定多种格式以增强兼容性，并支持autoplay、loop、muted、preload等属性控制播放行为，结合JavaScript可实现自定义播放、暂停和音量调节功能。
-
最稳妥方式是直接设置document.documentElement.style.fontSize，所有rem元素自动缩放；禁用body.style.fontSize、zoom和transform:scale()等错误方案。
-
在JavaScript中解析URL参数最推荐的方式是使用URLSearchParamsAPI，1.可通过newURLSearchParams(window.location.search)创建实例；2.使用get()获取单个参数值；3.使用getAll()获取重复参数的数组；4.使用has()检查参数是否存在；5.使用forEach()遍历所有参数；6.使用set()、append()和delete()修改参数；该API自动处理编码解码，若需兼容旧浏览器，可手动解析字符串并用decodeURICompon
-
PurgeCSS删除已用CSS类的根本原因是默认仅扫描指定文件中的字符串字面量，无法识别动态拼接、运行时生成或JS注入的类名；需通过content显式配置路径、调整PostCSS插件顺序、正确处理特殊语法及框架组件类。
-
在Vue3单文件组件中，父子组件可通过defineEmits和v-on通信，但兄弟组件（如Board与Explorer）无法直接监听彼此事件；需借助事件总线（如mitt）或状态提升（Pinia/Vuereactive）实现解耦通信。
-
用border画三角因伪元素零资源、兼容IE8，但仅限单色实心；需设宽高为0、四边solidtransparent并指定单边颜色，配合绝对定位与像素偏移，避免transform居中及渲染模糊。
-
在jQuery中处理超长CSS选择器时，可借助ES6模板字符串（反引号`）实现多行书写与变量插值，既保持语法正确性，又显著提升代码可读性与可维护性。
-
JavaScript性能优化核心是减少主线程阻塞、降低内存开销、提升执行效率与渲染响应速度；需拆分长任务、用WebWorker处理计算、延迟脚本加载、批量DOM操作、避免强制同步布局、合理管理内存、精简代码并持续用DevTools分析瓶颈。
-
HTML开发本身不需要UPS，但本地运行数据库、CI/CD、HTTPS证书生成等有状态服务时需UPS防护；现代编辑器自动保存可防代码丢失，但npminstall中断、SQLite写入失败、WAL日志损坏等风险仍存。
-
应使用<mark>标记当前上下文中具有相关性或需视觉突出的文本，如搜索关键词、引用条款；它专为“高亮”设计，语义区别于强调重要性的<strong>和无语义的<span>。
-
link标签顺序影响样式是因为浏览器按HTML中从上到下顺序加载CSS，后加载的同权重规则会覆盖先加载的；推荐顺序为reset→base→components→page/theme。
