特性
webpack 5引入联邦模式是为了更好的共享代码。 在此之前，我们共享代码一般用npm发包来解决。 npm发包需要经历构建，发布，引用三阶段，而联邦模块可以直接引用其他应用代码,实现热插拔效果。对比npm的方式更加简洁、快速、方便。
使用方法
1、引入远程js
2、webpack配置
3、模块使用
【小算法】将数组处理成树状结构
前言
将数组处理成树状结构，也是在工作中经常遇到的，今天就和大家一起分享一下思路和方法。
案例
如下代码，处理成树状结构，要求程序具有容错能力，也就是可以判断输入出错。
let haoroomsDataArr = [
{ id: 1, name: "haorooms1" },
{ id: 2, name: "haorooms2", parentId: 1 },
{ id: 4, name: "haorooms4", parentId: 3 },
{ id: 3, name: "haorooms3", parentId: 2 },
{ id: 8, name: "haorooms18", parentId: 7 },
];【小算法】相连数字数组，用横杠起止简写
前言
本题是工作中用到的一个小的算法题目，刚刚做的时候，走了一下弯路，其实思路对了，解起来很简单。下面来解析一下。后期我会整理一份常用的算法题目，每个题目都会录制成视频，和大家一起分享解题思路。有些也会借鉴leecode中的一些题目。
题目
// 一组数字，相连的用-拼接，不相连的直接写数字本身，
//例如[1,3,4,5,8,9,12,13,14,15,20]可以写成1;3-5;8-9;12-15;20这种形式。antd拖拽列导致触发table排序问题，解决方案
跨域图片下载JFIF格式解决方案及前端zip包下载
前言
之前文章有写过图片下载，同域名图片，只要添加download就可以下载下来，但是download在跨域图片中不起作用，因此，可以用canvas方式或者xhr方式下载。但是呢，通过canvas或者xhr下载下来的图片，在win10上面，可能会变成怪异的JFIF，这个如何解决呢？
解决方案
推荐使用file-saver 这个库