element.matches()是最直接、开销最小的选择器匹配方法，仅支持标准CSS选择器，不支持伪元素和关系符开头，空值或非法格式会抛DOMException，需注意IE兼容性及动态拼接校验。
答案：通过GeolocationAPI可获取用户位置，但需用户授权并重视隐私保护。使用getCurrentPosition()或watchPosition()获取经纬度及精度、速度、方向等数据，提升地图应用体验；而赢得用户信任的关键在于透明告知、最小化收集、提供控制权和保障数据安全，确保合规与尊重用户隐私。
HTML5原生placeholder属性直接写在input标签中，支持text、search等类型，中文空格emoji均可显示；非JS/CSS属性，错误操作会导致失效；需配合label实现无障碍，::placeholder伪元素须兼容各浏览器前缀。
Vue初始化性能优化的关键是用v-if延迟非核心组件渲染，因其在false时不创建实例、不编译模板、不触发生命周期和API请求，相比v-show更彻底；适用于模态框、详情抽屉、权限模块及复杂图表等场景。
支持thisArg的数组方法有：1.forEach、2.map、3.filter、4.find、5.findIndex、6.some、7.every；sort、reduce等不支持，需用bind或箭头函数处理。
scroll-padding在固定导航栏下跳转遮挡标题，因其默认作用于根容器且不自动补偿导航栏高度；需在滚动容器设scroll-padding-top（如calc(64px+env(safe-area-inset-top))），动态高度需JS更新；可与scroll-snap-type共用但需注意Safari优先级问题；Safari15.4+存calc+env首次失效bug，Firefox不支持逻辑属性缩写。
HTML5本身不提供建模能力与3D渲染管线；所谓“建模”依赖WebGL（如Three.js）、WebGPU或SVG等技术实现；Three.js中遮挡由depthTest和renderOrder共同控制：默认depthTest开启，按Z值自动遮挡；关闭depthTest后则按renderOrder顺序覆盖。
:active伪类松手即失效，导致点击反馈“闪一下”；应配合JS添加.processing类控制持续状态，并用transition实现平滑过渡，避免仅依赖:active。
Tailwind不支持empty:变体，因其未内置结构伪类解析；需用@layercomponents自定义或兄弟元素+:emptyCSS实现，注意DOM空白节点和框架渲染导致的失灵问题。
正确嵌套必须是子ul作为父li的直接子元素，否则DOM断裂导致JS、屏幕阅读器和aria-expanded失效；验证需检查HTML结构而非视觉缩进。
必须加-webkit-appearance:none和appearance:none，否则iOSSafari中button等表单控件的默认圆角无法被border-radius:0清除；重置后需手动补全border、padding、background-color等基础样式。200 收藏
CompressionStreamsAPI是浏览器原生流式压缩/解压标准，支持gzip/deflate；目前Chrome118+、Edge118+、Safari16.4+支持，Firefox尚未实现，需运行时检测兼容性。408 收藏
initial-scale=1失效主因是viewport标签未在<head>最开头声明、被重复或动态插入覆盖、或内容溢出撑开视口；必须写width=device-width,initial-scale=1.0，且置于所有其他meta和title之前。122 收藏
classList是DOM元素上只读的DOMTokenList对象，用于安全、原子地操作class属性；相比className，它避免覆盖、自动去重、无需手动处理字符串，常用add/remove/toggle/contains等方法。397 收藏
Flex垂直居中失效主因是父容器无高度、为inline-flex或子元素绝对定位；Grid的place-items失效主因是未定义grid-template-rows、存在wrapper嵌套或子元素设置align-self覆盖。434 收藏