-
ChromeCoverage面板直接标出未匹配任何元素的CSS规则，用于清理冗余样式；它仅反映当前视图下实际渲染情况，不检测伪类、媒体查询非触发状态及JS动态添加的选择器。132 收藏 -
本文详解HTML页面中CSS背景图（JPG）无法加载的常见原因及解决方案，涵盖路径写法、属性拆分、推荐实践与调试技巧，助你快速修复background:url(...)不生效问题。152 收藏 -
首先确保Web服务器已安装并启动，然后将HTML文件夹上传至服务器默认根目录，接着设置正确的文件权限与所有权，再配置防火墙开放80端口，最后通过浏览器访问服务器IP地址验证页面是否正常显示。413 收藏 -
判断硬件是否支持HTML函数工具需通过五种方法：一、用JavaScript特性检测API查WebGL/WebAssembly/CSS加速；二、Canvas2D上下文检查渲染属性；三、PerformanceAPI测延迟与内存；四、Navigator.gpu读取GPU信息；五、调用工具自身诊断模式。149 收藏 -
BEM中图标子元素应命名为btn__icon，位置通过btn--icon-left等Modifier控制；伪元素图标可保留btn__icon类名作语义标记，但推荐显式DOM元素以保障可维护性与无障碍支持。315 收藏 -
flex-wrap:wrap是触发换行的唯一开关；仅设display:flex不会换行，因默认flex-wrap:nowrap，必须显式声明wrap或wrap-reverse才启动换行逻辑。334 收藏 -
通过在SVG标签中显式声明width和height属性，并配合CSS的background-size:100%100%，可强制SVG背景无比例拉伸以完全覆盖容器，解决因矢量图缺乏固有尺寸导致的缩放不一致问题。362 收藏 -
Portal渲染是将组件内容逻辑保留在当前树、物理挂载到任意DOM节点的技术，用于解决全局弹窗的定位失效、层级截断、样式穿透难及无障碍受限等问题。120 收藏 -
data-*属性仅静态存值，不自动记录行为；必须用JavaScript监听事件并读写dataset才能实现埋点。396 收藏 -
元素与文字基线不对齐主因是vertical-align:baseline在行内环境生效，需结合line-height、display类型及vertical-align合理调整；absolute元素不参与基线对齐，应改用transform或line-height控制。148 收藏 -
position:absolute元素“消失”是因脱离文档流导致父容器高度塌陷；需通过min-height、伪元素或padding等主动占位，而非仅设parent为relative。436 收藏 -
Reflect提供标准化对象操作，Proxy结合Reflect可实现属性拦截与元编程，装饰器（实验性）通过函数修改类或方法行为，配合reflect-metadata库支持运行时读取元数据，三者共同增强JavaScript的反射与装饰能力。415 收藏 -
最小可打开HTML文件需4行：<!DOCTYPEhtml><html><head><title>标题</title></head><body>内容</body></html>，后缀.html、UTF-8编码、双击即开。172 收藏 -
应优先用语义正确的标签：强调语气用<em>，纯视觉倾斜用<i>；必须用CSS时用font-style:italic；斜体不可作为唯一信息载体，需配合ARIA属性或HTML属性确保无障碍。303 收藏 -
localStorage只能存储字符串，存对象需JSON.stringify()、取时需JSON.parse()，读取不存在key返回null而非undefined，无自动过期机制需手动实现，适用轻量简单场景。156 收藏
