位置: 编程技术 - 正文

详解js异步文件加载器(js异步解决方案)

编辑:rootadmin

推荐整理分享详解js异步文件加载器(js异步解决方案),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js异步方法有哪些,js 异步,异步加载js文件,js异步解决方案,详解js异步文件是什么,js 异步,详解js异步文件是什么,详解js异步文件怎么写,内容如对您有帮助,希望把文章链接给更多的朋友!

我们经常会遇到这种场景,某些页面依赖第三方的插件,而这些插件比较大,不适合打包到页面的主js里(假设我们使用的是cmd的方式,js会打包成一个文件),那么这个时候我们通常会异步获取这些插件文件,并在下载完成后完成初始化的逻辑。

以图片上传为例,我们可能会用到plupload.js这个插件,那么我们会这么写:

但是我们的页面通常由多个独立的模块(组件)构成,如果页面上的A、B两个模块都依赖于plupload.js, 那是不是在两个地方都要把上面的代码写一遍。如果这么干,在plupload.js被下载下来之前,可能会发起两个请求,由于是并行下载,js文件可能会被重复下载,而不是第一次下载下来,第二次取缓存的内容。

下图是页面多个组件依赖vue.js的情况(jquery和vue混用的场景):

详解js异步文件加载器(js异步解决方案)

所以,在实际使用中需要加锁,即当脚本正在加载时,不应该再重复请求脚本,等待加载完成后,依次执行后面的逻辑,有promise这个好工具,实现起来很简单。

然后在依赖vue.js地方:

再看看请求:

好了,到这里似乎解决问题了,但是假如我的页面上存在多个插件依赖,比如既依赖plupload.js又依赖vue.js,难道我要把上面的代码再写一遍(怎么感觉好像说过这话)?这样不就冗余了么?所以我们需要一个异步加载器的生成器,能够帮助我们生成多个异步加载器。

然后我们可以生成异步加载器并赋给window

使用的时候同上,这样就基本解决了我们的问题。

标签: js异步解决方案

本文链接地址:https://www.jiuchutong.com/biancheng/288209.html 转载请保留说明!

上一篇:PHP验证码生成原理和实现(php验证码扭曲效果怎么做)

下一篇:php制作的简单验证码识别代码(php制作验证码)

  • 三税率什么意思
  • 进口洋酒能存放多少年
  • 零售环节征收消费税标准
  • 建筑企业可以挂靠吗
  • 其他个人出租房屋按照多少征收应纳税额
  • 保证人不承担责任(胜诉案例)
  • 免税增值税的有哪几项
  • 专用发票超过360天认证期怎么办?
  • 管理费用贷方余额借方是负数怎么结转
  • 怎么理解捐赠支出税前扣除标准计算口径
  • 合同款未付怎么写欠条
  • 事业单位预算外收入
  • 劳服企业可以安差额税上税吗?
  • 分配利润顺序
  • 税务分析最常用的分析方法
  • 营改增后征收增值税的税目
  • 新成立的公司每天付款有要求吗
  • 收到子公司分红需要交所得税吗?
  • 理论增值额的含义
  • 北京增值税纳税申报表在哪里打印
  • 宣传费开票属于什么费用
  • 非学历教育培训费发票
  • 小规模建筑安装增值税税率是多少
  • 企业的其他业务收入
  • 采用简易计税方法
  • 电器维修公司买什么保险
  • 腾讯电脑管家中蓝牙在哪
  • 新成立的公司需要报残保金吗
  • php7 ??
  • 其他综合收益包括留存收益吗
  • 付款保险费
  • edi文件怎么打开
  • ChatGPT-4 终于来了(文末附免费体验地址)
  • 企业发生的诉讼费用
  • 资产负债表的编制方法和步骤
  • 免抵退税会计分录怎么写
  • Waterfalls at the source of the Mundo River, Sierra de Riopar, Albacete, Spain (© Westend61/Getty Images)
  • 前端上传文件夹怎么操作
  • mysql+php
  • php导出带样式的数据库
  • 出口免税和退税的区别
  • 以前年度损益调整怎么做账
  • go语言ui
  • 公司股东和自然人的关系
  • 个人所得税怎么申报多
  • 培训机构财务怎么做账
  • 增值税普票税额可以抵扣税吗
  • 删除mysql重复数据
  • 医院销售药品是否缴纳增值税
  • 房地产行业扣税标准
  • 公交公司财政补贴
  • 哪些合同需要缴税
  • 无法收回的款项怎么记账
  • 为什么实收资本不属于企业资产
  • 什么是盈余公积和资本公积
  • 出口汇率按报关价格算吗
  • 一般纳税人先确认收入吗
  • 代办旅行社经营许可证
  • 工业企业外购材料采购成本包括
  • mysql设计树形数据库
  • sql server的数据库
  • sqlserver2000删除注册表
  • wmiprvse.exe是什么程序
  • linux命令date
  • rds是啥
  • win7系统电脑无声音
  • quick cocos2dx lua 网络图片 下载
  • scumpve服务器
  • jquery虚拟dom
  • 关于超链接下列说法中错误的是
  • 各种扩展名的含义
  • linux更换用户登录命令
  • jquery mobile开发工具
  • shell脚本视频教程
  • python如何查询函数用法
  • python 解析算法
  • 境外抵免限额如何申请
  • 石狮纳税企业排名
  • 税的几个点是什么意思
  • 个人所得税的通知
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设