-
需满足五项条件：一、用现代浏览器以.html/.htm扩展名打开；二、避免file://协议限制，建议本地服务器运行；三、声明UTF-8编码且保存为无BOM格式；四、确保HTML结构合法、含DOCTYPE声明、路径正确；五、启用JavaScript并排查控制台错误。
-
模块联邦通过运行时动态共享代码，解决微前端重复打包与版本不一致问题。构建时配置exposes和remotes定义模块暴露与引用，Webpack5生成远程入口，主应用运行时import加载远程模块，浏览器自动请求chunk并执行。支持共享UI组件（如UserCard）、工具函数、状态管理实例（Reduxstore），并通过shared配置统一依赖版本，避免多份副本。各团队可独立开发部署，远程更新无需重新构建消费者，本地调试可用代理指向本地服务，适用于多团队协作场景，实现按需加载与动态组合。
-
WebWorkers是浏览器的多线程API，可将计算密集型任务移至后台线程执行，避免阻塞主线程。它通过postMessage通信，不访问DOM或window对象，适用于数据处理、加密等纯计算任务。使用时需将逻辑写入独立JS文件并实例化Worker，支持ArrayBuffer零拷贝传输和任务拆分优化，任务完成后应调用terminate释放资源。适用于大规模数据处理、加密解密、游戏逻辑等场景，但无法操作DOM或使用同步API，需借助开发者工具调试。合理使用能显著提升页面响应性。
-
单向数据流是JavaScript中父组件向子组件单向传递数据、状态变更须经上层统一处理的模式；它确保状态流向清晰、可预测、可追溯，提升调试效率、组件复用性与团队协作质量。
-
<p>列宽不一致的根源是flex-grow/shrink干预及内容差异；应设flex:00calc(25%-8px)锁定基准、禁用伸缩，并配合gap、min/max-width与CSS变量实现响应式等宽布局。</p>
-
HTML中锚标签（）用于实现文字跳转，包括页面内ID跳转、外部网页链接、新窗口打开、文件下载及样式定制，需注意ID唯一性、URL规范、安全性（rel属性）和可访问性。
-
CSS中opacity动画“不连续”主因是渲染机制或属性混用，非opacity本身问题；应避免display与opacity混用、启用合成层、用linear缓动、≥300ms时长、animation-fill-mode:forwards保持终态。
-
浏览器原生打印导出PDF最简单可靠，按Ctrl+P/Cmd+P选“保存为PDF”，勾选Backgroundgraphics、设Margin为None，并确保动态内容已加载完成。
-
CSS盒模型由内容、内边距、边框和外边距组成，包含标准（content-box）和IE（border-box）两种计算方式，前者width仅含内容，后者width包含内容、内边距和边框，现代开发常全局设为border-box以提升布局可控性。
-
JavaScript错误处理通过try...catch捕获运行时异常，try执行可能出错代码，catch接收error对象（含message和name），finally无论成败均执行清理操作；异步需用async/await配合才能用try...catch捕获Promise错误。
-
图片与文字使用float错位是因基线对齐和块级特性导致，可通过inline-block+vertical-align或flex布局解决，推荐用flex实现垂直居中对齐。
-
响应式编程通过数据流与变化传播简化异步处理，RxJS基于Observable、Observer、Operators和Subscription实现异步操作的声明式管理。1.使用debounceTime防抖优化搜索请求；2.combineLatest合并多数据源；3.switchMap响应路由变化并获取数据。应避免嵌套订阅，及时取消订阅以防内存泄漏，善用操作符提升性能与可维护性。
-
fixed元素不随页面滚动是正常行为，若异常滚动，通常因父容器触发了新的定位上下文（如transform、opacity、filter等），使其参考系从视口变为父容器。
-
正确设置DOCTYPE为<!DOCTYPEhtml>是启用HTML5新特性的前提，需确保声明位于首行、无前置字符，并配合语义化标签、标准模式验证及禁用XHTML写法。
-
background-size:cover需配合background-position和容器宽高比才能确保背景图裁剪一致；cover仅保证填满容器，不保证主体可见，须用background-position锚定焦点，并通过aspect-ratio或padding-top固定容器比例。
