前端组例会纪要20220421

    Hi，以下是本周的周会纪要，请查阅

    参会人员 刘心瑜、刘金萍、王慧敏、魏孟皓、彭从豪、齐继超
    本周分享 无
    本周评审 速搭项目组
    例会主席 本周：王慧敏 下周：彭从豪

    **

    一、会议议程
    1、主动学习分享
    2、代码审查- 速搭项目
    3、前端学习路线分享

    二、会议纪要
    1、【学习分享】vue代码优化 - 魏孟皓

    • 判断条件优化、列表搜索、数组扁平化、判空合并运算符(??’ ‘)等；

    2、【代码及界面审查】二维码上图片居中样式-刘金萍

    • 通过比较上传图片的大小设置图片为水平居中或垂直居中

    • 可以考虑使用设置成背景图片再进行居中放置

      1. judgePicture(val) {
      2.   let img_url = val;
      3.   let img = new Image();
      4.   img.src = img_url;
      5.   // 判断是否有缓存
      6.   if (img.complete) {
      7.       this.icoHeight = img.height;
      8.       this.icoWidth = img.width;
      9.       if (Number(this.icoHeight) > Number(this.icoWidth)) {
      10.           this.isWidHeig = false;
      11.       }
      12.   } else {
      13.       img.onload = function () {
      14.           this.icoHeight = img.height;
      15.           this.icoWidth = img.width;
      16.           if (Number(this.icoHeight) > Number(this.icoWidth)) {
      17.               this.isWidHeig = false;
      18.           }
      19.       };
      20.   }
      21. },

      3、【学习建议分享】前端技术学习路线-齐继超

    • 学习路线图（初级-中级-高级）

    • 学习路线包括前端基础、研发工具、浏览器、研发链路、工作原理、性能优化等；

    三、主动学习及疑难案例分享

    《vue代码优化》- 魏孟皓
    https://www.yuque.com/xg44nv/falpki/tedgg2

    四、资料截图
    image.png

    五、现场照片
    d823fbab7455a4b50c90cfaa7ae0de6.jpg