JS的加载异步

作者: 辉夜乀 | 来源:发表于2017-03-31 15:51 被阅读0次

页面中的JS,默认情况下加载时候会阻塞后面的内容。不过加上 async 或defer 就不一样了。

  • **async **
    JS中加了 async 后,这条js 不会阻塞后面的内容了,两者并行执行(加载异步),并且这条js 加载完后会马上执行。

  • defer
    js中加了defer后,这条js不会阻塞后面的内容,两者并行进行(加载异步),但是这条js是被加载,执行要等到所有元素解析完成之后。

async 不保证js的执行顺序,谁先加载完就谁先执行。

defer 保证了js的执行顺序,加载完了谁都不许执行,等所有元素解析完了,js再一条一条执行。

相关文章

  • js加载同步还是异步? JSONP原理?

    1、浏览器端的js加载默认是同步还是异步?同步,可以人为设置异步;async让js异步加载,需要每个script标...

  • java_Ajax

    Ajax:(asynchronous js and xml) 异步的js和xml 指的是一种交互方式 异步加载,客...

  • js面试题-3(ajax)

    1. 阐述一下异步加载 JS 异步加载的方案: 动态插入script标签 通过ajax去获取js代码,然后通过e...

  • 系统源码简析

    同步加载 异步加载 页面的懒加载,只针对vue文件,js文件被放到app.js中了, 比如 share.js。 a...

  • 网页优化

    1. 资源代码压缩合并,减少HTTP请求 2. 非核心代码的异步加载 异步加载方式:动态脚本加载(js创建SCRI...

  • JS异步加载

    最近做一个H5项目,一套代码跑在多个app webview,这个地方涉及到很多js文件的引入和加载,做了一个js加...

  • JS异步加载

    1. defer 属性 在 元素中设置 defer 属性,等于告诉浏览器立即下载,但延迟执行。defer属性只适...

  • Review JavaScript

    红宝书 综合 script加载js会阻塞渲染,标签中 fefer 指异步加载js,在文档load之后按顺序执行。a...

  • JavaScript补充

    01-延迟和异步加载JS 如何延迟加载JS:defer defer:js脚本可以延迟到文档完全被解析后执行 如何异...

  • webpack打包代码实现

    webpack模块加载 异步模块加载 通过 import()实现指定模块的懒加载操作 懒加载的核心原理就是创建js...

网友评论

    本文标题:JS的加载异步

    本文链接:https://www.haomeiwen.com/subject/wmrhnttx.html