使用Pyecharts 过程中出现的问题

问题1:把script标签中的部分代码放在head中无法加载出来,某些代码必须放在body中才能正常加载

使用Pyecharts 过程中出现的问题_第1张图片

HTML的加载和渲染:

JS代码可能会改变DOM树结构,导致浏览器需要重新构建DOM树,so 要是加载嵌入式JS的话,浏览器会阻塞其内容的下载和呈现

window.onload和$().ready(function)的区别

window.onload是在dom文档树加载完和所有文件加载完之后执行
jquery中有$().ready(function),在dom文档树加载完之后执行一个函数(注意,这里面的文档树加载完全不代表全部文件加载完)
$(document).ready要比winndow.onload先执行
window.onload只能出来一次,$(document).ready可以出现多次

解答1

答:JS代码中的$(document).ready(function () {} 是在DOM树结构加载完毕后就执行,此时Pyechart 需要的图片之类的资源还没有加载完毕,所以将其放在head中呆滞程序无法跑通。通过上面的解释,其实可以在head标签中通过window.onload 来加载pyecharts 的代码
相关代码:pyecharts 可视化美食数据库数据

你可能感兴趣的:(前端)