-
tap-highlight-color仅在iOSSafari及微信内置浏览器中对<a>和可聚焦元素生效，需加-webkit-前缀、设为transparent，且不能写在伪类中；Android浏览器完全忽略，跨平台应禁用系统高亮并自定义触摸态。
-
需先通过用户手势调用DeviceMotionEvent.requestPermission()获取权限，再监听devicemotion事件，计算加速度模值并检测其短时剧烈变化（静止→跃升→回落→静止）以准确识别摇晃，避免单轴误判。
-
移动端表单错位主因是固定宽度、浮动布局或视口未适配；应设正确viewport，用Flex布局替代float，分层MediaQuery响应（≤480px竖排、481–768px两列、≥769px水平对齐），并重置box-sizing与字体单位。
-
Flex容器默认按主轴方向排列子元素，由flex-direction决定，默认row；2.justify-content、align-items和gap控制间距，可实现居中等布局；3.position:relative不脱离Flex流，可通过偏移调整位置，保留原有空间；4.position:absolute使元素脱离布局流，不参与排列，相对定位祖先定位，不影响其他项；5.微调用margin或transform，覆盖需求用absolute并确保父级定位。
-
用<a>标签生成语义化、带UTM参数的分享链接即可实现可点击、可复制、可分享；“复制短链”需预置短地址并用execCommand('copy')配合隐藏<textarea>实现；短链生成必须由后端完成，前端仅负责展示与触发；OpenGraph标签须置于页面<head>中以确保社交平台正确解析。
-
使用gap属性可解决Flexbox两列布局间距不一致问题，因margin设置不当或未清除末项间距会导致错位，而gap能自动均匀分配子元素间隙；示例中通过display:flex、flex-wrap:wrap与gap:20px配合calc()计算宽度，确保每项正确排列且无需处理最后一项margin；现代浏览器支持良好，旧浏览器可用负margin降级处理，但推荐优先使用gap以提升布局一致性与维护性。
-
响应式状态深度监听的关键是避免无效监听、控制更新粒度、确保变化可追溯；Vue3默认深层响应，但需通过computed+toRaw、shallowRef+triggerRef、watch合理配置及结构化Store设计来实现精准响应。
-
HTML不计算热度，仅负责展示；热度由后端或JavaScript基于浏览、点赞、评论及时间衰减等加权计算，再通过textContent安全注入DOM，CSS仅作视觉反馈，需注意时区一致性和XSS防护。
-
使用toLocaleString()或正则可实现数字千分位格式化，前者简洁且支持国际化，后者灵活可控；推荐优先使用toLocaleString('en-US')，结合输入校验与小数处理确保稳定性。
-
GeolocationAPI可通过navigator.geolocation获取用户位置，需HTTPS环境和用户授权；调用getCurrentPosition()获取当前位置，coords提供经纬度及精度等信息，accuracy值越小越精确；使用watchPosition()持续监听位置变化并可配置高精度、超时等参数，通过clearWatch()停止监听；应妥善处理权限请求与误差提示，保障用户隐私与使用体验。
-
SVG缩放本身不耗性能，卡顿源于重排、重绘或复杂路径渲染；优化需精简path、禁用filter、用viewBox替代宽高调整、合理使用canvas替代。
-
答案：CSSFlexbox通过设置display:flex启用，可灵活控制子元素排列、对齐与尺寸。使用flex-direction定义主轴方向，justify-content和align-items分别控制主轴与交叉轴对齐，flex-grow、flex-shrink和flex-basis调节项目伸缩行为，flex-wrap实现换行布局，结合align-content管理多行间距，适用于响应式设计与常见页面布局。
-
UnoCSS插件必须在vite.config.ts的plugins数组中显式调用UnoCSS()，否则原子类不生效；@apply需通过transformerDirectives启用；shortcuts须定义在uno.config.ts的shortcuts字段；且必须import'virtual:uno.css'。
-
答案：通过background-clip:text与@keyframes结合实现文字颜色渐变动画，利用背景移动营造视觉流动效果，适用于标题等高亮场景。
-
标题标签是语义骨架而非字号开关，必须逐级使用且每个页面仅一个<h1>；跳级、重复或滥用会破坏SEO与可访问性，样式应交由CSS控制。
