『前端实习笔记』12月 第4周

日记

12.21

• 任务：修改bug
• 过程

1. bug1：语言，上周遗留问题。就是逻辑判断问题，然后这里是async函数，需要在promise的回调里return回去
2. bug2：二级页面刷新回到一级，上周遗留问题。看了vuex-iframe-sync，这个库就是在多个iframe之前MVVM同步数据，利用多个vue实例，里面分别有vuex，不符合我们的需求。
3. bug2定位：最终问题定位到，iframe问题，iframe点击后，虽然其src和id属性更改，但是更改没有反应到父级页面的URL上，因此刷新后会不在二级页面，在一级。
4. bug2思路：在vue运行过程中获取顶级window作用域，获取dom，手动挂载window.location的href/hash。这里拼字符串和模式匹配用了好久，因为用了两层hash。这个问题很难解决，最终是由leader写好的
5. 学到的东西
   1）DOM和CSS相关的尽量用Chrome/Firefox调试，不用再去代码里写好再改
   2）使用LENS工具直接操纵远程服务器，修改，调试。要用vi编辑器，我还用的不是很熟，记住了i是输入，esc退出输入，:q!退出不保存，:qa退出保存
   3）善用解构：
   const d = a.b.c.d;
   不如
   const { d }