同步加载、异步加载

已于 2023-08-03 14:16:00 修改
阅读量253 收藏
点赞数
分类专栏： DOM 文章标签： 前端 javascript
于 2023-08-01 18:56:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44683351/article/details/132026069
版权

同步加载

<link>标签是异步的。

script里的内容默认是同步模式，也叫阻塞模式

q：为什么script不是异步

a：如果script是异步，会出现DOM结构还没有解析完成，script中已经操作DOM的情况，会产生冲突

q：为什么script一般放在body最后

a：解析到script加载脚本时，会阻塞浏览器后续的处理，停止后续对DOM解构的解析，同时也会停止后续文件的加载、渲染，以及代码的执行，如DOM Tree, CSSOM的处理，CSS资源的加载，图片的加载，所以说一般放在body的最后 -> 只能极大可能性的减少阻塞，并不能完全解决阻塞问题

异步加载

异步加载的表现：浏览器并行的加载js文件，加载的同时不会阻塞浏览器后续的处理，如加载和渲染，这样的处理成为异步加载。

defer

IE8及以下到IE4都兼容，异步的加载js脚本文件，但是下载完了之后并不会立即

最低0.47元/天 解锁文章
js鲨鱼辣椒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML面试题整理
weixin_46656013的博客
05-24 511
html面试题整理
iOS异步加载网络图片
04-01
一个iOS异步加载网络图片的Demo，用Objective-C写的，包含了三种加载网络图片的方式：同步、异步和Cache异步。界面布局全部代码手写，使用的是TableView布局。代码有注释，很简洁。欢迎大家下载使用。
js异步加载的三种解决方案
10-27
默认情况javascript是同步加载的,javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载,如何解决这个问题呢,接下来将为你详细介绍下异步加载js三种实现方案,感兴趣的你可以参考下哈
javascript异步加载
05-22
默认情况javascript是同步加载的,javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载,接下来将为你详细介绍下异步加载js三种实现方案,
load-css-polyfill:一个简单的polyfill，用于使用link [rel = preload]异步加载非关键CSS
05-15
加载css-polyfill 一个简单的polyfill，用于使用异步加载非关键CSS。 介绍 非关键CSS可以通过使用<link rel="preload" as="style">与onload处理程序异步加载，该处理程序在加载文件后将rel="preload"切换为rel="stylesheet" 。 < link rel =" preload " href =" style.css " as =" style " onload =" this.rel='stylesheet' " > < noscript> < link rel =" stylesheet " href =" style.css " > </ noscript> 该软件包为尚未link[rel=preload]浏览器提供了一个polyfill。 安装 npm npm install @dotsunite
JavaScript文件的同步和异步加载的实现代码
10-19
本篇文章主要介绍了JavaScript文件的同步和异步加载的实现代码，具有一定的参考价值，有兴趣的可以了解一下
iOS异步加载网络图片Demo代码
04-05
一个iOS异步加载网络图片的Demo，用Objective-C写的，包含了三种加载网络图片的方式：同步、异步和Cache异步。界面布局全部代码手写，使用的是TableView布局。代码有注释，很简洁。欢迎大家下载使用。
异步加载css
weixin_65565362的博客
10-20 959
css主要是用来做页面渲染和内容展示，所有css影响着用户对网站的第一体验，所以需要对css进行优化。异步加载css
css加载异步,js,css异步加载
weixin_36018183的博客
08-04 540
有些时候为了效率，我们需要js与css能够异步加载方法1：直接在后面加一个async的关键字但是这样写html5后才开始支持方法2：动态生成一个link或者script标签来实现异步加载例如我们动态创建一个link标签来显示样式的异步加载$(function(){//异步延迟加载样式varlink=$('');link.attr('href','/Content/font1.css')...
css异步加载（缓加载）提高页面访问速度
最新发布
m0_50103979的博客
11-09 307
今天在开发翰络云工具的时候，突发奇想，想让所有文本都用阿里数黑体，但又不想让页面加载速度太慢，于是搜集了一下大佬们的解决方案，写个博客，记录一下。
如何使用link标签提高网站加载速度
qq_42880714的博客
07-21 1105
如何使用link标签提高网站加载速度
javascript 文件的同步加载与异步加载实现原理
10-27
本文将介绍javascript 文件的同步加载与异步加载实现原理，需要了解的朋友可以了解下
JS 动态加载js文件和css文件 同步/异步的两种简单方式
10-21
下面小编就为大家带来一篇JS 动态加载js文件和css文件 同步/异步的两种简单方式。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Unity AssetBundle 资源同步/异步加载管理器
09-02
基于Unity封装的AB包资源管理器，实现同步加载/异步加载AB包以及依赖包，详细可以到我的博客查看文章，里面也有完整代码。
JS同步、异步、延迟加载的方法
10-18
本篇文章讲述了JS同步、异步、延迟加载的方法，具有很好的参考价值，希望对大家的学习有所帮助
同步加载与异步加载
qq_68334807的博客
04-14 339
同步异步 ， 举个例子来说，一家餐厅吧来了5个客人，同步的意思就是说，来第一个点菜，点了个鱼，好， 厨师去捉鱼杀鱼，过了半小时鱼好了给第一位客人，开始下位一位客人，就这样一个一个来，按顺序来。相同， 异步呢，异步的意思就是来第一位客人，点什么，点鱼，给它一个牌子，让他去一边等吧，下一位客人接着点菜，点完接着点让厨师做去吧，哪个的菜先好就先端出来，同步的优点是：同步是按照顺序一个一个来，不会乱掉，更不会出现上面代码没有执行完就执行下面的代码， 缺点：是解析的速度没有异步的快；
Unity的同步加载和异步加载
sindyra的博客
12-20 2698
版权声明：本文为CSDN博主「做做游戏而已」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_30585525/article/details/92436694 同步加载 读取新关卡后立即切换，其参数为所读取新关卡的名称或索引。Application.LoadLevel ("关卡名或者加载场景的序...
同步加载与异步加载的区别
qq_43692768的博客
11-25 5559
  同步加载： 同步模式，又称阻塞模式，就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；   即同步加载会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。   异步加载： 异步加载，又叫非阻塞，是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。 ...
IO - 同步，异步，阻塞，非阻塞 （亡羊补牢篇） -- 保存link
jc308726760的博客
01-18 251
http://blog.csdn.net/historyasamirror/article/details/5778378 因为博主不允许转载，所以存下link，以备以后查用。 谢谢作者很给力的文章。
winform异步加载窗体
09-08
Winform是一种用于开发Windows桌面应用程序的技术框架，异步加载窗体是指在应用程序启动时不阻塞用户界面，而是在后台加载窗体并在加载完成后显示给用户。 异步加载窗体的目的是提高应用程序的响应速度和用户体验。在传统的同步加载窗体中，当应用程序启动时，窗体的加载过程会阻塞用户界面，用户需要等待窗体加载完成后才能进行操作。而异步加载窗体则可以在后台线程中加载窗体，不影响用户界面的响应。 实现异步加载窗体的一种常见方式是使用后台线程。在应用程序启动时，创建一个后台线程，并在该线程中加载窗体。当窗体加载完成后，通过主线程来更新窗体的显示。这样，在窗体加载的同时，用户界面依然保持响应，用户可以执行其他操作。 使用异步加载窗体需要注意线程间的通信和同步，以确保加载完成的窗体能正确显示。可以使用多线程编程技术中的异步委托、事件等机制来实现线程间的通信和同步。 异步加载窗体能够有效提高应用程序的启动速度和用户体验，特别是对于一些较为庞大的窗体或需要加载较多资源的窗体。通过充分利用后台线程，可以降低窗体加载对用户界面的影响，提高用户的操作体验。 总结起来，异步加载窗体是Winform开发中的一种技术手段，通过在后台线程加载窗体，不阻塞用户界面的操作，提高应用程序的启动速度和用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值