前端组例会纪要20220414

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

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

    **

    一、会议议程
    1、用户体验优化提升- 速搭项目
    2、代码及界面审查 - 架构治理
    3、前端分享日 - 齐继超《前后端分离式开发》

    二、会议纪要
    1、【用户体验优化提升】速搭首页小细节分享 - 魏孟皓

    • 应用市场切换后动画效果闪动后显示
    • 修改为通过v-show控制字体显隐后在执行动画
    • 使其动画更加顺滑，体验效果更佳

    2、【代码及界面审查】架构治理治理门户页面 - 彭从豪

    • 存在各种命名规范性问题
    • 基础编码能力水平需提升
    • 代码组织方式代提升和优化 ```vue
      1.       datable1: [], 
      2. datable2: [], 
      3. datable3: [],
      4. datable4: [],
    2. - 渲染table表格遍历数据优化，使用element中自带的属性
    3. ```vue
    4. //查询菜单列表
    5. if (res.data.retCode == 200) {
    6.   res.data.data[0].classList.map(item => {
    7.     this.tableData.push({
    8.       power: item.menuName,
    9.       name: item.contributorName,
    10.       date: item.shelfTime,
    11.       href: item.url,
    12.     });
    13. });

    • 方法请求参数优化，相同参数定义一个变量解决

      1.       this.getSingleTarget(2021);
      2.   this.getGoalTarget(2021);
      3.   this.getPlanTarget(2021);
      4.   this.getSingleList(2021);
      5.   this.getPlanList(2021);

    • 谷歌最小字体为12px，设计稿出现小于12px的设计

    4、【代码及界面审查】速搭项目上线功能代码review - 刘金萍

    • 输入框等组件做防重复提交功能（无问题）
    • 跳转外部链接后加页面分享参数（无问题）

    5、【前端分享日 】前后端分离式开发分享 - 齐继超
    目前部分项目还在存在前后端较强耦合、人员配置不均衡，团队协作效率低下等问题。本期分享主题围绕打通工作流程，解放前端开发，提升团队开发效率等痛点。重温前后端分离的架构思路、工作流程的改变，前后端分离的最佳实践，相关实施规范等内容。并讲解GIS系统前后端架构的源码解析。

    6、【前端分享日】GIS版本的纯前端运行代码分享 - 齐继超
    GIS版本的纯前端运行版本，不依赖于后端，可以直接运行开发调试，前后端分离式开发思路，可大大提升80%的开发效率，可以相互学习。

    三、资料截图
    image.png
    image.png

    四、现场照片
    image.png