解决“向终端显示内容产生时间延迟”

news/2024/7/4 1:42:01

①将所有的脚本放置于HTML的末尾,这样处理JS脚本的延迟会在页面完成渲染之后出现

②脚本加载:创建一段内嵌的JS代码,动态的将脚本标签附加到文档后边

示例:

var remoteLoader = function remoteLoader(){
     function constructScriptTag(src){
     var script = window.document.createELement('SCRIPT');
     script.src = src;
     return script;
     }
     return{
       loadJS:function(script_url){
         if(typeof script_url === "object"){
           var frag = document.createDocumentFragment();
           for(var ind = 0;ind<script_url.length;ind++){
             frag.appendChild(constructScriptTag(script_url[ind]));  
           }
           window.document.getElementsByTagName('HEAD')[0].appendChild(frag.cloneNode(true));       
         }
       }else if(typeof script_url === "string"){
          window.document.getElementByTagName('HEAD')[0].appendChild(construcScriptTag(script_url));
        }
     }
   }();

可以通过传递一个字符串或者一个数组来调用该函数

   <script>
     remoteLoader.loadJS("");//passing in a string
     remoteLoader.loadJS(["",""]);//passing in a array
   </script>

 

转载于:https://www.cnblogs.com/wccc/p/7669178.html


http://www.niftyadmin.cn/n/4608363.html

相关文章

干货丨Power Query 数据类型及数据结构

前言 查询增强版&#xff08;Power Query&#xff09;是Excel Power BI组件中用于数据导入、数据整合以及数据处理的插件工具。适用于Excel 2010以上版本&#xff0c;在Excel 2010以及Excel 2013中需要下载插件安装加载后使用&#xff0c;在Excel 2016版本中Power Query被内置…

JEPLUS工作流之分支聚合——JEPLUS软件快速开发平台

为什么80%的码农都做不了架构师&#xff1f;>>> JEPLUS工作流之分支聚合 今天给大家介绍的是分支聚合流程&#xff0c;在选择分支时候需要指定该节点的下面分支的节点&#xff0c;然后分支的线路同时在进行处理&#xff0c;当全部处理完毕后到达聚合集合&#xff0…

虚拟机卸载不干净

安装此微软删除注册表软件即可有百分之八十的可能解决百分百的问题 Windows Installer Clean UP

插件-悬浮菜单

插件需求 经常遇到页面右下角会有一些悬浮按钮的需求&#xff0c;为了快速开发&#xff0c;才有了这个插件。 插件地址 演示-未使用模板(可能出现闪烁)演示-使用模板(无闪烁)github地址->https://github.com/lzuntalented/tools 使用方法 1. //加载demo中index.js //引用dem…

缓存的几个概念

为什么80%的码农都做不了架构师&#xff1f;>>> 缓存穿透 缓存穿透是说收到了一个请求&#xff0c;但是该请求缓存里没有&#xff0c;只能去数据库里查询&#xff0c;然后放进缓存。 这里面有两个风险&#xff0c;一个是同时有好多请求访问同一个数据&#xff0c;然…

JavaScript 启动性能探究

本文讲的是JavaScript 启动性能探究&#xff0c;作为 web 开发者&#xff0c;都知道 web 项目开发到最后&#xff0c;页面规模很容易变的很大。 但 加载 一个网页远不止从网线上传送字节码那么简单。浏览器下载了页面脚本之后&#xff0c;它还必须解析、解释和运行它们。这篇文…

五分钟读懂TCP 协议——TCP协议简介

TCP 是互联网核心协议之一&#xff0c;本文介绍它的基础知识。一、TCP 协议的作用互联网由一整套协议构成。TCP 只是其中的一层&#xff0c;有着自己的分工。&#xff08;图片说明&#xff1a;TCP 是以太网协议和 IP 协议的上层协议&#xff0c;也是应用层协议的下层协议。&…

nodejs作为前后端分离中间件的跨域解决方案

前后端分离时候SEO问题很头疼&#xff0c;上次提供了nuxtaxios解决服务端渲染问题的解决方案&#xff0c;其实nodejs一样可以做服务端渲染&#xff0c;这时候会产生ajax跨域问题&#xff0c;本文旨在nodejs中跨域问题 其实很简单&#xff0c;像其他的服务端程序一样&#xff0c…