js前端模块化之加载器原理解析(一)

先来讲一下前端模块化的价值:引用模块此处有详细的介绍,能够自行前往观看。javascript

一.总结以下优势:前端

(1)解决命名冲突
(2)烦琐的文件依赖
(3)模块的版本管理
(4)提升可维护性
(5)前端性能优化
(6)跨环境共享模块java

二.加载器的基本思路:git

如何去定义咱们的模块?github

如何将咱们定义的模块去合并?性能优化

咱们想一下,若是咱们正常的引用入js到页面咱们须要作神马事情,是不是使用:<script type="text/javascript" src="xxx"></script>,那么问题来了,其实咱们须要作的事情就是去动态的构造<script>,是否加载器就实现了一个这个功能?前端性能

其实这个时候咱们看看一下上面的<script src>?是否咱们还须要知道咱们配置js文件的地址?这个才能正确的引入js?模块化

此处咱们归结于如何去配置地址function()性能

前面咱们不是还提到了解决了模块之间的依赖关系吗?那么咱们应该知道吧,既然要实现模块之间的依赖,那咱们确定是须要知道咱们依赖的js是否已经加载完成。这里咱们须要实现判断js是否加载完成的function?优化

相关文章
相关标签/搜索