-
本文教你通过修改CSS的position属性与定位值，将原本错误停留在视口底部的粘性菜单正确锚定在页面底部，并解决因JavaScript计算偏差和样式冲突导致的定位失效问题。
-
try-catch不能捕获语法错误、异步回调中的错误、Promise拒绝、事件监听器内错误；需用window.onerror、error事件或unhandledrejection事件配合手动检查HTTP状态码和await链式try-catch来全面覆盖。
-
记忆函数是用空间换时间的优化技术，通过缓存纯函数的输入输出结果避免重复计算；核心是用Map存储序列化参数为键的执行结果，要求函数无副作用且输入可安全序列化。
-
<p>全局选择器*会严重拖慢渲染性能，应避免使用；局部样式需依赖构建时方案（如scoped或CSSModules）而非命名约定，伪类和属性选择器在局部作用域中易失效，禁用!important解决冲突。</p>
-
HTML5视频黑屏或报错主因是资源链路问题而非浏览器不支持，需重点排查src路径、MIME类型配置、编码兼容性（推荐H.264+AAC）、跨域限制，并用canPlayType()检测格式支持。
-
::first-letter伪元素用于选中块级元素第一行的首字母并设置样式，常用于首字下沉效果；2.可通过font-size、font-family、color和float等属性增强视觉表现；3.仅适用于块级非替换元素，且文本需以字母开头以确保生效。
-
JavaScript通过原型和原型链实现继承，每个函数的prototype指向原型对象，实例通过__proto__链接到构造函数的prototype，形成查找链：实例→构造函数.prototype→Object.prototype→null。示例中Person.prototype添加sayHello方法，p1实例可访问，体现属性共享。原型链查找机制先在对象自身找属性，未果则沿__proto__向上追溯，如p1.__proto__===Person.prototype为true，Person.prototy
-
答案：结合CSSGrid与:nth-child选择器可精准控制网格中按DOM顺序排列的特定子元素样式。.grid-container定义网格后，.grid-item:nth-child(odd)和:nth-child(even)实现隔行变色；使用3n+1模式可设置每三列首项跨列或放大；通过:nth-child(4)、:nth-child(5)等精确调整个别项布局；若容器内含非同类子元素，应改用:nth-of-type避免误选；响应式场景下因每行项目数变化可能导致视觉周期错乱，需配合媒体查询修正。此方法提升
-
Promise是封装异步状态并支持链式响应的构造器，需传入含resolve/reject的executor函数，then()第二参数不等价于catch()，async/await需try/catch捕获错误，all/allSettled选择取决于容错需求。
-
必须显式设置flex-wrap:wrap并确保父容器有width或max-width，同时为每个导航项添加position:relative以保证下拉菜单正确定位，并保障触摸热区不小于44px。
-
纯CSS实现响应式表格最稳妥的方式是用overflow-x:auto容器包裹table并设display:block，配合table-layout:fixed和百分比列宽；小屏时建议改用display:block模拟表格结构。
-
wkhtmltopdf、Chrome/EdgeHeadless、weasyprint均可离线转HTML为PDF，前提是HTML及所有依赖（CSS、JS、字体、图片）均为本地资源且路径正确，禁用远程引用与动态网络请求。
-
事件委托适用于大量动态增删元素的场景，通过在父容器绑定事件并利用冒泡和e.target.closest()精准捕获目标，避免重复绑定、内存泄漏及重绘时的逻辑耦合。
-
单行文本溢出显示省略号需设置white-space:nowrap、overflow:hidden和text-overflow:ellipsis，并确保容器有固定宽度；多行省略则使用display:-webkit-box、-webkit-line-clamp和-webkit-box-orient:vertical，配合overflow:hidden实现，但需注意浏览器兼容性。
-
边框被遮挡主因是父容器overflow:hidden裁剪或margin误用导致溢出；需检查overflow设置、改margin为padding、排查层叠上下文干扰，并对table元素加background-clip:padding-box。
