文章主要从原理、优缺点出发，深入剖析现在市面上最流行的三大的微前端框架。带领读者彻底理解微前端，同时也会给出一些选型上的参考。

最近在做项目中，使用flex布局遇到了个老问题：当flex子元素里的子元素的宽度过大，超出flex父元素时，设置flex:1并不能限制flex子元素的尺寸

支持断点续传; 文件秒传; 使用了 WebWorker 并实现了浏览器的线程池; 使用了 Promise 池控制并发数量, 优化了 Hash 策略, 优化了内存占用, 超级详细⚡

文件上传、文件下载都是常见的需求。 大文件上传我们会通过分片上传来优化。 比如阿里云 OSS 的大文件分片上传： 那大文件下载如何优化呢？ 答案也是分片下载，或者叫流式传输。 我们试一下： 创建个 N

浏览器渲染 DOM树 CSSOM树 CSS不会阻塞HTML解析 JS会阻塞HTML解析 reflow repaint

自己实现一个大文件切片上传+断点续传 PM：喂，那个切图仔，我这里有个100G的视频要上传，你帮我做一个上传后台，下班前给我哦，辛苦了。 我：。。。

防抖（debounce）和节流（throttle）是两种常用的优化高频触发事件的方法。> 防抖：当持续触发事件时，一定时间段内没有再触发事件，函数才会执行一次，如果在这个时间段内又触发了事件，则会重新

p-limit是个用于限制并发操作的包，它可以控制同时执行的异步操作数量。它提供了一种简单的方式来管理并发操作，本文展示了如何使用队列和异步操作来限制并发数量，并提供了一些属性和方法来管理队列的状态。

面试官：看你简历上做过图片或文件批量下载，那么假如我一次性下载几十个，如何去控制并发请求的？ 让我想想，额~， 选中ID，循环请求？，八嘎！肯定不是那么沙雕的做法，这样做服务器直接崩溃啦！