0%

前端实习心得2 - 修复bug&添加功能

修复bug

修复深色模式下组件样式问题

  • 解决方式

    • 在高阶组件hoc中使用store里的数据,传进被包裹组件中,用classnames库动态判断是否为组件添加class。
      image-20210304141748579
  • 遇到困难

    • 困难描述:
      • 某个background color需要useDarkMode和highlight共同决定,而嵌套条件选择语句不被允许。
    • 解决方法:
      • 在该组件类中写了一个专门决定background color的函数并在return的组件的属性中调用。
        image-20210304143746664

修复lint问题

这个问题我没法解释,应该是改了一下版本。
image-20210304144241022

修复播放遮罩组件层级混乱问题

修复safari中组件层级z-index失效问题

修复学生端看不到教师课件输入文本问题

  • 解决方法
    • 学生端增加绘制文本函数
      image-20210304151753542

增加功能

增加镜像模式功能

  • 解决方法
    • store里增加useMirrorMode参数,在设置界面的提交动作里更新。
    • 样式中使用transform: rotateY(180deg)实现镜像翻转

增加通过配置进教室链接参数直接禁用学生的举手功能

  • 解决方法
    • 写了一个从url中通过参数名得到参数值的方法
      image-20210304163315136
    • 在index中调用它
      image-20210304163344640
  • 学到的内容
    • 如何从url中得到查询参数(BOM)