-
color-stop位置必须带单位，百分比或长度值缺一不可；漏单位会导致色标被丢弃，多色标重叠可实现硬边过渡，rgba可控制透明度，radial-gradient中位置基于径向半径比例，旧Safari对同位置多色标支持不稳定。
-
h1和h2标签在HTML中的三个关键差异是：1.h1用于页面主标题，h2用于子主题；2.h1字体默认比h2大；3.一个页面通常只有一个h1，多个h2用于划分章节。
-
PWA无法替代原生App，但在特定场景下可低成本逼近其体验；iOS因Safari限制导致安装率低、后台能力弱、地址栏无法完全隐藏，而AndroidWebView需满足HTTPS、JS启用、权限配置等条件才能注册ServiceWorker。
-
Flex容器items-center失效主因是父容器未设高度，需显式设置如h-screen或min-h-screen；子元素若含float、absolute或display:contents也会失效；旧Safari需避免align-self冲突，推荐flex-col+justify-center；文字居中优先用flex而非line-height。
-
应使用label包裹自定义按钮并关联隐藏的input[type="file"]实现美观上传，通过xlsx库前端解析校验Excel，拦截beforeunload防止导入中断，并按约定结构处理后端返回的逐行错误信息。
-
::part()未生效是因为它只匹配组件内显式标注part属性的元素，且不支持链式选择、大小写敏感、不能在shadow内自用；必须由组件作者主动暴露part，且需注意浏览器兼容性与closedshadowroot的限制。
-
可以，但必须满足前提：投票结果是已统计完成的静态比例，而非“正在计票中”；需配合label或aria-label明确语义，且low/high/optimum须业务对齐并兼顾兼容性。
-
grid-template-columns混用固定值和1fr是标准且推荐的做法；例如三列布局可写为200px120px1fr，其中1fr分配容器宽度减去固定列后的可用自由空间，多fr按比例分配，需确保父容器设display:grid且有明确宽度。
-
直接加border-collapse:collapse可解决边框重叠变粗问题，但必须作用于<table>元素，且需确保无border-style:hidden等覆盖样式，并通过computed样式验证生效；合并后应拆分控制border-width/border-color/border-style以精确调整。
-
WebWorkers是浏览器的多线程API，可将耗时任务移至后台线程执行，避免阻塞主线程。通过创建独立JS文件并用newWorker()实例化，主程序与Worker间以postMessage通信，实现如斐波那契计算等密集任务，提升页面响应性。
-
Vue3响应式不自动穿透Map/Set嵌套：仅结构变更（add/delete）可响应，内部对象属性修改需显式reactive包裹+模板读取触发依赖；WeakMap/WeakSet不支持响应式。
-
window.open()用于打开新窗口或查找已命名窗口，语法为window.open(URL,name,specs,replace)，其中URL、name、specs均为可选参数，replace已弃用且Chrome中会抛异常。
-
Bootstrap5值得用，定位是实用优先的组件化CSS+JS库：默认无jQuery依赖、内置Popper、需手动初始化JS组件，适合管理后台等快速交付项目。
-
\b是匹配单词边界的零宽断言，位于\w与非\w字符之间，不消耗字符；正确用法为\b目标词\b，确保只替换完整单词。
-
不能；padding-bottom和margin-bottom无法实现视觉等高，因不改变盒模型高度计算，且在flex/grid中失效，仅在旧float布局中偶然有效。
