-
@at-root(with:media)能解决媒体查询嵌套后位置错乱问题，它只将@media规则提至与原选择器同级，保持内部选择器路径不变，避免优先级异常、复用困难及display:none截断。
-
HTML中没有标准的spacer标签，推荐使用CSS的margin或padding属性来创建空白间隔，1.使用CSSMargin和Padding是最常见且语义化良好的方法；2.避免使用空的div或span元素，因其可维护性差；3.不推荐使用br标签创建间隔，因其语义不符；4.对于复杂布局，可采用Flexbox或Grid的gap属性实现更灵活的间距控制；通过CSS变量可统一管理间距值，提升可维护性；在响应式设计中，结合媒体查询根据不同屏幕尺寸调整间距，确保最佳用户体验，最终应优先选择标准、灵活且易于维护的C
-
WebWorker传参报DATA_CLONE_ERR错误是因为结构化克隆不支持function、undefined、RegExp、Date（部分）、Error、DOM节点及循环引用对象；应只传plainobject、array、string、number、boolean、null、ArrayBuffer等可克隆类型，复杂类型需转换为可序列化形式。
-
<p>isSupersetOf是C#中HashSet<T>和ImmutableHashSet<T>的方法（PascalCase），用于判断一个集合是否为另一集合的超集；Python对应方法是issuperset（全小写），JavaScript无此原生方法，需手动实现。</p>
-
JavaScript代码规范是提升可读性、可维护性与协作效率的约定，涵盖命名（驼峰式、全大写常量、首字母大写类）、结构（单一职责、早期返回、解构）、格式（空格、换行、箭头函数）和注释（重“为什么”轻“是什么”）。
-
优化CSS性能需减少浏览器计算负担，核心是简化选择器、避免深层嵌套（如.header.navullia:hover），优先使用类名（如.btn-primary），限制嵌套层级不超过3层，移除未使用样式（可用ChromeDevToolsCoverage面板检测）；减少重排与重绘，动画优先采用transform和opacity以启用合成层；批量读写DOM属性，避免频繁修改style.cssText；关键CSS内联至<head>，非关键CSS异步加载，禁用@import；启用Gzip/Brotli压
-
flex布局下ul嵌套缩进失效的根本原因是flex容器将li作为flexitem处理，导致子ul的padding-left视觉丢失；应避免给li设display:flex，改用ul>li控制直接子项，并显式设置ulul{padding-left:1.5em}。
-
line-height用px和百分比的区别在于计算方式与适应场景。1.px是固定值，如line-height:24px，行高始终为24px，适合按钮等需精确控制的组件；优点直观可控，缺点不够灵活。2.百分比是相对值，如line-height:150%，实际行高为当前元素font-size的1.5倍，适合正文等需自适应的文本；优点随字体变化自动调整，缺点可能因继承引发意外结果。3.直接写数字如line-height:1.5，行为类似百分比但更稳定，推荐用于正文内容。选择单位应根据具体需求：严格控高用px，响
-
word-spacing为什么设了没反应常见现象是写了word-spacing:20px，但中文段落完全没变化，英文也只在空格处生效。根本原因是：它只作用于「单词之间的空白」，而中文词间本无空格，浏览器不识别“词”，只认空格、制表符、换行符这些分隔符。实操建议：对中英文混排，word-spacing只影响英文单词之间（比如“HelloWorld”中的空格），不影响“你好world”里“你好”和“world”之间的距离想控制中文字与字之间的距离，该用letter-spacin
-
卡片重叠时元素消失主因是z-index被父容器层叠上下文截断；需统一设position:relative、避免flex/grid父容器、慎用负z-index，优先用transform偏移并注意点击穿透问题。
-
使用SemanticUI的data-tooltip和data-position属性可快速创建弹出提示；2.通过JavaScript初始化popup并设置on:'manual'实现手动控制显示与隐藏；3.支持添加inverted、basic类及data-variation调整样式与尺寸；4.需确保正确引入CSS与JS文件，注意z-index层级和移动端点击触发适配。
-
this是JavaScript中动态绑定的关键字，其值取决于函数调用方式：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无自有this，继承外层词法作用域的this。
-
微前端CSS样式泄漏是因ShadowDOM缺失和全局样式共用导致的必然问题；qiankun通过styledIsolation配置实现隔离，strictStyleIsolation强制ShadowDOM但限制DOM操作，micro-app需组合scoped、选择器前缀与all:initial切断继承，字体图标、CSS变量等仍需约定+工具链管控。
-
绝对定位元素的width:100%常失效，因其百分比宽度相对于最近已定位祖先计算；若无已定位父级，则相对于html计算，导致撑满视口或截断；修复需设父级position:relative或改用left/right。
-
margin正值推远邻居、负值实现重叠或回拉、auto依上下文分配空间、百分比相对包含块宽、移动端慎用百分比而推荐vw/rem。
