-
auto是内容自然尺寸加剩余空间分配基准值，非简单撑满；fr按剩余空间份数分配，非固定比例；%参照容器内联尺寸且不重算；显式轨道用grid-template-，隐式用grid-auto-。
-
HTML通过嵌入脚本监听用户交互，实现点击、滚动、表单等行为数据采集；结合页面结构分析，可构建兴趣标签、行为路径及活跃度画像，应用于个性化推荐、A/B测试、流失预警和精准广告投放。
-
WCAG2.1要求常规文本对比度≥4.5:1，否则影响视障、老年及强光用户；需用DevTools实测，深色模式、半透明、currentColor等场景均须单独验证并手动校准。
-
PurgeCSS删除已用CSS类的根本原因是默认仅扫描指定文件中的字符串字面量，无法识别动态拼接、运行时生成或JS注入的类名；需通过content显式配置路径、调整PostCSS插件顺序、正确处理特殊语法及框架组件类。
-
transition必须写在常态规则中而非:hover里，否则移出时会跳变；需明确指定属性、避免all和display等不可过渡值，并适配prefers-reduced-motion。
-
Vue3自定义指令可通过binding.instance?.emit()间接触发组件emit，推荐暴露triggerAction方法并由指令调用以解耦逻辑，适用于埋点等副作用场景。
-
HTML超链接核心是<a>标签和href属性，href必须正确填写绝对路径、相对路径或锚点；target="_blank"须配rel="noopener"防安全漏洞；链接文字应具语义性以保障可访问性与SEO。
-
最直接方式是用display:flex配合justify-content:center和align-items:center，但容器需有明确高度（如min-height）；图片设display:block避免基线问题；图文并排时注意flex-wrap与align-self调整；IE11等旧浏览器需兼容处理。
-
最快弹窗用window.alert()，但仅限调试；正式环境推荐dialog元素（Chrome97+/Firefox99+/Safari15.4+）或手写modal；需处理焦点管理、ESC关闭、遮罩层交互及移动端适配。
-
本文介绍如何使用jQuery精准筛选并隐藏「不包含指定文本（例如``）」的父级元素，重点解决基于子元素ID定位父元素后，按其内部文本内容进行条件隐藏的典型需求。
-
在CSS中实现数据卡片堆叠的核心方法是使用position属性与z-index属性配合。1.首先为父容器设置position:relative，创建定位上下文；2.为每张卡片设置position:absolute，使其脱离文档流并允许自由定位；3.通过设定不同z-index值控制堆叠顺序，数值越大越靠前；4.使用top和left属性错开卡片位置形成视觉层次；5.当遇到z-index不生效时，需检查元素是否处于同一层叠上下文，并确保设置了非static的position属性；6.可通过CSStransiti
-
img加width:100%不生效因它是行内元素且依赖父容器可计算宽度；object-fit:contain留白全显，cover裁边填满；background-image影响SEO；srcset/sizes控制资源加载，三者缺一不可。
-
JavaScript正则支持反向引用，用\1、\2等引用前面捕获组内容，ES2018起支持\k<name>命名引用，适用于重复词、对称结构等场景，但有空匹配、字符类禁用等限制。
-
最稳妥解法是用高质量响应式poster图替代背景视频。通过三层媒体查询适配不同屏幕，以background-image加载并控制缩放定位，确保视觉连贯性；移除video标签避免兼容问题，必要时用picture实现源切换。
-
Bulma卡片组件通过语义化结构和响应式布局实现内容展示，结合自定义CSS优化间距、悬停效果及多端适配，提升视觉吸引力与用户体验。
