当前位置：网站首页 > 技术教程 > 正文

推荐一款小巧灵活动态加载js,css的工具库EasyDynamicLoad-CSS-JS

suiw9 2024-11-09 14:49 24 浏览 0 评论

前端页面有时候可能遇到只有在某些小场景下需要额外的js库，如果我们把这些库或样式一开始就放置到head里进行加载，往往从用户进入浏览到离开也不会触达这些库或样式的被使用场景，所以一个好的优化手段就是进入这些特定场景下时动态去加载依赖库，做到有需要才使用，今天推荐的就是此功能，加载时可以做到是否已经存在检测及加载完成通知回调。

使用方式

引入加载库

<script src="tr.easydynamic_load_css_js.min.js"></script>

执行加载（这里我们拿pdf预览作为演示使用）

TR.LoadJSAndCSS(
[
    'https://your.cdn.com/js/pdf.js',
    'https://your.cdn.com/js/pdf.worker.js',
    'https://your.cdn.com/js/pdfh5.js',
    'https://your.cdn.com/js/pdfh5.worker.js'
], 
[
    'https://your.cdn.com/css/pdfh5.css'
], 
  () => {
    //加载完成
    this.pdfh5 = new window.Pdfh5('#demo', {
        pdfurl: 'pdf地址'
    })
}, (p) => {
    //加载进度
    console.log('load:', p)
})

参数1 为待加载js地址列表
参数2为待加载css地址列表
参数3为加载完成回调通知
参数4为加载进度回调通知

是不是很简单呢？奉上库地址

https://github.com/Ti-R/EasyDynamicLoad-CSS-JS

关注、点赞、评论老码每天分享！

loadjs

相关推荐

分布式系统核心概念及实现（分布式核心原理解析）: 一、分布式系统核心概念1.分布式系统的定义分布式系统是由多个独立的计算机（节点）通过网络连接，协同完成任务的系统。这些节点可以是物理机、虚拟机或容器。...

nosql之mongodb（nosql数据库是国产的吗）: 什么是MongoDB?MongoDB是由C++语言编写的，是一个基于分布式文件存储的开源数据库系统。...

如何治理非结构化数据?（非结构化化数据）: 据调查，当前企业80%的数据为非结构化数据或半结构化数据，而结构化数据是他们管理的重点，非结构化数据却被忽视。然而，非结构化数据也有着它的价值。那么，如何治理非结构化数据？IDC调研显示，目前企业中8...

Cloudera收购大数据加密初创企业Gazzang: Hadoop供应商Cloudera刚刚收购了专门研究下一代数据存储环境加密技术技术的初创企业Gazzang，但交易细节并未透露。这是Cloudera的第一笔重大收购。Gazzang成立于20...

全网最全95道MongoDB面试题1万字详细解析: 1、mongodb是什么？MongoDB是由C++语言编写的，是一个基于分布式文件存储的开源数据库系统。在高负载的情况下，添加更多的节点，可以保证服务器性能。MongoDB旨在给WEB应...

mongodb——视图（mongodb object）: MongoDB视图是一个可查询的对象，其内容由其他集合或视图上的聚合管道定义。MongoDB不会将视图内容持久化到磁盘。当客户端查询视图时，MongoDB可以要求客户端拥有查询视图的权限。MongoD...

mongodb的优缺点及应用场景（mongodb 优点应用场景）: 一、MongoDB是什么1、维基百科MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。...

5款Syslog集中系统日志常用工具对比推荐: 一、为何要集中管理Syslog？Syslog由Linux/Unix系统及其他网络设备生成，广泛分布于整个网络。因其包含关键信息，可用于识别网络中的恶意活动，所以必须对其进行持续监控。将Sys...

跨平台、多数据库支持的开源数据库管理工具——DBeaver: 简介今天给大家推荐一个开源的数据库管理工具——DBeaver。它支持多种数据库系统，包括Mysql、Oracle、PostgreSQL、SLQLite、SQLServer等。DBeaver的界面友好...

强烈推荐!数据库管理工具:Navicat Premium 16.3.2 (64位): NavicatPremium，一款集数据迁移、数据库管理、SQL/查询编辑、智能设计、高效协作于一体的全能数据库开发工具。无论你是MySQL、MariaDB、MongoDB、SQLServer、O...

3 年 Java 程序员还玩不转 MongoDB，网友:失望: 一、什么场景使用MongoDB？...

拯救MongoDB管理员的GUI工具大赏:从菜鸟到极客的生存指南: 作为一名在NoSQL丛林中披荆斩棘的数据猎人，没有比GUI工具更称手的瑞士军刀了。本文将带你围观五款主流MongoDB管理神器的特性与暗坑，附赠精准到扎心的吐槽指南一、MongoDBCompass：...

mongodb/redis/neo4j 如何自己打造一个 web 数据库可视化客户端?: 前言最近在做neo4j相关的同步处理，因为产线的可视化工具短暂不可用，发现写起来各种脚本非常麻烦。...

solidworks使用心得，纯干货!建议大家收藏: SolidWorks常见问题...

统一规约-关乎数字化的真正实现（规范统一性）: 尽管数字化转型的浪潮如此深入人心，但是，对于OPCUA和TSN的了解却又甚少，这难免让人质疑其可实现性，因为，如果缺乏统一的语义互操作规范，以及更为具有广泛适用的网络与通信，则数字化实际上几乎难以具...

取消回复欢迎你发表评论:

一周热门

最近发表

首页
收录
顶部