-
推荐使用<header>与<p>标签组合：主标题用<h1>，副标题用带class="subtitle"的<p>，语义清晰且不破坏大纲；<hgroup>已废弃但部分浏览器支持；ARIA可增强可访问性；CSS伪元素适合固定文本场景。
-
移动端1px边框发虚变粗的根本原因是设备像素比（dpr）导致CSS1px被渲染为多个物理像素，浏览器插值拉伸后模糊；解决方案是用伪元素配合transform:scale(1/dpr)缩放边框至1物理像素，并设transform-origin和pointer-events:none规避副作用。
-
本文介绍如何根据导航栏是否启用navbar-fixed类，动态为.title-img元素添加或移除margin-top:20%样式，通过JavaScript实时检测类名变化并精准控制样式，避免硬编码冗余逻辑。
-
HTMLimport已废弃，仅执行脚本而不解析DOM、样式或模板；现代方案应使用ES模块配合fetch/DOMParser动态加载并手动解析HTML片段。
-
HTML多选框用<inputtype="checkbox">实现，需统一name值分组、设value区分选项、禁用ID重复；JS通过querySelectorAll获取全部并手动同步checked/indeterminate状态。
-
固定导航条导致内容被遮挡，应通过padding-top为内容区预留高度；响应式可用CSS变量联动；慎用margin-top；滚动条宽度变化可用scrollbar-gutter或强制显示解决；需确保导航条定位、尺寸设置正确。
-
改网页标题只有两种可靠方式：静态写在<head>里的<title>，或运行时用document.title赋值；其他操作均不保证生效，尤其影响SEO和历史记录。
-
页面预加载通过JavaScript操作BOM实现，核心在于动态加载资源以提升用户体验。1.动态图片预加载：提前加载轮播图或点击后即将展示的图片；2.数据预加载：利用FetchAPI或XMLHttpRequest预取JSON等数据；3.动态插入link标签：根据条件灵活使用preload或prefetch声明式加载资源。相比静态声明，JavaScript提供了更精细的控制能力，如基于用户行为、网络状况、历史记录进行智能判断，同时支持数据预取和兼容性回退。但需注意避免过度预加载、合理管理缓存、考虑网络状况、控
-
垃圾回收靠标记-清除算法判断对象是否该被清理：从根对象出发递归标记可达对象，未标记的即为不可达垃圾；引用计数法因无法处理循环引用而被淘汰。
-
移动端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编码。
-
表单提交必须调用event.preventDefault()阻止页面刷新，否则JS逻辑丢失；input事件适合实时验证但需防抖，change事件适合完成态校验；取值用.value而非innerText，复选框判断.checked；form.reset()仅重置HTML初始值，不处理JS动态修改或框架状态。
-
:checked伪类配合~只能选中DOM中同级且位于其后的元素，需确保checkbox与目标元素同父、顺序正确、无无关节点阻断；错误结构或属性设置会导致样式失效。
