-
推荐使用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 收藏
HTML5原生支持周数输入的类型是type="week"，格式为YYYY-W##（如2024-W24），符合ISO8601标准；type="date"不支持周数。210 收藏
工厂模式通过函数封装对象创建，根据参数返回不同实例，无需new操作。优点包括简单易用、解耦创建与使用、支持动态创建、避免重复代码及适合复杂构建；缺点有无法识别类型、缺乏继承机制、内存浪费、难扩展维护及调试困难。适用于小型项目，大型应用需结合其他模式弥补不足。189 收藏
直接装Node.js官方LTS版本最稳妥，因其自带V8引擎、npm和命令行工具，无需额外安装其他JS运行环境；LTS版本稳定性高、维护期长，适合学习、企业项目及主流脚手架。262 收藏
