-
垃圾回收靠标记-清除算法判断对象是否该被清理：从根对象出发递归标记可达对象，未标记的即为不可达垃圾；引用计数法因无法处理循环引用而被淘汰。
-
移动端background-attachment:fixed失效是浏览器主动禁用策略，iOSSafari早废弃、AndroidChrome84+默认忽略；最稳妥方案是用position:fixed+独立div模拟固定背景。
-
display:inline-block的li多出4px间隙是因HTML换行/空格被渲染为空白字符，解决方案首选ul设font-size:0并给li单独设字号，同时需统一vertical-align、处理IE兼容性，复杂布局应改用flex。
-
用纯HTML+CSS实现数字徽章：父容器设position:relative，徽章<span>设position:absolute;top:-6px;right:-6px;background:#ff4757;color:white;font-size:12px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;，避免overflow裁剪、确保不塌陷、适
-
直接使用加号在HTML中通常可行，但为确保正确显示和传输，需根据场景选择：普通文本用+，避免解析错误用+或+，URL参数中用%2B编码。
-
::first-letter设置font-size后行高错乱的根本原因是其伪元素以inline方式参与布局并继承父line-height，放大首字母后浏览器按替换元素规则重算行高基线，导致整行视觉偏移；需同时设置line-height:1和vertical-align（如text-top）并慎用display:block。
-
需构建轻量级HTML编译器工具，含四方案：一、DOMParser实时解析；二、沙箱iframe隔离渲染；三、服务端代理解析；四、WebWorker离线预处理。
-
Bulma通过.columns和.column类封装Flexbox布局，实现响应式设计；使用.is-centered和.is-vcentered控制对齐，.buttons和.field.is-grouped用于按钮与表单布局，结合.is-mobile、.is-multiline等辅助类可灵活调整显示效果。
-
动画失效的首要原因是animation-name与@keyframes名称不匹配，哪怕一个空格、大小写或连字符错误（如slide-in与slide_in），浏览器均静默跳过且不报错。
-
RGB/HSL写CSS渐变更灵活可控：支持透明度（rgba/hsla）、直观调色（HSL明度/饱和度可调）、适配CSS变量与计算、兼容IE9+；Hex仅适用于静态单色场景。
-
Map适合存任意类型键的键值对，Set用于高效去重和存在性检查；二者语义明确，不可与Object/Array混用，否则导致逻辑脆弱、性能下降或行为异常。
-
grid-auto-rows和grid-auto-columns用于控制网格中自动创建的行高和列宽。当子元素超出显式定义的行列时，浏览器会生成隐式轨道，其尺寸由这两个属性决定。默认值为auto，可设为固定值、fr单位或min-content等关键字。grid-auto-rows影响自动行的高度，常用于卡片列表；grid-auto-columns控制自动列的宽度，适用于横向滚动布局。显式轨道优先于隐式规则，结合fr与minmax可实现响应式设计。例如设置grid-auto-rows:120px;grid-a
-
:invalid伪类失效主因是验证属性缺失或未触发校验；需设置required/pattern，配合用户交互或JavaScript强制校验，并用:invalid:not(:placeholder-shown)精准控制样式。
-
面包屑导航通过语义化HTML和Schema.org结构化数据提升用户体验与SEO；2.使用<nav>、<ol>结合Microdata或JSON-LD标记明确层级；3.最后一项不应为链接，但需在结构化数据中包含自身URL；4.避免将面包屑作为主导航、忽略无障碍性或路径不一致；5.推荐使用JSON-LD实现动态生成、响应式设计并保持全站一致性，以优化SEO和用户导航体验。
-
用CSSGrid实现两行三列图片布局最省事，关键在于grid-template-columns:repeat(3,1fr)、gap控制间距、img设width:100%和object-fit:cover，并注意响应式、语义结构与加载性能。
