-
Vue需自定义v-longpress指令实现长按：监听touchstart/mousedown启定时器，touchend/mouseup等事件清除，超时执行回调；支持配置时长、.repeat连续触发及preventDefault防误触，注意iOS延迟、mouseleave兼容与SSR判断。
-
display无法直接过渡，因其为非连续值类型；应改用opacity+visibility模拟淡入淡出，或用max-height过渡实现收起展开效果，JavaScript控制时机更可靠。
-
页面空白主因是Grid/Flex列宽不合理或容器与内容不匹配，应通过auto-fit+minmax()自动收缩空列、调整列比例（如1fr2fr1fr）、控制gap和外边距、配合媒体查询实现响应式优化。
-
box-shadow属性通过设置水平垂直偏移、模糊扩散半径、颜色及内外投影方式，可实现立体阴影效果；常用rgba色值控制透明度，结合transition增强交互，注意性能与多阴影层叠顺序。
-
HTML结构化数据是富媒体摘要的必要条件而非充分条件，需使用谷歌支持的类型、满足强制字段、采用JSON-LD格式，并确保内容与正文一致，否则即使验证通过也不会触发富媒体摘要。
-
window.getSelection()获取选区并验证有效性是实现网页内联评论的基础，需检查rangeCount、过滤空白文本、排除contenteditable等区域，再通过Range定位节点路径与偏移量锚定上下文，包裹高亮标记并绑定交互行为。
-
HTML文字下划线怎么留白？用text-underline-offset最直接原生CSS就能控制下划线和文字底边的距离，不用伪元素、不用额外标签。关键就是text-underline-offset，它决定下划线离文字多远。常见错误是只设text-decoration:underline，结果下划线紧贴字形底部，尤其在有descender（如g、j、p）的字体里，看起来像被“切了一刀”。text-underline-offset接受长度值（2px、0.1em）或关键字（auto
-
合理设置CSS中的padding能提升文本可读性与布局美观，避免内容拥挤或松散。通过适配设备屏幕、结合line-height与margin优化间距，使用相对单位和自定义属性统一管理，实现响应式排版。
-
html5play不是HTML5标准API，也非浏览器内置函数，无法播放3D或任何视频；它只是开发者自定义的play()封装函数，真实3D播放需基于video元素配合WebGL或CSS手动实现。
-
JavaScript跨域受限源于浏览器同源策略，核心解决方案是后端配置CORS（含简单请求、带凭证请求及预检请求的响应头设置），开发期可用前端代理，无法改第三方接口时可服务端中转。
-
JavaScript异步编程关键在理解回调的调用时机、执行主体和上下文；回调是被宿主环境主动调用的参数函数，需避免立即执行错误；回调地狱本质是控制流失控，应拆解为具名函数或升级为Promise/async-await；封装回调API为Promise是必备技能，须注意error-first约定和this绑定。
-
br标签是语义化换行标记，仅用于同一段落内需强制折行的场景，如地址、诗歌、歌词；不可替代段落结构或用作布局工具，否则损害可访问性、SEO及响应式表现。
-
JavaScript响应式原理通过Proxy拦截对象的get和set操作，在get中收集依赖，在set时触发更新。使用reactive将对象代理，watchEffect注册副作用函数自动追踪依赖，数据变化时更新DOM或执行回调，结合WeakMap存储依赖，递归处理嵌套对象，实现简易响应式系统。
-
Object.seal()能锁定props结构（禁止增删属性、修改可配置性），但允许修改已有属性值；它并非“无影响”，而是有明确行为边界，适用于需结构只读但值可变的场景。
-
text-overflow:ellipsis默认只对单行生效，因其依赖块级元素、overflow:hidden及white-space:nowrap共同作用；多行需用-webkit-box+-webkit-line-clamp实现，且Firefox等不支持需JS降级。
