在前端开发中,避免重复请求相同的外部脚本可以通过以下几种方法来解决:
例如,使用ES6的import语法加载外部脚本:
import { someFunction } from 'external-script.js';
例如,使用条件判断加载外部脚本:
if (!window.someFunction) {
var script = document.createElement('script');
script.src = 'external-script.js';
document.head.appendChild(script);
}
例如,使用localStorage进行标记:
if (!localStorage.getItem('external-script-loaded')) {
var script = document.createElement('script');
script.src = 'external-script.js';
document.head.appendChild(script);
localStorage.setItem('external-script-loaded', true);
}
以上是一些常用的解决方法,根据具体情况选择适合的方法来避免重复请求相同的外部脚本。
下一篇:避免重复事件处理的好方法