位置: 编程技术 - 正文

详解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制作验证码)

  • 对方公司为什么一定要专票
  • 农产品加工企业怎样申请营业执照?
  • 税务局退给企业的多交的所得税该怎样帐务处理?
  • 消费型增值税的特点的是( )
  • 新准则下对亏损的规定
  • 公司收到分红怎么交税
  • 企业裁员补偿金标准是多少
  • 兼职劳务税率是多少2020
  • 房地产开发企业的土地使用权计入哪里
  • 货物抵款协议书
  • 私立医院收到投诉信
  • 公司借款给个人利息怎么做账
  • 农产品加计扣除政策2023最新
  • 防伪税控发票种类主要有哪些
  • 为什么有些单位一直在招聘
  • 营改增对运输业的影响
  • 商品房所有者是什么
  • 资产负债表其他应付款包括哪些
  • 餐费发票怎么开
  • 公司的公益性捐款合法吗
  • 技术服务费进项票会计分录
  • 公司与客户合作协议范本
  • 小规模纳税人的专票可以抵税吗
  • profiler.exe - profiler是什么进程 有什么用
  • 代扣可以退款吗
  • 明股实债和明债实股
  • 应收账款零头会计处理
  • 劳务公司开具劳务费发票
  • 电商快递费怎么算
  • 债务重组账务处理会计分录
  • 个人如何办理住房贷款
  • php数组函数输出《咏雪》里有多少"片"字
  • 智能路由器五个灯一直闪
  • php精度丢失
  • 搬迁收入增值税
  • php请求接口数据
  • vue每一列内容过多自动换行
  • 冲减应付账款如何做账
  • 营改增几个阶段
  • 高新补贴收入是否可以作为不征税收入
  • redirect_uri参数错误的解决方法(必看)
  • vue3开发app
  • javatoken生成机制
  • php生成zip压缩包
  • 使用groupadd命令创建用户组
  • 中小型科技企业所面临的普遍问题是资金缺乏
  • 租赁的房屋再转租出去交几次印花税呢
  • 土地作为无形资产入账依据
  • dede织梦怎么转成zblog
  • 法人治理结构是指明确
  • 垃圾袋发票税收分类编码
  • 购买税盘怎么减免申报
  • 分期收款开发票
  • 汇算清缴如何调报表
  • 暂估回冲方式
  • 软件开发并销售产品
  • 咨询费收入怎么入账
  • 汇算清缴的会计分录怎么做
  • 在建工程领用物资时是用成本价还是市场价
  • 增值税进项税额转出的情况有哪些
  • 预缴增值税及附加可以在电子税务局申报吗
  • 税盘的服务费
  • 购货方尚未偿付的货款属于什么会计科目
  • 什么叫发票分割单
  • 员工团体意外保险受益人是谁
  • 增值税专用发票的税率是多少啊
  • ubuntu系统安装无线网卡驱动
  • centos failed to start login service
  • win8启用或关闭windows功能
  • win8 开机
  • ubuntu听音乐
  • mac下使用8086汇编
  • windows7升级到win8
  • linux使用zsh
  • win8无法安装net4.7
  • OpenGL_砖块着色案例
  • python接入微信
  • 临沂国税地税局领导班子
  • 十月报税2021
  • 广西国税电话号码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设