develop_csdn的博客

微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(先上背景，新入职一家公司，公司使用到了这个框架，学习一番，要求很低，让自己能够在这个业务线正常的开发。读到这里就知道，能用这个框架的都不是小项目了，最起码要有一定的规模，才用得上这个框架。微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。)后，随之而来的应用不可维护的问题。学习第一步，看官网。好了，不闲扯了，下面开始正式学习。

最终发现是：vue3 中使用了ref，形成了 Proxy 对象代理，但 echarts 中使用了 === 造成对比失败。在公司 vue3 的项目中发现之前在vue2中正常使用的 echarts 的 tooltip 不显示了，解决方法：不要将 echarts 实例包装成响应式对象，也就是避免使用 ref 和 reactive。使用普通变量保存 echarts 实例，即可解决。

设置了绝对定位 absolute和 display: inline-block 的盒模型，垂直margin不会被重叠，并且和他们的子元素之间也是一样。相邻的盒模型中，如果其中的一个是浮动的（float），垂直margin不会重叠，并且浮动的盒模型和它的子元素之间也是这样。overflow 不为默认值visible， 设置其他属性的元素和它的子元素之间的margin不会被重叠。如果有一个负值：在最大的正边界中减去绝对值最大的负边界。如果都是正值：相邻边界宽度中最大的值。内层元素padding: 1px;

已下基于 Vue3.x 版本vue.config.js 是一个配置文件，存在与项目的根目录中。他会被 @vue/cli-service 自动加载。创建一个新项目，会有如下空配置：该文件应该导出一个包含了选项的对象从 Vue CLI 3.3 起已弃用，现在都使用 publicPath默认值：'/'是部署应用包时的基本 URL，在 Vue CLI的其他地方也会使用这个值，默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.qjdchina.com/。如果应

本片来源于公司需求，在拿到需求到交付给需求方到交付给用户的过程中，经历了一系列的困难，也解决了一系列的困难，也收获满满。

'components': path.resolve(__dirname, '../src/components')

1.先添加 "stylus-loader":"^2.5.1"2.再添加一条插件 "stylus": "0.52.4"  然后执行安装命令 即可解决

1.先决条件：Node.js（> = 4.x，6.x首选），npm版本3+和Git。2.安装 vue-cli:   用终端   $ npm install  -g vue-cli 3.其中遇到了问题，会出现一直等待npm fetchmetadata...配置成淘宝的镜像：npm config set registry https://registry.npm.taobao.or