-
在angular.json的styles数组中引入的CSS文件全局生效，注入<head>，优先级高于组件样式，但不影响innerHTML渲染内容和ShadowDOM组件。
-
React强调灵活架构与JSX的显式控制，适合定制化开发；Vue提供渐进式框架与模板语法，内置路由和状态管理，更易上手。
-
设div背景色最稳妥用background-color，但需注意层叠顺序、透明度干扰及background简写会重置颜色；背景图需组合background-image、size、position三属性，多背景用逗号分隔并严格对齐参数。
-
原生语义标签比ARIA更可靠；<divrole="button">缺乏键盘支持和表单行为，应优先用<button>；有可见文本用aria-labelledby，纯图标用aria-label；aria-live="polite"用于状态提示，assertive用于关键错误；FontAwesome装饰性图标自动aria-hidden="true"，功能性图标需显式声明语义。
-
margin:auto在块级元素上不居中，是因为容器缺少明确宽度（width/max-width），或为inline/float元素；响应式中常见错误是仅设margin:auto而未配width，或width:100%导致左右margin为0。
-
Blob是JavaScript中处理二进制数据的对象，支持通过流式读取分块处理大文件，结合TransformStream可实现高效转换，适用于上传、预览、音视频处理等场景。
-
<audio>标签无需JS即可运行，常见问题为漏写controls属性、路径错误及移动端静音限制；自动播放需同时加autoplay与muted；preload="metadata"可优化加载性能；controlsList可隐藏下载等非必要控件。
-
Less3.x升级到4.x是“收边界”而非加功能，收紧语义与校验：除法需括号或./、@import必须带.less后缀、颜色/尺寸函数参数须带单位、嵌套中父级@变量不可隐式访问。
-
打印样式需重写而非微调：grid命名区域失效、fr单位不可靠、浮动被忽略、table-layout:fixed导致列错乱、break-inside须加在子项上，且须清除非内容区块。
-
高阶Mixin本质是返回Mixin的Mixin，通过带括号调用实现嵌套混入配置与参数透传，专注组合逻辑而非直接输出样式，需显式传参、避免递归、慎用隐式作用域。
-
本文介绍如何在不依赖第三方库的前提下，将字符串数字数组按每三个元素为一组进行数值求和，并返回由各组和组成的新字符串数组，适用于进制转换等场景。本文介绍如何在不依赖第三方库的前提下，将字符串数字数组按每三个元素为一组进行数值求和，并返回由各组和组成的新字符串数组，适用于进制转换等场景。在实现十六进制（base-16）到八进制（base-8）的转换器时，一种常见策略是先将十六进制字符串转为二进制，再将二进制按三位一组分组（因$2^3=8$），最后将每组二
-
掌握高级正则技巧可精准处理嵌套结构、上下文匹配与复杂验证。1.用递归或模拟平衡组提取括号内容，如Python的regex模块支持(?R)匹配func(a(b(c),d),e)中最外层参数；2.零宽断言实现上下文过滤，如(?<=!")\berror\b(?!"1)匹配未被引号包围的“error”；3.非贪婪与贪婪结合控制范围，(?:.|\n)?可截取<divclass="content">到</div>间内容，适用于简单HTML解析；4.命名捕获组提升可读性
-
position:relative不脱离文档流，仅在原位偏移；它本身不提供锚点，需配合子元素absolute才形成定位参考系。
-
在@media中用background-image响应式换图需确保选择器权重足够、路径正确（如url(./img/bg-mobile.jpg)）、补全background-repeat和background-size；注意缓存问题（加?v=版本号）、所有图均会下载的性能缺陷，以及cover/contain裁剪风险。
-
:focus无法单独实现标签上浮，因它仅响应焦点而不感知输入内容；需结合HTML结构包裹、CSS过渡及JS监听value和focus/blur状态来驱动动画。
