loadable这个库实现的原理是什么？

Question

想问一下，react开发的spa应用不是不会发生跳转产生新的浏览器窗口吗？那么每一次页面切换是如何实现加载每个页新的js文件（或者说是如何判断新的js文件如何加载完成）（正常情况下是跳转浏览器帮忙处理这件事，但是现在是spa应用，它是如何实现的），还有加载了新的js文件后，旧的js文件是自动销毁还是得手动销毁？（假如开始进入的是home页，再进detail页，那么进入detail页时，上一次加载的home页对应的js文件是会自动销毁还是手动销毁，不销毁估计会再次在detail页执行代码home的代码）。最后一个问题....上面这些问题是一面的一个面试官问的...应届生回答不出来该怎么办。。。（相当于是问我库的实现原理），再碰到这种问底层原理的应该怎么提前准备？怎么回答？向dell老师您求救呀。。

Answer 1

Dell 2018-09-13 13:26:01

应届生是不可能了解到这个程度的，你只能遇到一个问题去研究一个问题了，这种问题一半是我们面15-20k左右水平工程师的题，别担心，后面我会出课深入讲解一些react的原理

• 提问者 qq_飞鱼_19 #1

  呜呜呜，面的一个电商的公司（某菇），老师，能不能稍微解释一下，麻烦您了，或者说一下浏览器正常跳转分别加载不同js的流程和spa分块加载流程以及他们的不同。希望以后被问这个能回答出来，谢谢老师!

• Dell 回复 提问者 qq_飞鱼_19 #2

  1. 不是，react路由通过hashHistory，或者browserHistory识别到浏览器url的变化，然后动态的引用对应的组件，把组件的内容渲染到页面上。至于怎么加载文件，取决于webpack的打包配置，如果统一打包在bundle.js中，那么每个页面其实都公用一个js文件，不存在替补替换的概念，如果用到了分片打包，或者异步组件，那么只有第一次进入一个新页面的时候会加载对应的js文件，之后都会用缓存。

• 提问者 qq_飞鱼_19 #3

  非常感谢！

Answer 2

BingXiong 2019-01-10 12:46:39

现在应届生的面试都这么恐怖了吗！