-
纯CSS手风琴核心是checkbox:checked配合兄弟选择器控制max-height过渡动画，input须与面板同级且在前、display:none，label[for]关联触发，用max-height而非height/display实现可过渡的折叠效果。252 收藏 -
HTML中普通空格不显示是因为浏览器默认合并连续空白符且忽略首尾空格；可用 、white-space属性或检查iframe上下文解决。146 收藏 -
在表单验证中，若在blur回调内直接调用focus()，会导致Chrome等浏览器重新触发blur，形成无限弹窗+聚焦循环；正确做法是将focus()延迟到当前事件循环结束后执行（如使用setTimeout(fn,0)）。133 收藏 -
play()不接受音量参数，因音量是媒体元素独立属性，需通过volume属性设置（0.0–1.0），且必须在用户交互上下文中操作，否则被浏览器忽略。351 收藏 -
用响应式状态实现全局Socket断线重连提示，核心是封装语义化连接状态对象（connected、reconnecting等），通过ref/provide或Pinia共享，配合Teleport全局提示组件与watchEffect自动驱动重连逻辑和UI更新。385 收藏 -
用单个<span>实现+→×旋转动画的核心是：通过::before和::after伪元素绘制两条正交线段，设transform-origin:center并分别旋转±45°，配合transition:transform0.3sease-in-out实现平滑切换。403 收藏 -
padding-top百分比基于父容器宽度计算，用于实现宽高比锁定；需配合height:0、position:absolute等使内容脱离文档流，避免比例失效。439 收藏 -
RRGGBB最稳妥，全浏览器兼容且无歧义；rgb()/rgba()适合动态计算与透明控制；hsl()/hsla()便于调色逻辑；color()/lab()兼容性差，仅限实验。297 收藏 -
Map适合非字符串键的有序映射，Set用于去重和存在性检查，WeakMap/WeakSet用于对象键的弱引用场景，普通Object适用于静态配置。158 收藏 -
答案：控制HTML图片需合理设置尺寸、路径和alt属性。使用width/height属性或CSS控制尺寸，避免失真；通过相对或绝对路径正确引用图片，防止404错误；alt属性提升无障碍访问与SEO，应准确描述图片内容。365 收藏 -
HTML表单不允许嵌套，浏览器会自动闭合前一个form；应使用fieldset分组、独立form+JS控制或form属性关联控件来替代。329 收藏 -
动画卡顿常因transition-timing-function选错：ease开头加速猛、结尾减速急，建议小位移用ease-out或cubic-bezier(0.34,1.56,0.64,1)；需确保transition-property和duration同时声明，避免JS内联样式覆盖CSS规则。446 收藏 -
background-size:cover未生效主因是父容器高度为0；需设min-height:100vh、避免套用限制宽度的.container，并确保元素真正占满视口。176 收藏 -
下划线需用独立元素（如span）置于导航容器内并绝对定位，通过JS监听mouseenter/mouseleave及touchstart/focus事件，结合getBoundingClientRect计算位置，配合transform和width的transition实现平滑跟随。471 收藏 -
首屏渲染优化的核心是缩短关键渲染路径，即理清资源依赖、减少阻塞、优先交付关键内容，通过精简关键资源、控制JS执行时机、优化HTML结构及服务端协同实现系统性提速。330 收藏
