-
URLPatternAPI是专为URL多维语义匹配设计的原生方案，非正则替代品；pathname模式需显式定义，支持:param、*、?、+等语法，test()返回布尔值，exec()返回含分组的完整匹配对象，需搭配newURL和URLSearchParams使用，并须兼容性兜底。
-
transition属性必须写全，仅用all会导致Chrome/Safari/Firefox行为不一致；Safari中transform卡顿需加translateZ(0)或will-change；IE/EdgeLegacy不支持ease-in-out等缓动函数，须用cubic-bezier()显式声明；height:auto无法参与过渡。
-
本文详解ReactRedux应用中因ActionPayload解构命名不一致导致wishlistItemId为undefined的典型崩溃问题，并提供两种兼容性修复方案及完整调试建议。
-
浏览器扩展API可通过注入内容脚本增强网页功能。1.内容脚本在特定时机（如document_idle）注入，可操作DOM；2.通过postMessage安全通信，避免环境冲突；3.可添加按钮、自动填表、高亮文本等；4.权限需最小化，用activeTab和明确host声明保障隐私。
-
<metahttp-equiv="refresh">是HTML中唯一原生支持的页面跳转meta方式，语法为content="秒数;url=目标地址"，需置于<head>内，支持0秒跳转但SEO不友好、无错误处理且现代浏览器限制增多。
-
HTML兼容性问题靠标准声明+特性检测+降级兜底三层解决：DOCTYPE必须首行无空格，html5shiv需配display:block规则，用Normalize.css统一默认样式，JS用存在性检测而非UA判断，构建配置须精准覆盖目标浏览器。
-
dns-prefetch仅解析DNS，开销小、兼容好，适用于确定会访问但暂不加载的第三方域名；preconnect则完成DNS、TCP及TLS握手，代价高但收益直接，适用于即将高频加载的关键第三方资源。
-
只写max-width不居中，因它仅设宽度上限而不控制定位；必须配合margin:0auto且确保元素为块级、未受flex/grid/float/position干扰。移动端推荐max-width:min(750px,100vw)双保险。
-
双飞翼布局是2006年为兼容IE6–IE7设计的基于float、负margin和padding的CSShack方案，flex因其不依赖浮动、负边距及BFC清除机制，本质无法实现真正双飞翼。
-
单文件组件（SFC）的模块划分本质取决于script中的设计思路，而非文件形式本身；应通过组合式函数按功能域抽离逻辑、语义化分组代码、角色化区分职责，并借助TypeScript与工具链强化边界。
-
HTML无法原生支持CSSModules，必须依赖构建工具（如Vite/Webpack）和JS模块导入流程，通过importstylesfrom'./X.module.css'并在JSX/Vue中动态注入类名才能启用。
-
HTML解析被阻塞主因是CSS和JS加载顺序不当：link样式表会暂停HTML解析直至CSSOM构建完成，同步脚本则阻塞DOM构建；应善用media属性异步加载非关键CSS、defer保序执行关键JS，并避免document.write。
-
aria-current是为屏幕阅读器标识当前页或当前步骤的必需语义属性，必须用于导航栏、分页、标签页等有明确“当前”状态的场景；常用值为page（整页级）和step（多步流程中），不可混用；需与class="active"共存，不可替代。
-
overflow-wrap:break-word单独写基本无效，必须配合显式宽度（width/max-width）、min-width:0（Flex/Grid子项）、white-space:normal且无nowrap/pre冲突才能生效。
-
无法直接对HTML画中画（PiP）原生控件进行样式化，因为浏览器出于安全、用户体验一致性和技术实现复杂性的考虑，严格限制了对系统级UI元素的样式控制，尤其是画中画窗口本身不属于网页DOM结构，导致CSS无法直接作用于其内部控件；真正的解决方案是构建自定义视频播放器UI，通过JavaScript调用requestPictureInPicture()和exitPictureInPicture()方法来控制画中画状态，并结合自定义按钮和样式实现完全可控的视觉效果；而:pseudo-classpicture-in
