-
:active在移动端常失灵因触发窗口极短且易被触摸事件跳过，需配合touchstart、禁用双击缩放及cursor:pointer等措施；其视觉反馈应侧重权重转移而非过渡动画，并注意兼容旧版iOSSafari。
-
本文详解如何在网页中准确呈现日语单词的声调轮廓（如「やかん{HLL}」），涵盖StackExchange专用插件的使用限制、纯CSS实现方案，以及可扩展的手动与自动化标注策略。
-
记忆化是纯函数的“结果快照”，将输入与输出映射缓存，相同输入直接返回结果；它非通用缓存，需手动实现、仅适用于无副作用函数，且不等同于React的useMemo或React.memo。
-
fixed元素脱离文档流并相对于视口定位，常用于导航栏或返回顶部按钮；当页面出现滚动条时，其全宽布局可能因滚动条占用空间而错位，可通过calc()、margin补偿或flex布局解决；同时需注意z-index避免遮挡，并在移动端考虑软键盘导致的定位异常，可采用sticky替代或监听事件调整定位，确保视觉一致性。
-
canvas.getContext('2d')返回null主因是canvas元素未加载进DOM，需确保在DOMContentLoaded后获取，检查ID是否拼写正确且元素存在，CSS隐藏不影响getContext。
-
JavaScript中最常见内存泄漏场景是DOM元素移除后事件监听器或闭包仍持有引用；需及时清理addEventListener、定时器、全局变量及跨模块引用链。
-
使用text-decoration添加下划线并可自定义颜色、样式；2.用text-transform转换文本为大写等格式；3.通过font-family选择字体并确保兼容性；4.组合使用可实现带下划线的大写标题效果，提升页面美观与可读性。
-
text-overflow:ellipsis仅对block或inline-block元素生效，且必须同时满足white-space:nowrap、overflow:hidden和明确的width/max-width；flex容器中需加min-width:0，多行省略需用-webkit-box方案。
-
SublimeText通过语法校验、高效编辑、构建集成与代码片段，提升HTML开发效率与代码质量，间接优化页面性能。
-
全屏API通过requestFullscreen()请求元素独占显示并隐藏浏览器UI，需用户手势触发，配合fullscreenElement、fullscreenEnabled属性及fullscreenchange、fullscreenerror事件监听状态变化。
-
单例模式的本质是逻辑约束而非语法限制，确保类在整个应用生命周期中仅初始化一次且返回同一实例；适用于配置管理、日志器等跨模块共享组件，不适用于需多实例的场景。
-
FIMOHTML默认无内联字体样式且不嵌入字体，仅依赖浏览器默认字体渲染；受CSS影响的仅为表格、标题、段落及pre块中的纯文本，logo图片文字不受CSS控制。
-
object-fit:cover是唯一靠谱选择，它等比缩放并裁剪溢出部分，确保填满容器且不变形；cover适用于封面图、头像等，contain仅用于需全图显示的场景。
-
响应式HTML文件是能根据设备屏幕尺寸和方向自动调整布局的网页，其核心在于使用CSS的媒体查询、弹性盒模型和网格布局等技术实现适配；2.浏览HTML内容最直接的方式是用浏览器打开本地或网络上的.html文件，浏览器会解析并渲染成可视页面；3.判断是否响应式可通过调整浏览器窗口大小观察布局变化、检查HTML头部是否有viewport元标签、使用开发者工具的设备模拟模式或查看CSS中是否存在媒体查询和相对单位；4.除浏览器外，文本编辑器可查看HTML源码，移动应用中的WebView可内嵌显示网页，编程库如Be
-
iOSSafari直到16.4才支持inputmode，仅部分值有效且只影响键盘类型；AndroidChrome82+支持较好，但国产浏览器基本忽略；需配合type="text"使用，优先用inputmode="numeric"而非type="number"。
