-
使用position:fixed将导航栏固定在底部，通过bottom:0和width:100%确保定位准确；2.添加padding-bottom防止页面内容被遮挡；3.适配移动设备时使用width:100vw和env(safe-area-inset-bottom)兼容安全区；4.可添加transition实现平滑动画效果。
-
::before伪元素必须配合content属性使用，否则不渲染；content可为空字符串或Unicode转义字符；需显式设置display以控制布局；其内容不可被屏幕阅读器识别，关键语义应使用真实HTML元素。
-
应采用特性检测而非浏览器检测：一、用Modernizr检测并适配HTML5/CSS3特性；二、原生JS检测API存在性；三、渐进增强HTML结构；四、结合@supports做CSS特性检测；五、依据caniuse数据与用户统计设定目标浏览器。
-
CSS网格布局可高效实现拼图式响应式页面：通过grid-template-areas定义区域、fr/minmax设置不规则尺寸、aspect-ratio与object-fit控制图片比例、grid-auto-flow处理动态项，并用媒体查询适配移动端单列布局。
-
HTML元素意外居中通常源于text-align、margin:auto、flexbox或grid的对齐属性，可通过重置文本对齐、清除自动外边距、禁用flex/grid居中及全局CSS重置来解决。
-
<p>用min-height是解决内容区高度不够最直接安全的方式，它设最小高度且允许内容增多时自动延展；height则强制固定易致溢出。常用值有300px、100vh、calc(100vh-80px)，配合flex布局时需父容器设column和100vh，子项用flex:1加min-height兜底；注意百分比需父元素有明确高度，推荐box-sizing:border-box。</p>
-
HTML5无法被移除，它是浏览器内置的规范集合；实际可操作的是按需禁用特定特性（如localStorage、fetch），或通过降级方案（如改用cookie、检测API可用性）应对兼容性问题。
-
最稳妥方式是用CSS的background-color设置body背景色；需写在<style>块或外部CSS中，配合margin:0和color确保显示正常，避免使用已废弃的bgcolor或不安全的background简写。
-
HTML注释不能嵌套，因为解析器遇到<!--开始注释，遇到第一个-->即结束，内部注释的-->会提前闭合整个注释，导致后续内容暴露或被误解析，引发页面错误。
-
图文混排可用float和inline-block实现。1.float适合文字环绕图片，但需清除浮动；2.inline-block适合模块化布局，但有间隙问题；3.现代布局推荐Flex或Grid，兼容场景可选前两者。
-
scrollIntoView()行为因参数和环境差异显著：默认顶部对齐且可能平滑滚动，但iOSSafari会静默降级；CSSscroll-behavior:smooth仅作用于文档流滚动，需设在html上；自定义容器须用scrollTo()或requestAnimationFrame模拟平滑；滚动监听应避免同步重排，优先用getBoundingClientRect()和requestAnimationFrame。
-
text-align:center只对行内内容有效，不影响块级子元素位置；line-height垂直居中仅适用于单行文本且需固定高度；可靠居中应优先使用flex或grid。
-
Node.js中事件循环与信号处理的关系在于操作系统发送的信号通过事件循环机制被捕获并派发给JavaScript回调函数。1.libuv库捕获信号并封装成事件放入队列；2.事件循环在特定阶段将信号事件对应的回调推送到调用栈执行；3.信号处理是非阻塞的并与异步I/O操作集成，保持单线程事件驱动特性；4.处理信号时需避免同步阻塞操作，保持清理逻辑轻量且异步；5.最佳实践包括设置超时、停止新请求、关闭外部资源、使用进程管理器及日志记录，以实现优雅退出。
-
可通过innerHTML、createElement+appendChild、insertAdjacentHTML、DocumentFragment及模板字符串五种方法动态插入HTML：innerHTML最直观；createElement更安全；insertAdjacentHTML支持多位置插入；DocumentFragment提升批量插入性能；模板字符串适合列表生成。
-
用Flex布局对齐商品主图与描述区需设外层min-height、图片区flex:00480px、描述区flex:1并overflow-y:auto；价格按钮用flex-wrap+white-space:nowrap；图片必加alt、loading="lazy"及picturefallback；按钮反馈需状态类+aria-label。
