js的异步加载

最新推荐文章于 2024-04-09 23:53:00 发布

情绪乱了思绪

最新推荐文章于 2024-04-09 23:53:00 发布

阅读量97

点赞数

分类专栏： js 项目的优化文章标签： javascript

本文链接：https://blog.csdn.net/xiaodingdang222/article/details/115690817

版权

本文探讨了在大型项目中，如使用Vue或React框架时，如何进行JS异步加载优化以提高性能。通过封装一个异步加载方法，实现按需加载需要使用特定JS的页面，从而减少不必要的资源消耗。

摘要由CSDN通过智能技术生成

                   **在框架中如何进行js的异步加载**

在现在的框架中，我们常常会使用vue或者react框架来搭建我们的项目，随着我们功能的提升和增多，项目优化也将成为我们的重头戏。在这里讲一下如何对项目中引用的js来进行一个异步加载的优化

js: 如下图在static/lib/html2canvas路径有一个html2canvas.min.js

在这里插入图片描述
我们接下来封装一个方法来进行这个js的异步加载

const $loaderScript = function (srcPath) {
   
    if (sourcePoint[srcPath] && !sourcePoint[srcPath].isLoaded) {
   
        return new Promise((resolve, reject) => {
   
            sourcePoint[srcPath].han

最低0.47元/天解锁文章

情绪乱了思绪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js的异步加载

**在框架中如何进行js的异步加载**在现在的框架中，我们常常会使用vue或者react框架来搭建我们的项目，随着我们功能的提升和增多，项目优化也将成为我们的重头戏。在这里讲一下如何对项目中引用的js来进行一个异步加载的优化js: 如下图在static/lib/html2canvas路径有一个html2canvas.min.js 我们接下来封装一个方法来进行这个js的异步加载const $loaderScript = function (srcPath) ...
复制链接

扫一扫