使用Pyecharts过程中出现的问题

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

HTML的加载和渲染&＃xff1a;

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

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

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

解答1

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