-
CSSNano压缩后样式失效主因是默认激进规则误删/改写关键代码，需禁用mergeRules、sortSelectors等选项，确保其作为PostCSS插件正确配置在postcss-loader中且顺序合理。
-
frame属性仅控制table外边框的显示边（如void隐藏、hsides显上下），不控制样式/颜色/粗细，与CSSborder无关且不影响内部分割线。
-
答案是使用JavaScript库如Chart.js、D3.js和ECharts可实现交互式数据可视化；其中Chart.js适合快速集成常见图表，D3.js适用于高度自定义的复杂图形，ECharts支持高级图表且中文文档完善；以Chart.js创建柱状图需引入库、添加canvas容器并初始化Chart对象；通过事件监听、动态数据更新和实时刷新增强交互性；结合响应式布局与性能优化确保跨设备流畅展示。
-
页面在手机上缩成一团的头号原因是viewportmeta标签缺失或参数错误，必须设置width=device-width、initial-scale=1.0，且置于head最前；否则浏览器按980px渲染后缩放，导致文字过小、点击错位。
-
fixed定位按钮错位因未适配安全区域和键盘遮挡，应使用inset、env(safe-area-inset-bottom)、visualViewportAPI及JS检测键盘弹出。
-
CSS颜色名称与十六进制、RGB值一一对应，如red为#FF0000或rgb(255,0,0)，共支持140多种标准色，可通过W3C规范或开发者工具查询，推荐使用十六进制以保证兼容性，RGB适用于透明度控制，HSL便于调整色彩属性。
-
利用rgb()函数结合CSS变量和JavaScript可实现网页颜色的动态调整。首先通过CSS定义红、绿、蓝三个颜色分量的自定义属性，并在元素中使用var()引用这些变量；然后通过JavaScript修改这些变量值，实现全局颜色实时变化。相比hex和hsl()，rgb()更适用于需要直接操作颜色通道的场景，尤其适合数据驱动的颜色控制。在实际项目中，可通过颜色输入框获取用户选择的颜色值，将其转换为RGB分量并更新CSS变量，从而实现主题切换。为提升可读性，还可根据颜色亮度自动调整文本与背景色对比度。对于动画
-
应使用setHTML()配合Sanitizer实例替代innerHTML，因其默认禁用事件处理器、javascript:伪协议等XSS载荷；但需注意浏览器兼容性（Safari不支持）、必须显式传入Sanitizer实例、不支持ShadowDOM，且服务端仍需基础过滤。
-
类私有方法是保护内部复杂业务状态更新逻辑最直接有效的手段，通过封装校验、转换、依赖协调等环节，明确职责边界、阻止非法调用、配合私有属性构建防护闭环，并为重构提供安全空间。
-
触发BFC才是解决右侧内容被遮挡的根本方法，因其让容器感知浮动并重新布局；margin-left仅适用于固定宽度的简单场景，且无法解决父容器塌陷等问题。
-
哈希路由利用URL中#后hash值变化驱动视图切换而不刷新页面，因浏览器原生规定仅hash变更不触发重载和HTTP请求，并提供hashchange事件供监听；手写核心需三步：定义路由表、解析执行当前hash、绑定监听并首次执行。
-
label点击无反应的首要排查点是for属性与input的id是否逐字完全一致，包括大小写、连字符、下划线等；其次检查id唯一性、动态渲染后是否存在、radio/checkbox是否每个都独立绑定label，或改用嵌套写法及aria-labelledby。
-
<p>Tailwind的shadow-类是封装的box-shadow值，非简单“一键立体”；档位差异体现设计意图：shadow-sm轻抬升、shadow-md贴边凸出、shadow-lg双层压低、shadow-2xl大模糊撑开但易卡顿；hover需配transition-shadow且防overflow-hidden裁剪；深色背景应改阴影色；自定义shadow-[]在Safari/AndroidWebView中兼容性差；shadow-inner是内阴影，非边框替代，需配合适当背景与圆角；核心在
-
iframe是微前端的运行时集成载体，核心价值在于天然隔离子应用；但需JS动态管控生命周期、postMessage跨域通信、URL同步及错误降级等能力才能构成完整方案。
-
Next.js通过getServerSideProps在服务端动态获取数据并渲染HTML，实现SSR，提升首屏性能与SEO；它非React替代品，而是增强层，自动处理路由、数据获取等，区别于CSR的空HTML+JS渲染。
