“loading 加了吗？加了。”这是交接任务时最常听到的一句答复。但列表页的“加载中”从来不是一件事。首次进入页面要等首屏数据，翻页和查询要等表格数据，点保存要等提交结果。这三个“忙”发生在不同时刻，持续不同时间，也由不同动作结束。如果它们共用一个布尔值，麻烦就从这个共享点开始。一个 loading 值，其实背了三种不同的等待页面级的等待，起点是页面挂载，终点是首屏数据就绪。它要挡住的是整页空白，遮罩一关，页面就完整了。表格的等待，起点是某次查询、翻页或刷新，终点是这一批数据返回。它只关心表格区域，页面其它部分早就能用。按钮的等待，起点是用户点击，终点是这次提交的响应。它最担心的不是页面空不空，而是用户手快连点两次。三个等待的生命周期各不相同。共用loading时，任意一个请求结束都会把遮罩关掉，另外两个还在等的请求就失去了提示，或者更糟——它们自己也被顺手判成了“已完成”。第一种错位：谁先回来谁关灯两个列表请求并发时，遮罩只开了一次，却可能被第一个返回的请求提前关闭。假设进入页面触发首屏查询，用户又立刻点了翻页。首屏请求还在飞，翻页请求也发出去了。响应拦截器在任意请求 settle 时统一把loading置 false，那么翻页先回来，遮罩就关了，首屏数据其实还没到。当前web-skills的请求封装里，loading、dialogLoading、btnState三个状态在响应拦截器里是同时被关闭的。这带来一个判断点：当两个请求共享同一个全局 loading 时，先返回的请求会替后返回的请求关灯。封装本身没错，错在没有为“同一时刻可能有多份等待”留出计数或归属。第二种错位：旧响应关掉了新请求的提示翻页两次，第一次的请求慢，第二次的快。第二次返回、数据已经提交到表格，遮罩也关了；随后第一次的旧响应返回，又把全局 loading 设回 false。/
“loading 加了吗？加了。”这是交接任务时最常听到的一句答复。但列表页的“加载中”从来不是一件事。首次进入页面要等首屏数据，翻页和查询要等表格数据，点保存要等提交结果。这三个“忙”发生在不同时刻，持续不同时间，也由不同动作结束。如果它们共用一个布尔值，麻烦就从这个共享点开始。一个 loading 值，其实背了三种不同的等待页面级的等待，起点是页面挂载，终点是首屏数据就绪。它要挡住的是整页空白，遮罩一关，页面就完整了。表格的等待，起点是某次查询、翻页或刷新，终点是这一批数据返回。它只关心表格区域，页面其它部分早就能用。按钮的等待，起点是用户点击，终点是这次提交的响应。它最担心的不是页面空不空，而是用户手快连点两次。三个等待的生命周期各不相同。共用loading时，任意一个请求结束都会把遮罩关掉，另外两个还在等的请求就失去了提示，或者更糟——它们自己也被顺手判成了“已完成”。第一种错位：谁先回来谁关灯两个列表请求并发时，遮罩只开了一次，却可能被第一个返回的请求提前关闭。假设进入页面触发首屏查询，用户又立刻点了翻页。首屏请求还在飞，翻页请求也发出去了。响应拦截器在任意请求 settle 时统一把loading置 false，那么翻页先回来，遮罩就关了，首屏数据其实还没到。当前web-skills的请求封装里，loading、dialogLoading、btnState三个状态在响应拦截器里是同时被关闭的。这带来一个判断点：当两个请求共享同一个全局 loading 时，先返回的请求会替后返回的请求关灯。封装本身没错，错在没有为“同一时刻可能有多份等待”留出计数或归属。第二种错位：旧响应关掉了新请求的提示翻页两次，第一次的请求慢，第二次的快。第二次返回、数据已经提交到表格，遮罩也关了；随后第一次的旧响应返回，又把全局 loading 设回 false。/
