请教一下JS重复加载的问题。

使用了Pjax后,原本主页面里已引入了a.js文件,点击某页面后,加载的页面部分也引入了a.js,导致部分功能失效。

请教一下,大家有什么好的办法管理js的引入吗?如何判断js是否已加载,防止二次引入?

评论区

JFinal

2019-12-16 13:41

将 a.js 只在 layout 中引入,不要在 pjax 加载的 html 片段中引入,参考一下 jfinal club 中的用法,重点看 js 的引入部分

天晴

2019-12-16 13:58

@JFinal 目前是这样处理的,但是因为随着页面的增加,每个页面功能不同,引入的js很多,如果都放在layout中,页面会比较臃肿,导致加载一个页面会出现很多不需要的js,所以才想看看是否有其他解决方案。

JFinal

2019-12-16 14:11

@天晴 一般使用 pajx 的项目是后台管理之类的,并发访问并不大,这样处理一般没问题

要注意 js 的引入放在 html 的最后一部分,不要放在 html 的 header 部分中,这样也能加快页面展现

再一个,你可以用一用 js 的按需加载机制,用到的时候再加载,也就不会有这个顾虑了

天晴

2019-12-16 14:40

好的,感谢波总

山东小木

2019-12-17 09:38

PJAX处理JS重复加载案例:https://jfinal.com/share/1854 https://jfinal.com/share/1873 https://jfinal.com/share/1868 @天晴 @JFinal

天晴

2019-12-17 11:34

@山东小木 感谢小木老师

热门反馈

扫码入社