很多时候我们会通过记录cookie的方式来记录用户的最后一次行为,但是对cookie的处理是在js中进行的。
但通常情况下,html、css都要早于js加载完成,并且可能在js生效之前就已经渲染完成了内容。可渲染完成的内容并不一定就是cookie中所记录的需要展现的内容,就会造成从一种内容跳转到另外一种内容的状况。
解决方案:
1、在该模块解析之前发送一条同步请求,请求返回之后根据js中的cookie记录进行展示。
同步请求会阻塞页面的解析
2、将该模块的内容方式textarea,等待js加载之后判断展示textarea中的内容还是重新发异步请求去加载cookie中记录的相应数据。
不会阻塞页面但需要更长的时间才能展现出内容。
3、不预先加载任何模块。
4、将预先加载的模块放入textarea,使用页面内的script取出cookie,并发送异步请求,使用$.when("..js", "..ziyuan").done()的形式,等待js和资源同时加载完成之后执行
个人倾向于第四种方案,可以将原本串行的请求改为并行,提高加载速度。