新的改变
在构建页面的时候我们会发现。一个项目中总有许多部分是完全重复的内容。比如侧边栏 / 顶部导航搜索之类的。
此时,为了省事儿,我们可以使用jquery中的load方法。
具体用法如下:(假设公共部分叫loader.html ; 需要引用到index.html中进行使用)
//假设loader.html中已经写好了你所需要的部分
//index.html中
<div id="loaderBox"></div>
//在index的js中写入:
$("#loaderBox").load("路径/loader.html")
功能快捷键
然而在实际使用中,控制台会弹出一个警告
WARNING:Synchronous XMLHttpRequest on the main thread is deprecated because of its
detrimental effects to the end user's experience
根据实践得出了一点处理方法,今天分享出来,望个位大佬指教
- 调整在loader.html中的引用。loader中最好只有html的内容。css和js部分的引用,都放到index.html中进行。
- 这样控制台就不会报警告,并且页面的刷新速度会有明显提升。