方法一：使用 async/await 和 for 循环这种方法使用 async/await 和 for 循环，每次只执行一个异步任务，并等待其完成后再执行下一个任务。 const sleep = (delay) => { re

是一个通用的模块加载器，它能在浏览器上动态加载模块。微前端的核心就是加载微应用，我们将应用打包成模块，在浏览器中通过 systemJS 来加载模块。 1. 基本使用搭建 react 开发环境npm init -y npm install

微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应 用。 微前端的核心在于拆, 拆完后在合，实现分而治之！ 1. 微前端解决的问题 不同团队（技术栈不同），同时开发一个应用 每个团队开发的模块都可以独立开发，

webpack 编译流程 初始化参数：从配置文件和 Shell 语句中读取并合并参数,得出最终的配置对象 用上一步得到的参数初始化 Compiler 对象 加载所有配置的插件 执行对象的 run 方法开始执行编译 根据配置中的entry找出

1. 同步加载没有依赖src\index.js console.log(title) bundle.js //导出对象 var exports = {} //模块内容 console.log(title) 打包模块分

Object.prototype.hasOwnProperty()hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。 const object1 = {

1. toStringTag Symbol.toStringTag 是一个内置 symbol，它通常作为对象的属性键使用，对应的属性值应该为字符串类型，这个字符串用来表示该对象的自定义类型标签 通常只有内置的 Object.prototyp

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

1. babel-polyfill Babel默认只转换新的Javascript语法，而不转换新的 API，比如 Iterator, Generator, Set, Maps, Proxy, Reflect,Symbol,Promise

一、模块化1.1.什么是模块化 模块划就是按照一定的规则把代码封装成若干的相互依赖的文件并进行组合 每个模块内的数据都是私有的，只向外选择性的暴露一些方法和数据与外界进行数据通信 1.2.模块化的意义 有利于代码分享、解耦以及复用 团队并