-
HTML页面间传参有五种方法：一、URL查询字符串，通过location.search解析；二、localStorage跨页存储；三、sessionStorage会话级存储；四、表单POST提交至服务端；五、URL哈希传递，用于SPA状态管理。
-
本文提供一种无需修改页面源码、适用于浏览器控制台的通用方案，通过判断元素是否可见并提取其文本内容，精准捕获当前视口内所有语义化文本节点（含<p>、<h1-h6>、<li>、<dt>、<dd>、<blockquote>等），避免硬编码标签列表，兼顾健壮性与跨站点兼容性。
-
fixed页头错位因width:100%按视口计算且受滚动条影响，应改用left:0;right:0;拉伸；内容区需margin-top或bodypadding-top避让；对齐居中内容时用width:100%;max-width:1200px;margin:0auto。
-
清除浮动是为解决父容器因子元素浮动导致的高度塌陷问题。常用方法有：1.使用clear:both添加空元素；2.伪元素法（推荐），通过::after插入隐藏块并清除浮动，无需额外HTML标签；3.设置overflow:hidden或auto触发BFC，使父容器包含浮动元素，但可能裁剪溢出内容。优先推荐伪元素法，结构清晰且兼容性好。
-
实现页面跳转和自动重定向的核心方式有以下几种：1.使用<a>标签实现用户点击跳转，通过href指定目标URL，target控制打开位置；2.利用<metahttp-equiv="refresh">实现HTML自动重定向，可在指定时间后跳转，适用于简单静态页面的临时跳转，但存在用户体验差、SEO不友好、可能造成后退循环等问题；3.采用JavaScript的window.location对象进行重定向，其中href和assign会保留历史记录，replace则替换当前记录，避免用户后退
-
HTML5表单水平居中可用四种方法：一、margin:0auto（需设固定宽度）；二、Flexbox（父容器display:flex+justify-content:center）；三、text-align+inline-block；四、绝对定位+transform。
-
径向渐变层叠加需明确角色分工、统一background-size、错位圆心、低透明度外层；优先用background-position动画并配will-change；三组动画周期错开；色标用十六进制alpha写法；加screen混合模式；贝塞尔曲线调飘逸感；预设起始位置。
-
用CSSGrid实现两行三列图片布局最省事，关键在于grid-template-columns:repeat(3,1fr)、gap控制间距、img设width:100%和object-fit:cover，并注意响应式、语义结构与加载性能。
-
IndexedDB是HTML5的浏览器端NoSQL数据库，用于存储大量结构化数据。通过open创建或打开数据库，在onupgradeneeded中定义对象仓库和索引；使用readwrite事务添加、更新、删除数据，readonly事务读取或遍历数据；支持主键操作与索引查询，适合离线应用持久化存储，实际开发可结合localForage等库简化API操作。
-
CSS版权声明注释必须紧贴文件最开头、在@charset/@import/样式规则之前，含年份范围（如2022–2024）、全称权利主体及授权声明，使用UTF-8无BOM编码和LF换行，否则构建工具可能忽略或报错。
-
vw单位使文字随视口缩放但易失控，应配合clamp()约束范围，如font-size:clamp(16px,4vw,28px)，并避免在body或根元素上直接设vw字体以防em/rem连锁失准。
-
应选择高对比度的文字与背景颜色组合以提升可读性，尤其确保普通文本对比度达4.5:1、大号文本达3:1，推荐使用黑色#000000与白色#FFFFFF等高对比配色，并借助WebAIMContrastChecker等工具验证，同时优化链接的a:link、a:visited、a:hover状态样式，避免仅依赖颜色区分，从而提升无障碍访问体验。
-
避免写死尺寸的关键是使用断点前缀与相对单位组合，如md:text-lg、lg:w-1/2；优先采用rem、%、vw/vh等相对单位及aspect-、max-w-等语义化工具，慎用px于布局和字体。
-
在React中使用TailwindCSS实现动态适配国家代码宽度的下拉菜单，关键在于合理利用Flex布局的shrink-0与grow类，使<select>仅占据内容所需空间，而输入框自动撑满剩余区域。
-
localStorage默认持久化，但需避免无痕模式、跨协议访问、未序列化对象、重复覆盖等误用；存取对象须用JSON.stringify/parse并try-catch；storage事件不触发当前页；容量受限且因编码差异实际可用空间不同。
