我的美丽实习日记day40

本日总结

• 甘肃宽带感知

  • 硬了，拳头硬了

    • 我在day33就提过“太搞笑了，把数据全部扔给前端做分页”

      • 结果现在因为现场环境数据量太大导致加载极慢
        • 害得我内容宽度控制方法也失效
      • 结果现在又得改回来，笑死人了

    • day38中后端接口微小改动，前端也跟着改了一下

    • 大体是模态框的一些数据不再另外请求，要从表格带过来

    • 噢，我的老天鹅，他又改回来了从模态框那边获取了

  • 这么朝令夕改本小小前端顶不住的呀！！！！

  • 优化：

    • 表格加载圈去掉，只留全局的圈

• 湖北传输综合运维

  • 周三—全路径运行质量分析（拓补分析）√
  • 周四—全路径质量管理（业务状态概览）（视图）
    • （业务状态概览）√
    • （视图）√
  • 周五—全路径环还原X3 √
  • 周一—稽查清单、网络结构分析
  • 周二—业务同路由安全分析、路径、端口利用率分析

• 遇到的困难

  • scroll如何居中？
  • 要先计算溢出元素的长度，再计算溢出元素容器的长度
  • 将两者相减除以二就是scroll的值
    • 说人话就是把溢出部分一分为二，然后把其中一部分扔到前面（想象显示溢出元素的窗口是不动的），然后就居中了

// 溢出元素容器
const topologyContainerWidth = document?.getElementById('topologyContainer')
                  ?.offsetWidth as number;
// 溢出元素
const topologyWidth = (document?.getElementById('topology') as HTMLImageElement)
                  ?.width as number;
// scroll值
 (document.getElementById('topologyContainer') as HTMLDivElement).scrollLeft =
                  (topologyWidth - topologyContainerWidth) / 2;

• 好忙哦，还有实习材料准备