-
容器查询必须先声明container-type，否则@container规则无效；仅inline-size广泛支持；不可用于:root或body；禁用em/rem等相对单位；推荐px单位；container-name实现命名隔离；Chrome105+等主流浏览器原生支持。
-
align-items:stretch默认生效但子项高度不一致，主因是父容器无明确高度、子项设了min-height/height、box-sizing为content-box、内容撑高或被align-self覆盖。
-
Tailwind原子类重构需遵循组合逻辑、响应式断点规范、class顺序覆盖规则、语义化命名及配置精简原则，避免照搬Bootstrap思维与硬编码样式。
-
:focus边框颜色不生效主因是硬编码样式覆盖CSS变量，应统一用border-color:var(--focus-color)并检查computed值；动态换色需JS修改:root变量；禁用outline会破坏可访问性，建议用outline-offset+自定义边框替代。
-
flex-direction:column不让子元素等高，因它仅定义主轴方向，需配合flex:1（含flex-basis:0）或显式高度+flex-grow；父容器须有明确高度，子项需设min-height:0防溢出。
-
JavaScript数字精度问题本质是IEEE754双精度浮点数无法精确表示多数十进制小数，如0.1+0.2≠0.3；toFixed()返回字符串、仅格式化输出、不解决底层精度问题，且四舍五入不符合金融要求；推荐整数运算（如金额转“分”）或Number.EPSILON近似比较。
-
Less编译无法自动生成多个独立CSS文件，必须依赖Webpack或Vite等构建工具配置多入口；需避免主文件@import全量合并，统一管理变量/mixin于common.less并显式导入，启用contenthash防缓存，配置HMR依赖追踪确保公共变更生效。
-
border-radius结合border可提升界面美观度。首先设置border-radius实现圆角，支持统一、分角或椭圆写法；再添加border定义边框样式，增强轮廓；可单独控制每个角的弧度以适应不对称设计；实际用于按钮、卡片、圆形头像等元素时，推荐配合box-sizing:border-box避免布局偏差。
-
keep-alive组件中watch不失效但需确保监听响应式源：应直接watchprops/computed或用函数形式，避免监听一次性局部变量；在onActivated中同步状态、清理副作用并考虑使用watchEffect自动追踪依赖。
-
dataset属性仅映射HTML中初始声明的data-*属性，动态设置不会同步到DOM；推荐用setAttribute/getAttribute确保数据持久化与兼容性。
-
JavaScript模板字符串是实现动态HTML内容的现代工具，其核心在于${}语法，摘要如下：1.嵌入变量与常量，将变量值直接插入字符串；2.嵌入算术与逻辑表达式，实现动态计算与条件渲染；3.嵌入函数调用，执行复杂逻辑后返回结果；4.访问对象属性与数组元素，处理结构化数据。模板字符串提升代码可读性与维护性，简化动态HTML构建，但需防范XSS风险并注意逻辑复杂度，同时前端框架与DOM操作仍是构建动态内容的其他常见方式。
-
JavaScript中函数返回函数是闭包的典型应用，内层函数能持续访问其定义时的外层作用域变量，即使外层函数已执行完毕；每次调用生成独立闭包，共享变量需注意陷阱，闭包可能引发内存泄漏但现代引擎有优化。
-
AJAX是一种通过JavaScript在不刷新页面前提下与服务器交换数据的技术模式；fetch是现代推荐实现方式，但默认不带Cookie、不自动处理4xx/5xx状态码，需手动检查response.ok、显式解析响应体并配置credentials等。
-
transparent是CSS中表示完全透明的颜色关键字，用于隐藏元素背景颜色而不影响布局。通过设置background-color:transparent，可使元素背景透明化，显示其父容器或页面底层内容，适用于按钮悬停、模态框遮罩和响应式设计等场景。相比rgba(0,0,0,0)，transparent语法更简洁、语义更明确，是实现背景透明的基础实用方法。
-
IE11中flex-wrap:wrap换行失效的主因是flex-basis:auto或0%导致换行判断失效，应显式设置百分比flex-basis（如33.33%）、配合box-sizing:border-box，并在媒体查询中重复声明以确保响应式正确。
