-
output标签本身不计算，只负责语义化显示；实时更新依赖oninput事件配合JavaScript表达式，推荐绑定在form上以自动代理子元素事件，优先使用value属性赋值并注意空值兜底处理。
-
语义化标签需按内容角色而非样式选用：article用于可独立分发的内容单元，section用于同主题逻辑分组，aside用于非核心补充信息，nav专用于导航链接集合。
-
text-indent无效的首要原因是作用于行内元素（如<span>、），它仅对块级元素或display设为block/inline-block的元素生效；需检查元素类型、父容器布局及是否被其他样式覆盖。
-
<pre>标签在HTML中用于保留文本的原始格式。1)它适用于展示代码、诗歌等需要保持格式的文本。2)使用时需在文本前后加上<pre>和</pre>。3)结合<code>标签可更好展示代码。4)使用时需注意文本默认使用等宽字体和可能影响页面布局。
-
答案：:not()伪类可排除特定元素实现精准样式控制。通过:not(选择器)语法，如p:not(.highlight)或input:not([disabled])，能为不匹配条件的元素应用样式，常用于跳过特殊类、状态或结构的元素，结合属性与结构选择器可实现高级过滤，但需注意仅支持单个简单参数、不兼容旧版IE且不可选伪元素，现代浏览器广泛支持，合理使用可提升代码简洁性与维护性。
-
HTML站点地图是供用户阅读的语义化导航页，须用<h2><ul><li><a>等标准标签构建，禁用XML结构；XML站点地图须程序生成、严格校验格式与URL有效性，超限需分片并通过sitemapindex.xml聚合。
-
根本原因是类名层级未真正解耦，BEM要求样式严格基于单个类名匹配、禁用结构选择器与动态拼接，需统一修饰符前缀、硬编码类名、避免CSSModules破坏可读性，并通过工具校验和协作对齐保障体系落地。
-
vw和vh是基于视口宽度和高度的CSS单位，1vw等于视口宽度的1%，1vh等于高度的1%，可实现元素尺寸的响应式自适应。它们适用于全屏布局（如height:100vh）、响应式字体（如calc(16px+2vw)）、等比容器（如width:80vw;height:80vw）及弹性间距控制。使用时需注意移动端地址栏导致的100vh异常、小屏文字溢出问题，建议结合clamp()限定范围，并为老浏览器提供px回退方案，以提升兼容性与体验一致性。
-
mix-blend-mode是CSS属性，用于设置元素与其下方内容的混合模式，以实现视觉叠加效果。1.它接受多种混合模式值，如normal、multiply、screen、overlay等，决定元素颜色如何与下方内容进行计算；2.常用于文本与背景图像融合、创建镂空或蒙版效果、图形叠加等场景；3.与background-blend-mode不同，mix-blend-mode作用于元素整体与页面内容的混合，而background-blend-mode仅作用于元素内部的多个背景图像之间；4.使用时需注意浏览器兼
-
动态创建<style>元素后调用insertRule()添加@font-face等规则，虽能成功写入CSSStyleSheet对象，但元素内容仍为空；本文详解其原理、正确实践及关键注意事项。
-
策略模式用于解耦支付逻辑与平台差异，而非动态切换SDK；应预初始化各平台SDK单例并缓存，统一返回POJO、异常及回调验签逻辑，避免状态污染与线程安全问题。
-
<wbr>是浏览器仅在必要时断行的隐形标记，适用于长技术词、URL等场景，区别于显示连字符的­，且仅在内联上下文和允许断行的样式下生效。
-
本文介绍两种可靠方法解析以英文双引号包裹、逗号分隔的URL字符串（如"a.com","b.com/path,123"），避免因URL内含逗号导致split(',')失败，并通过性能对比推荐最优实践。
-
Vue中实现组件懒加载并动态加载远程JS，核心是结合defineAsyncComponent与import()，需处理CORS、MIME类型、重复加载、错误降级等边界问题，并通过组合式函数封装可复用的加载逻辑。
-
实现导航栏hover动画的关键是利用CSS的:hover伪类结合transition或transform。1.背景颜色渐变通过transition平滑切换背景色；2.下划线滑动使用::after伪元素配合width变化和过渡实现从左到右的滑入效果；3.文字颜色渐变与缩放结合color变化和transform:scale(1.05)增强交互提示；4.悬浮阴影与上移通过box-shadow和translateY(-2px)营造立体浮起感。合理设置transition的时长与缓动函数可使动画自然流畅，避免生硬，
