dongnihao的博客

问题描述：本地环境调试时候获取鼠标的坐标位置，生产环境使用微前端，分别在顶部和左部添加了导航（相当于两个div），导致线上环境的鼠标坐标获取错误，多出来的距离是导航的宽高。的位置，因此你能够正确地获取鼠标的坐标位置。但是在生产环境中，你使用了微前端技术，在多个子应用程序之间共享了同一个文档，这就可能导致了鼠标事件的坐标位置错误。：如果你使用的微前端架构支持应用程序通信，你可以在子应用程序之间共享鼠标事件的坐标位置，从而避免了在不同子应用程序之间出现的坐标位置错误的问题。的页面，并且鼠标事件的坐标是相对于。

该应用程序的入口 URL 是。方法启动了 Angular 应用程序。在上面的示例中，我们使用。在上面的示例中，我们使用。您可以将此组件包装在。

（一下大部分内容截取自chatgpt）Single-spa是一个用于构建微前端架构的JavaScript框架。它可以让你在同一个页面上集成多个独立的JavaScript应用程序，这些应用程序可以使用不同的框架和技术栈来编写，比如React、Angular、Vue等。Single-spa提供了一些API和工具，帮助你管理这些应用程序的生命周期、路由、状态共享等方面的问题。使用Single-spa可以让你的应用程序更加灵活、可扩展、易于维护。--- 来自ChatGPT。

案例：**通过 webpack 将 react 应用打包为 systemjs 模块，再通过 systemjs 在浏览器中加载模块。在微前端架构中，微应用被打包为模块，但浏览器不支持模块化，需要使用 systemjs 实现浏览器中的模块化。在开发阶段我们可以使用 ES 模块规范，然后使用 webpack 将其转换为 systemjs 支持的模块。1. 学生时代讨论关于hybrid APP的应用开发，历史的选择总是变化的，需要更进一步深入。就像工作中使用的微前端！，有属于自己的模块化规范。