-
props核心作用是将URL参数自动转为组件props以实现解耦复用；支持布尔模式（映射params）、对象模式（传静态值）、函数模式（灵活处理params/query/类型转换）及命名视图单独配置。
-
popstate用于监听historyAPI导航（前进/后退、back/forward/go），仅当URL由pushState/replaceState写入时才触发且携带state；hashchange专监location.hash变化，兼容性好，但不响应query参数变更。
-
浮动对齐表单时input换行，因label未设宽、box-sizing非border-box、父容器未清浮；应设label和input同浮动、label定宽、input用calc(100%-label宽)，现代项目优先用Flex或Grid。
-
通过调整position和z-index控制层叠顺序，确保目标元素位于顶层可点击；利用pointer-events:none实现点击穿透，auto恢复交互，从而精确管理重叠元素的响应行为。
-
:first-of-type和:last-of-type用于选择父元素内同类标签的第一个和最后一个元素，可精准设置首尾元素样式。例如去除首段上边距、末段下边距，为列表首项添加图标、末项加粗，或为导航首个链接设左圆角、末个设右圆角。二者基于元素类型匹配，非整体子元素顺序，若某类型仅一个元素，则两者均匹配该元素，兼容性良好，IE9+及现代浏览器支持。
-
正确写法是@media(hover:hover)and(pointer:fine)，它要求设备主输入机制既支持悬停又属精细类型（如鼠标、触控笔），从而精准排除手指触摸等粗粒度场景，避免Surface、S22等设备因误判hover导致:hover样式“卡住”。
-
答案：可通过手动打开、快捷键绑定、插件安装或设置默认浏览器路径在SublimeText中预览HTML文件。首先保存.html文件后右键用浏览器打开；其次配置自定义构建系统实现Ctrl+B一键预览；再通过PackageControl安装ViewinBrowser插件并右键快速预览；最后在插件设置中指定浏览器安装路径确保正常调用。
-
ServiceWorker全量代理层架构通过构建时生成资源指纹、动态预缓存、版本隔离缓存及fetch拦截比对实现精准资源治理。核心包括：构建阶段注入contenthash、生成asset-manifest.json、install/activate阶段按指纹命名缓存、HTML解析提取指纹并触发静默更新、SRI校验增强可信链。
-
media属性是HTML中<link>、<style>、<source>标签的原生属性，用于在加载前决定是否下载或应用资源，不匹配时连HTTP请求都不发出，而CSS@media规则仍会下载解析，造成性能浪费。
-
HTML本身没有函数，所谓平台差异实为JS逻辑或DOM行为在不同浏览器及系统渲染机制下的表现不一致；macOSSafari中select的onclick不触发onchange是因原生UI接管导致；浮点误差是全平台共性问题；Electron体积大源于打包策略而非HTML。
-
直接用.btn--disabled、.btn--loading等BEM修饰符最可控，因--是唯一合法状态分隔符，确保语义清晰、工具链识别、避免误删；禁用属性选择器和伪类替代，JS用classList.toggle()安全切换，CSS需独立声明、避免组合选择器与性能陷阱。
-
CSS动画由浏览器合成器独立线程处理，性能更优，适合简单预设动画；JavaScript动画通过代码精确控制帧逻辑，灵活性高，适合复杂交互场景。
-
position:sticky必须配合top/bottom/left/right才生效，常见失效原因包括父容器overflow非visible、元素无高度、IE不支持及Safari兼容性问题。
-
必须将<metacharset="UTF-8">置于<head>开头、<title>之前；HTML文件须为UTF-8无BOM编码；HTTP响应头Content-Type也需设为charset=utf-8，三者缺一即可能导致中文乱码。
-
使用CSSFlexbox的flex:1配合flex-direction:column，可让动态子元素自动占据父容器中除去固定尺寸兄弟元素后的剩余垂直空间，无需硬编码calc()或JS计算。使用CSSFlexbox的`flex:1`配合`flex-direction:column`，可让动态子元素自动占据父容器中除去固定尺寸兄弟元素后的剩余垂直空间，无需硬编码`calc()`或JS计算。在传统块级布局中，当父容
