阿里巴巴2019前端实习生招聘还剩最后两周，面向2019年11月1日至2020年10月31日之间毕业的同学，在这里分享下阿里前端面试考核的关键点：

webpack已经成为编译构建前端项目的必备工具。今天就来了解一下webpack的打包机制，先从最简单的js编译打包开始。 webpack打包后的文件 先来看下webpack打包之后的文件是什么样，然后再反推它的打包机制。补充说明：本文使用的是webpack 4.x的版本。 代码示例： 入口文件index.js，依赖a.js和b.js，而a.js和b.js都依赖c....

在web应用中排查问题很难。那些难解的js错误，用户上报的bug，还有QA系统里的issue，解决这些影响用户的问题是永恒不变的斗争。这些还只是那些明显的问题，事实是大部分的bug从来都没有被上报，因为当用户对应用有个不好的体验时，他们将不再使用，或者忍气吞声。

Virtual DOM很神奇，同时也比较复杂，难以理解。react,preact和相似的js库都使用了virtual dom。然而，我找不到任何好的文章或者文档，可以详细地又容易理解的方式来解释它。因此我决定自己写一篇。

React的核心是将UI组件化，由数据驱动UI的展现。但是如何管理数据模型、组件与数据模型之间的通信，react并没有很好的解决方案。Redux由flux演变而来，同时简化了Flux的流程。