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

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

点击"日志治理" 会触发一个函数把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

日志治理列表数据出现