user7771026021892

最近，项目组在针对原来的老项目做技术栈升级工作，升级的主要内容是 react 和 antd。经过讨论，最后采取的技术方案是使用 qiankun。具体实施方案为先基于 qiankun 构建一个主应用，然后再部署一个新的子应用，新的子应用使用最新版本的 react、antd 逐步重…

相信使用过 webpack 的小伙伴，对 tree shaking 功能都不会陌生。tree shaking, 通常用于移除 javascript 上下文中未使用的代码(dead-code)。 tree shaking，可以有效减小最后打包文件的体积。因此在 webpack 打…

当前，基于 vue、react、angular 的单页应用开发模式已经成为业界主流。受益于它们丰富的生态，我们可以使用这些技术快速构建一个新的应用，迅速响应市场。随着公司业务的不断发展，应用开始变得庞大臃肿，逐渐成为一个巨石应用，难以维护不说，每次开发、上线新需求时还需要花费不…

通过对上一篇微前端学习系列(一): 微前端介绍学习，相信大家对微前端及当前流行技术方案已经有了一个初步的认识了吧。本文将在上一篇的基础上，就 single-spa 方案从用法、常用API、实现原理等方面进行详细梳理，希望能给到大家一定的帮助。 在开始之前，我们先做一个简单回顾。…

由于 qiankun 是在 single-spa 的基础上做的二次开发，所以 qiankun 的用法和 single-spa 基本一样，也分为 application 模式和 parcel 模式。application 模式是基于路由工作的，它将应用分为两类：基座应用和子应用。…

虽然知道从 16 版本以后，React 采取了双缓存 fiber tree，但一直对双缓存 fiber tree 存在的意义不是很理解。琢磨了一段时间，感觉也没有必要采用双缓存 fiber tree，

1. 子元素添加margin: 0 auto 属性 2. 父元素文本对齐方式为居中对齐；子元素设置为display: inline-block

forEach方法：遍历数组的每一个元素，默认没有返回值。 filter方法：对数组元素进行条件筛选。返回一个数组，将原数组符合条件的元素放入数组中。(filter方法不改变原数组) map方法：返回一个数组，这个新数组的每一个元素都是原数组元素执行了回调函数之后的返回值。(m…

1. 安装 svg-sprite-loader 2. 配置 vue.config.js 3. components 中创建 SvgIcon 组件 4. 在 src 目录创建 icons 文件夹, svg 存放后缀为 .svg 的图片 , index.js 配置如下： 5. ma…