-
fixed定位使元素脱离文档流并固定于视口，需显式设置top/right；sticky依赖可滚动祖先且受transform等影响；JS方案最可控但需节流和transform优化。
-
最基础可靠的获取HTML页面方式是直接用浏览器打开HTML文件或通过本地服务器访问。file://协议适合静态页但禁用fetch等特性；Python内置服务器可模拟真实环境；curl/fetch适用于远程获取但受同源和JS渲染限制；关键在确保路径正确与脚本执行。
-
::after能清浮动而::before不行，因::after位于容器末尾可设clear:both下移撑开父容器，::before在开头无约束力；必须设content:""且display为block/table等块级值。
-
:visited伪类仅允许修改color、background-color等有限CSS属性，禁止font-size、display等样式及复杂选择器组合，本质是浏览器为保护隐私实施的限制。
-
作用域插槽允许子组件向父组件传递数据，通过slot属性传入响应式对象，父组件用v-slot解构接收；支持默认插槽、命名插槽及配合v-for动态渲染，但仅适用于单向数据流，双向通信应使用v-model或props+emit。
-
Vue组件通信需按场景选型：父子用props/$emit，跨层级用provide/inject，全局状态用Pinia，事件总线仅限低频解耦，$attrs/v-model用于封装透传，避免滥用ref或$parent破坏封装。
-
必须用<button>。它是触发动作而非纯导航，能确保无障碍访问、键盘操作一致性和表单正确包含；错误使用<a>或role="link"会导致语义混乱和交互异常。
-
应优先使用undefined而非null，因其语义更清晰、TS支持更好、运行时更一致；null仅在与API约定、DOM原生返回或需区分“未设置/已清空”时使用。
-
extends是ES6中基于原型链的类继承关键字，使子类继承父类实例方法、静态方法、getter/setter，并通过super()调用父构造器或父级方法，语法更清晰但本质仍是原型继承。
-
优化图片需用现代格式（如WebP）+合理尺寸+有损压缩；HTML压缩只删注释、合并空白、移除可选闭合标签；构建时图片须经imagemin插件压缩，CSS背景图也要走loader处理。
-
nomodule属性不能直接“降级”旧脚本，因其设计意图是排除而非回退：仅在不支持type="module"的浏览器中执行，现代浏览器完全跳过，且不触发任何兼容逻辑。
-
HTML5视频的Picture-in-PictureAPI在嵌入场景下需同时满足三条件：iframe显式声明allow="picture-in-picture"、video已加载元信息且用户手势触发调用、跨域时通过postMessage协作并校验origin。
-
ins和del是语义化标签，分别表示插入和删除内容，必须成对闭合、正确嵌套并合理设置display样式；diff转HTML需逐行解析与转义；cite和datetime属性须规范使用以保障可访问性与语义准确性。
-
display:none彻底移出渲染流，触发重排；visibility:hidden保留占位仅隐藏内容，触发重绘，且子元素设visible仍可见。
-
答案：HTML打印清晰度受字体、分辨率、CSS和设备影响，需优化布局、渲染和输出。选用SimSun等清晰字体，正文字号12px~14px，标题16px~18px；通过@mediaprint设置页边距、强制打印颜色、避免背景干扰；使用像素或pt单位；控制分页避免内容截断，长表格重复表头；导出为PDF可提升稳定性与清晰度。
