-
纯HTML无法实现地图路线规划，因其仅负责结构标记，缺乏坐标计算、路径算法、地图渲染等能力，必须依赖高德等地图SDK或Leaflet+OSRM等组合方案。
-
:invalid伪类可自动为未通过原生验证的表单控件（如required、type="email"等）添加红边框；需配合:placeholder-shown或:user-invalid延迟提示，并可用:valid提供绿色正向反馈。
-
min-content是内容不换行时的最小宽度，如英文最长单词或整段URL撑开的宽度；max-content是内容完全不换行所需最小宽，无视父容器限制，易致溢出。
-
最可靠方法是用oninput事件配合正则实时过滤非数字字符并每4位加空格：先replace(/\D/g,'')清除非数字，再match(/.{4}/g)切分，最后join('')；需用setSelectionRange修复光标跳变问题。
-
最可靠方案是浏览器原生打印（DevTools→Ctrl/Cmd+P→另存为PDF）或Puppeteer服务端渲染；html2canvas+jsPDF因截图原理存在字体、样式、跨域及模糊等多重缺陷需慎用。
-
WebAssembly的尾调用优化通过将尾递归调用转化为栈帧重用，避免栈溢出并提升性能。它要求递归调用位于函数末尾且无后续操作，编译器将其转换为return_call指令实现跳转而非压栈。该优化对深度递归场景至关重要，尤其在函数式语言编译到Wasm时。Rust、C/C++、AssemblyScript等语言需编写尾递归形式并开启优化编译，才能触发此优化。然而，其应用受限于运行时支持成熟度、编译器识别能力、调试困难及代码可读性问题，并非所有递归均可优化，需权衡使用。
-
Flex布局下子列默认等高，因align-items:stretch是默认行为；不等高主因是父容器缺display:flex、子项设height/align-self、脱离文档流或overflow截断。
-
map返回新数组且不修改原数组，长度严格一致；回调函数接收三个参数（值、索引、原数组）；错误会抛出而非静默；应避免与filter混用，性能差异通常可忽略。
-
position:fixed的footer会遮挡内容，因其脱离文档流不占空间；需为内容区域设置padding-bottom或采用Flexbox/Grid布局将footer推至底部且保持文档流内。
-
ReactNative通过桥接机制实现JS与原生通信，支持调用相机、GPS等功能。1.原生模块在iOS需继承RCTEventEmitter并用RCT_EXPORT_MODULE导出，Android则继承ReactContextBaseJavaModule并用@ReactMethod标记方法。2.由于异步限制，原生方法无法直接返回值，需通过Callback或Promise传递结果：Callback适用于简单响应，Promise支持成功/失败处理，JS端可结合async/await使用。3.事件通信允许原生主
-
background-blend-mode无法实现遮罩层只盖背景不盖文字，因其仅混合背景图层颜色，不控制层叠顺序；正确方案是用position:relative+::before伪元素+z-index分层，使遮罩与文字成为独立可控图层。
-
Less中用~""包裹字符串可阻止编译器解析，适用于calc()、url()、font-family等含特殊符号或CSS函数的场景；插值@{xxx}可在其中使用，但函数调用需在~""外完成，escape()不适用此目的。
-
可通过监听fullscreenchange事件并检查document.fullscreenElement来准确判断全屏状态，据此动态调整UI；全屏API须在用户手势中调用，退出时用document.exitFullscreen()并处理Promise；CSS可配合:fullscreen伪类和class切换实现响应式适配。
-
HTML中实现真正可控的透明背景需用带Alpha通道的颜色值，如rgba(0,0,0,0.3)或#ffffff80（现代浏览器），而非仅用transparent；关键在分层控制背景、避免opacity影响子元素，并兼顾浏览器兼容性与上下文场景。
-
GitLab的MergeRequest页面是服务端动态渲染的Web应用，无法通过静态HTML实现；正确做法是调用GitLabAPI（如GET/projects/:id/merge_requests/:mr_iid）获取数据，再用前端模板渲染精简视图。
