文章详情页
javascript - 异步模块的理解
问题描述
对于同步模块,模块必须提前加载进内存中。对于异步模块,比如说他的实现requirejs,依赖前置,且提前执行,这不也是提前加载进内存了吗,那为什么说是异步的?看了很多AMD和CMD的知识,就是不太明白同步模块加载和异步模块加载的区别。
问题解答
回答1:这个机制和【内存】关系并不大,更多可以理解为【脚本的下载时机】。
前端的特殊性在于,脚本文件的体积和下载时间,会直接影响页面性能。同步加载的规范中,所有依赖必须下载好后,脚本才能执行。
而异步加载的规范中,只有代码运行到需要的位置时,才会加载所需要的脚本。例如一个巨大的单页应用,首页部分的脚本可以特别轻,而进入某个功能页时,再异步加载需要的模块,这样对性能有很大的帮助。
回答2:requirejs的异步加载本质上是在<head>里append需要异步加载的<script>,这些<script>元素都有async属性来实现非阻塞异步加载。然后通过onload监听各个脚本加载完成状态,来实现多个存在依赖关系的脚本先后加载次序。可以自己用async和onload实现简单的异步加载功能,但要实现requirejs这样的功能,还是要花不少心思的。
标签:
JavaScript
相关文章:
1. PHP中的$this代表当前的类还是方法?2. javascript - vue2.0中使用vue2-dropzone的demo,vue2-dropzone的github网址是什么??百度不到。3. html5 - 目前 公司App 嵌入H5页面 做个 手机支付功能 没有做过 所以 请求各位有经验的 给个思路4. IOS app应用软件的id号怎么查询?比如百度贴吧的app-id=4779278135. html - 这种错位的时间轴怎么布局,然后用css实现?6. javascript - avalon.js ms-on 事件绑定无效 ?7. java - 如图代码,Collection 类中的iterator()是抽象方法,为什么可以调用?8. 鼠标过导航标签时,无效果,请问如何查找问题9. java - spring-data Jpa 不需要执行save 语句,Set字段就可以自动执行保存的方法?求解10. java - butterknife怎么绑定多个view
排行榜