关于前端:动吧日志模块分析

当点击首页左侧的”日志治理”菜单时,其总体时序剖析如图

点击"日志治理" 
会触发一个函数把log_list页面异步加载到starter页面，
log_list页面会主动触发函数把page页面异步加载到页面

1，点击”日志治理”函数

在starter页面中增加函数
function doLoadUI(id,url){
$(id).click(()=>{
$("#mainContentId").load(url);
})}
$(()=>{
doLoadUI("#load-log-id","log/log_list");
})
  2.在log_list页面增加函数
    $(function(){
 $("#pageId").load("doPageUI");
})

解析:

申明doLoadUI函数，传入的id注册click事件:
申明一个匿名自调用箭头函数
在id为mainContentId的外部异步加载url(load函数是jqurey封装的ajax函数)
2.在log_list页面增加自调用函数，在id为pageId的外部异步加载doPageUI

日志治理列表数据出现