-
relative定位本身不使元素脱离文档流，仅作为absolute子元素的定位参照；需配合top/right/bottom/left才产生视觉位移，且其top向下偏移、left负值向左；它是最近非static祖先，但受外层定位元素或flex/grid布局影响。
-
可访问性设计不仅是合规要求，更是包容性责任。它通过语义化HTML、替代文本、键盘操作、色彩对比、表单标签、合理使用ARIA等手段，确保残障人士平等获取信息；同时提升SEO和用户体验，扩大用户群。常见误区包括滥用div、无效alt文本、焦点混乱、颜色对比不足、ARIA误用。应从设计阶段融入可访问性，结合自动化工具与人工测试，并持续学习迭代，使其成为开发常态。
-
浮动容器中margin:auto失效，因浮动元素脱离文档流，父容器宽度无法约束子元素，导致左右外边距计算为0；应改用inline-block+text-align、绝对定位或直接使用Flex/Grid布局。
-
应选用Notepad++便携版v7.9.5及更低版本、FirefoxESR78.15.0，禁用自动更新与扩展，通过file://协议直读HTML文件，关闭语法高亮冗余渲染和系统视觉特效，以适配双核CPU、2GB内存等低配硬件。
-
应使用@media(prefers-reduced-motion:reduce)直接重置动画属性，而非依赖JS；需设animation:none、transition:none、transform:none、opacity:1等并加!important确保生效。
-
本文详解如何将两个等长的一维数组（键数组与值数组）配对生成二维键值对数组，并利用Object.fromEntries()构建初始化对象，同时对比map+fromEntries、forEach和reduce三种实现方式的适用场景与注意事项。
-
答案：构建交互式地图应用需结合GeolocationAPI获取位置，Canvas渲染地图与标记，并实现用户交互。首先通过navigator.geolocation.getCurrentPosition()获取经纬度，需HTTPS与用户授权，建议检查API支持并设置超时；使用watchPosition()实时追踪位置变化。接着创建Canvas并适配尺寸，将经纬度按缩放比例转换为画布坐标，用ctx.arc()绘制圆形标记，添加文字标注，以用户为中心动态渲染兴趣点。交互方面，监听点击事件反查地理坐标并弹出信息，
-
根本原因是编码不一致：CSS文件为UTF-8（无BOM）而HTML未声明charset，或服务器响应头charset与文件编码不符；需统一为UTF-8并确保meta、HTTP头、构建工具读取均正确。
-
computed实现列表搜索过滤的核心是将原始数据和搜索关键词作为响应式依赖，由Vue自动追踪并重新计算结果；支持多字段匹配、空值防护，无需防抖，配合v-memo和空搜索优化可提升万级列表性能。
-
增量标记通过将标记工作拆分为多个小步穿插执行，避免长时间STW停顿；其依赖三色标记模型（白=未扫描/可能垃圾、灰=待扫描、黑=已扫描/存活），并结合写屏障解决并发修改导致的漏标问题。
-
必须返回404状态码；仅展示错误内容而返回200会导致搜索引擎误判为有效页，损害SEO。需用curl-I或Network面板验证响应头为“HTTP/1.1404NotFound”，并确保HTML中title含“404”、主内容用<main>、链接用绝对路径且可访问。
-
HTML5结构标签是语义化标签，用于明确内容角色；不能只用<div>，否则影响SEO、无障碍访问和协作效率；<main>只能出现一次且须为<body>直接子元素。
-
必须通过<script>标签引入JavaScript：一、内嵌代码，写在<head>或<body>的<script>标签内，如console.log("HelloHTML5")；二、外链文件，用src属性引用.js文件，不可混写代码；三、位置影响执行时机，<body>底部最稳妥，<head>中可用defer确保DOM就绪后按序执行。
-
最轻量方式是在<a>标签加data-track-type="collab-invite"等语义化属性，监听document.body点击事件捕获，埋点须在preventDefault前触发；invite_id需后端校验并原子更新状态，统一用UUIDv4，禁用URLfragment；带参链接需Cache-Control:no-store防缓存污染。
-
once是addEventListener的布尔型配置项，设为true时监听器仅执行一次后自动移除；适用于初始化、防重复提交、动画回调等场景，不支持IE。
