-
HTML无“模式匹配”标准属性，所谓文档模式匹配实为混淆input的pattern校验、CSS的:is()选择器及已淘汰的IEdocument.documentMode三者。
-
JavaScript异步编程本质是不卡主线程，回调函数是最基础实现手段；它作为一等公民被传入API并在合适时调用，分同步与异步两类，需注意err-first约定、错误处理及避免回调地狱。
-
JavaScript文件上传核心是用FormData配合fetch/XHR实现异步上传：选文件→获File对象→建FormData并append→发请求；FormData自动处理multipart/form-data编码，无需手动设Content-Type。
-
Chromium系浏览器（Chrome、Edge、Opera）是唯一基于sizes属性进行图标资源选择和加载优化的主流引擎；Firefox和Safari完全忽略sizes，仅按link标签顺序选取首个合法图标。
-
background-position用于控制背景图在元素中的位置，可使用关键词、百分比或长度值设置；常见用法包括居中显示（center）、角落对齐（如righttop）和像素级微调（如15px30px）；通常与background-repeat:no-repeat配合使用，避免重复干扰；支持简写形式如background:url(icon.png)no-repeat20px50%；多背景图时可用逗号分隔多个定位值，如background-position:top,bottom；掌握该属性有助于精准布局背
-
答案：position:sticky通过设置top值使导航栏在滚动时吸附视口顶部，保持用户可访问性。它结合relative与fixed定位优势，元素在文档流中正常排列，到达临界点后固定定位，需注意父容器无overflow/transform限制，并设置z-index和背景色以优化显示效果，配合媒体查询和JS可增强响应式体验，现代浏览器支持良好。
-
:not伪类用于选择不匹配指定条件的元素，语法为:not(选择器)，可排除特定类、标签、属性或状态元素，支持链式调用和多参数（现代浏览器），但不可嵌套:not或包含伪元素，常用于精准控制样式范围，提升代码简洁性与可维护性。
-
line-height用无单位值（如1.4）虽随字体缩放但响应式不可控，应结合CSS变量、calc()和clamp()实现语义化、断点驱动的行高控制，并避免与vertical-align混用导致布局跳动。
-
WebGL必须使用定型数组，因其内存连续、类型固定、与C内存布局一致，可被GPU高效读取；普通数组动态类型且含元数据，无法满足GPU驱动要求。
-
现代浏览器取消自动弹窗，因Chrome89+/Edge90+/iOS16.4+移除自动触发的beforeinstallprompt事件，仅允许用户主动点击后调用prompt()；需配manifest.json和服务端worker且满足HTTPS等条件。
-
Grid表单布局核心是用grid-template-areas按语义区域规划结构，每个表单项（label+input）须包裹于同一父容器并设唯一grid-area名，配合display:grid、合理列宽与断点单列切换，确保逻辑分组与响应式一致性。
-
本文详解如何通过Promise.all配合load事件与定时器，可靠检测一组动态插入的图片是否全部加载完成（含已缓存、已加载、加载失败等边界情况），并支持1秒超时兜底，避免阻塞布局重排逻辑。
-
本文介绍如何在CSS中模拟overflow:auto与overflow:visible的组合效果——即容器支持滚动，同时允许子元素突破容器边界正常显示（如弹出菜单、悬浮提示等），弥补原生overflow属性无法直接满足该需求的限制。
-
Grid卡顿主因是动态行为而非Grid本身：频繁重排、未优化的grid-template-rows计算、滚动中无节制生成轨道；应改用固定列数+虚拟滚动、禁用dense、避免动态grid-area、启用contain隔离渲染边界。
-
跨页面CSS变量统一需将定义集中于独立variables.css文件并用link引入，禁用@import；主题切换应通过HTMLclass控制而非@media内重定义；注意作用域、回退值类型、JS单位及Safari兼容性。
