-
flex-wrap必须显式设为wrap才能换行，因其默认值nowrap会导致子项强制单行溢出；配合flex-basis、flex-grow/shrink及媒体查询可实现可靠响应式布局。
-
浏览器需加type="module"且import路径须为相对/绝对/完整URL；Node需.mjs或"type":"module"；default与namedexport导入方式不同；import()返回Promise，支持动态路径但需手动处理URL。
-
直接设置font-size在媒体查询中失效，根本原因是图标类被更具体的CSS规则覆盖，或字体设为inherit但父容器无字号；应确保display值、检查计算值、优先设置容器字号。
-
要将字符串转为JSON对象，必须使用JSON.parse()并处理可能的语法错误；常见错误包括单引号、多余逗号、未转义字符等；绝不使用eval()等不安全方法；实际项目中应始终用try...catch包裹、验证数据结构、注意性能与安全；可选使用reviver函数进行解析时的数据转换。
-
position:static是默认值，元素按文档流排布且top/right/bottom/left/z-index无效；relative相对自身定位但不脱离文档流；absolute脱离文档流并相对于最近已定位祖先定位；fixed相对于视口固定；sticky在阈值内relative、超出后fixed。
-
支持，但需起始和结束状态均显式声明确定的颜色值（如HEX/RGB/HSL），避免transparent、inherit或简写background覆盖导致插值失败；transition须写在初始状态规则中，时长200–400ms，推荐cubic-bezier(0.25,0.46,0.45,0.94)。
-
ChromeDevTools里怎么精准模拟iPhone14的viewport直接用设备预设不等于真实效果，iPhone14在DevTools的设备列表里对应的是393×852像素（逻辑像素），但关键在devicePixelRatio必须设为3，否则媒体查询里的min-resolution:3dppx或min--webkit-device-pixel-ratio:3就不会触发。实操建议：打开DevTools→Toggledevicetoolbar
-
Flex通过flex-wrap和flex-basis间接控制列数，如calc(50%-1rem)实现两列、calc(33.333%-1rem)实现三列；Grid用repeat(auto-fit,minmax(280px,1fr))自动适配列数，需注意IE11回退及viewport设置。
-
使用@keyframes和filter可实现图片滤镜平滑过渡，如从模糊黑白到清晰彩色；通过定义0%到100%关键帧，配合ease-in-out缓动和forwards保持状态，确保函数顺序一致，实现自然动画效果。
-
IndexedDB是浏览器内置的NoSQL数据库，支持异步操作、事务处理和大容量存储，可用于缓存复杂数据。通过open()创建或打开数据库，在onupgradeneeded中定义对象存储，使用事务进行增删改查，适合离线应用和接口数据缓存，结合idb库可简化开发。
-
全局样式应限定作用域以避免覆盖组件样式，如用#app包裹；CSSModules需配置localIdentName防类名冲突；第三方库样式优先使用其定制机制；Tailwind需在content中显式声明动态类名。
-
RxJS通过Observable实现函数式响应编程，利用观察者模式处理异步事件流。1.Observable作为数据源，可被Observer订阅，支持next、error、complete回调；2.操作符如map、filter、debounceTime等提供链式调用的函数式变换，生成新流而不改变原流；3.广泛应用于表单防抖、路由监听、HTTP请求串联等场景，提升异步逻辑的可读与可维护性。
-
实现链式调用的核心是每个方法返回this，使后续方法可连续调用；需注意终端方法（如getValue）返回实际值，异步方法需配合Promise，且非所有方法都适合返回this。
-
答案：动态加载通过import()实现按需加载，提升性能。利用ES模块的import()函数可异步加载代码，结合构建工具实现懒加载与代码分割，解决首屏加载慢、资源浪费等问题，适用于路由级或功能级模块拆分，同时需注意错误处理、缓存策略、依赖管理及SSR兼容性，避免过度拆分导致请求过多，确保应用性能与用户体验平衡。
-
Dreamweaver不是HTML5生成器而是编辑器，是否为HTML5取决于手动编写的<!DOCTYPEhtml>和语义化标签。它不自动升级旧代码，文档类型设置仅影响验证提示，不改变实际输出；需手动输入HTML5标签、属性及fallback内容，并注意编码、校验器和浏览器兼容性差异。
