美文网首页
[前端]异步加载js的方式

[前端]异步加载js的方式

作者: 半颗糖嘿 | 来源:发表于2022-11-04 23:48 被阅读0次

异步加载js的方式有两种:defer和async。
二者共同点:
1、defer和async都是去异步加载外部的js脚本文件的。
2、defer和async都不会阻塞页面的解析。
区别点:
1、执行顺序方面
多个带async属性的标签,不能保证加载的顺序;
多个带defer属性的标签,按照加载顺序执行。
2、脚本是否并行执行方面
async属性,表示后续文档的加载和执行,与js脚本的加载和执行是并行进行的,即异步执行。
defer属性,加载后续文档的过程和js脚本的加载(此时仅加载不执行)是并行进行的(异步),js脚本需要等到文档所有元素解析完成之后才执行。

相关文章

  • java_Ajax

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

  • 网页优化

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

  • html,css,js加载顺序

    1. 加载方式 css 异步加载(不阻塞)js 同步加载(阻塞) 2. 放置顺序 css 放置于 标签中原因:...

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

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

  • 异步加载js的几种方式

    默认情况javascript是同步加载的,也就是javascript的加载时阻塞的,后面的元素要等待javascr...

  • Node.js 逐行读取文件的 4 种方法

    Node.js可以同步或异步的方式逐行读取文件内容。其中,异步方式可以读取大型文件而不需要同时加载文件所有内容。 ...

  • 懒加载和预加载

    懒加载 js懒加载 意义 懒加载(LazyLoad)是前端优化的一种有效方式,能极大的提升用户体验,图片加载是其重...

  • js面试题-3(ajax)

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

  • 系统源码简析

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

  • 爬取网页中的动态数据

    每一次异步加载都会在netwo中加载一项,异步加载和普通的加载方式一样,普通的加载方式是点击下一页,异步加载是在向...

网友评论

      本文标题:[前端]异步加载js的方式

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