-
Chrome不播放video标签的主因是静音自动播放被拦截、跨域资源被拒、编码格式不支持或缺少必要属性；需同时设autoplay和muted才能自动播放，且推荐用H.264编码、本地HTTP服务及用户手势触发play()。148 收藏 -
WebStorm双击HTML打不开是因浏览器file://协议限制现代API，需用HTTP服务；内置服务配JavaScriptDebug配置URL为http://localhost:63342/路径，或装LiveServer插件启用自动刷新。445 收藏 -
用[href$='.pdf']可精准匹配PDF链接，支持所有现代浏览器及IE9+；需带点写为.pdf，$=确保结尾匹配；纯CSS方案通过dataURL嵌入SVG图标并用padding-left留白，避免误匹配和协议问题。260 收藏 -
推荐使用event.type获取标准小写事件名（如"click"），通过switch或if分支统一处理多种交互，适用于表单、画布等需差异化响应的场景，简洁可靠且减少内存占用。468 收藏 -
JavaScript中高亮关键词需先转义正则特殊字符，再用newRegExp(escapeKeyword,'gi')匹配，最后replace为<mark>$&</mark>等安全HTML标签，处理用户输入时须防XSS。494 收藏 -
customRef实现防抖比watch+setTimeout更合适，因为它能拦截ref赋值过程，在setter中暂存新值、清除旧定时器并延迟更新currentValue，使组件读取的值本身就是防抖后的结果，而非仅延迟执行副作用。199 收藏 -
用border-radius直接给<img>加圆角最简单，需配合display、object-fit和固定宽高实现标准圆形头像，现代浏览器均原生支持，无需前缀。294 收藏 -
直接内联SVG可提升性能并支持样式脚本控制；2.外部SVG适用于静态图形，通过img或CSS背景引入；3.响应式设计需使用viewBox属性；4.优化SVG代码以减小体积；5.添加title、desc和ARIA属性增强可访问性。109 收藏 -
推荐使用grid-gap管理网格内部间距，结合margin处理外部留白或特殊元素距离。gap避免重复空白与外边距塌陷，支持响应式布局；margin用于容器外边距、个别项隔离及对齐非网格元素。统一内部用gap、外部用margin可避免间距叠加，通过重置子元素margin并合理设置容器margin实现清晰布局。特定场景下可用负margin或单独class调整首尾项视觉效果，确保代码易维护。399 收藏 -
需用CSS变量接管Bootstrap颜色体系：在:root定义明色值，[data-bs-theme="dark"]中重写暗色值，并确保BootstrapCSS后加载；自定义组件须统一使用var(--bs-xxx)而非硬编码颜色。427 收藏 -
最可靠方案是使用原生<video>标签，需指定src或<source>、加controls属性、用preload="metadata"，路径错误和格式不支持是常见失败原因。473 收藏 -
让HTML表格居中显示的几种方法：使用CSS的 margin 属性 通过设置表格的左右边距为 auto，可以让表格在页面中水平居中。
使用Flexbox布局 将表格包裹在一个容器中，并使用 Flexbox 实现居中。
要让HTML表格居中，最直接的方法是使用CSS的margin:auto属性，但需满足两个前提：1.表格为块级元素；2.设置明确宽度。另一种现代方案是Flexbox或CSSGrid布局。Flexbox通过设置容器display:flex并配合justify-content:center可实现水平居中，加上align-items:center还可垂直居中。CSSGrid则通过display:grid和place-items:center实现同时水平与垂直居中。响应式设计中，还需注意表格溢出问题，常用策略包括添332 收藏
ESM与CJS是底层机制完全不同的模块系统，不可互换：ESM静态分析、顶层导入、实时绑定；CJS动态执行、同步加载、值拷贝；二者缓存隔离、路径规则不同、循环依赖行为迥异。326 收藏
CanvasAPI通过getImageData获取像素数据，结合ImageData对象实现灰度化、反色、亮度调节及卷积滤波等图像处理，利用TypedArray和WebWorkers优化性能，注意边界处理与alpha通道操作。116 收藏
用::before或::after插入分隔符时，为什么分隔符不显示？常见错误是没给伪元素设置content，或者内容为空字符串。CSS伪元素默认不渲染，必须显式声明content:""或content:">"等值才能生成节点。另一个高频问题是父容器或子项设置了overflow:hidden，而分隔符用绝对定位或负margin溢出后被裁剪。面包屑中常因flex容器收缩导致伪元素位置异常。确保每个分隔符所在或元素设置了position:relative135 收藏
