前端技术文章
-
CSSGrouping选择器用逗号分隔多个独立选择器，表示逻辑“或”匹配，而非层级关系；必须用于统一设置不同类型、类名、状态元素的相同样式，漏逗号会导致误解析为嵌套选择器。422 收藏 -
min-content是内容不换行时的最小自然宽度，max-content是内容完全不折行的理想宽度；二者为内容驱动的计算值，常用于grid、fit-content等场景，但flex和block中需配合display或overflow等属性才能生效。371 收藏 -
网页内容无法复制的根源是页面主动阻断选择、复制、右键等行为，需逐层解除CSS（如user-select）、JS事件监听（oncopy/onselectstart）、移动端样式（-webkit-touch-callout）及HTML剪贴板格式干扰，单一操作往往无效。230 收藏 -
XMLHttpRequest读取XML时getAttribute()返回null的根本原因是浏览器误将XML当HTML解析，需设responseType='document'、服务端返回正确Content-Type，并用getAttribute()（非elem.id）读属性。471 收藏 -
答案：使用:hover伪类可实现按钮悬停效果，结合transition使背景色、文字颜色、边框、阴影及变换等样式变化更平滑，提升交互体验。229 收藏 -
::before+attr()无法直接给文字加注音，因其伪元素生成独立行内盒且无天然垂直对齐锚点；ruby才是语义正确、可访问、兼容性好的原生方案。382 收藏 -
JavaScript处理64位ID时精度丢失必然发生，因Number仅安全表示±2⁵³−1内整数；BigInt是唯一可靠原生方案，但需配合json-bigint等库或字符串化传输规避JSON限制。388 收藏 -
HTML无原生“协作人数”语义标签，需用<dl><dt>协作成员</dt><dd>3</dd></dl>结构配合data-team-count="3"属性实现语义化与机器可读。239 收藏 -
IE全系列（含IE11）、Edge≤16、Chrome旧版本均不支持CSS逻辑属性，解析器直接忽略margin-inline-start等声明，无fallback触发。206 收藏 -
HTML本身无标签页缓存机制，所谓状态保持实为JavaScript控制DOM显隐或用hidden属性暂停资源加载；真状态缓存应依赖sessionStorage或Map存储关键数据并还原UI。219 收藏 -
Canvas倒计时动画的核心是requestAnimationFrame驱动+clearRect清除重绘，避免残影闪烁；需用performance.now()精准计时、textBaseline/middle居中文字、适配dpr防模糊，并在结束时cancelAnimationFrame清理资源。383 收藏