-
align-items:stretch失效主因是父容器无明确高度或子元素设了固定高/最小高；应设父容器height/min-height，子项用flex:1替代height，IE11需height:100%+flex:1双保险。
-
用canvas手动画极坐标图最可控：需手动计算极坐标点、平移原点、绘制网格线；Chart.js雷达图易配错选项；D3.js推荐用d3-polar；CSStransform伪极坐标不可靠。
-
ESM循环引用触发TDZ报错，本质是实例化阶段导出绑定未激活时提前读取let/const变量；解析→实例化→执行三步中，循环发生在实例化期，此时顶层代码未执行，导出值仍为“未初始化”状态。
-
ViewTransitionsAPI仅适用于单页内同步DOM更新，跨页面跳转无效；必须用document.startViewTransition()包裹同步操作，确保view-transition-name成对唯一且元素已挂载，旧元素需保持可绘制状态。
-
HTML乱码主因是文件编码非UTF-8无BOM，其次为metacharset位置/写法错误、HTTP响应头覆盖及表单/AJAX传输未声明UTF-8。
-
高分屏下<img>模糊主因是浏览器用低分辨率图强行拉伸填充CSS像素区域，触发双线性插值致边缘发虚；根本解法是用srcset+sizes让浏览器按设备像素比自动选对图源，并配合image-rendering等CSS控制重采样。
-
JavaScript动态生成HTML能提升交互性与响应速度，实现数据驱动视图更新，支持组件化复用，并结合SSR优化SEO，是现代Web开发的必要手段。
-
垂直进度条用CSS伪类标记当前步骤需用.step--active::before画圆点、linear-gradient画进度线，配合flex布局和transform居中实现响应式对齐，避免绝对定位和border导致的错位与模糊。
-
标签云需用<span>配合CSS动态缩放字号实现，禁用硬编码，应基于数据权重线性或对数归一化后映射为em单位，并用flex布局替代float，加max-width和user-select防护。
-
AJAX请求无法直接触发浏览器重定向，res.redirect()仅作用于HTTP响应本身，返回的HTML内容会被JavaScript接收并解析，导致Unexpectedtoken'<'错误；正确做法是服务端返回跳转地址，由前端通过window.location.replace()主动跳转。
-
Vue组件通信中异步数据问题的核心是子组件需具备未就绪状态容错能力：用v-if控制挂载、prop设默认值、模板用可选链、watch监听+immediate、provide/inject共享状态。
-
Django表单中使用<inputtype="image">时，需为每个按钮显式设置name属性，否则后端无法通过request.POST.get()区分触发源；仅靠value属性无效。
-
答案：CSS两列布局主要通过Flexbox和Grid实现。Flexbox适合一维内容排列，如等宽或比例分配的两列，使用flex:1或flex-grow控制空间分配；Grid适用于二维结构，通过grid-template-columns定义列宽，支持fr单位和固定宽度混合布局。选择取决于场景：Flexbox用于组件级布局，Grid用于页面级结构，二者可结合使用。常见优化包括正确使用flex-basis、避免溢出、利用gap替代margin，以及通过subgrid实现嵌套对齐。
-
list-style是复合属性，等价于同时设置list-style-type、list-style-position和list-style-image；省略任一值则使用默认值（discoutsidenone），且list-style-image优先级高于type，加载失败即回退为无标记。
-
用max-width配合width:100%是控制容器响应式宽度最稳妥的方式，比单纯用width:100%或width:100vw更可靠，尤其在嵌套、缩放、滚动条场景下不容易溢出或错位。
