前端组例会纪要20220512
Hi，以下是本周的周会纪要，请查阅
| 参会人员 | 刘心瑜、刘金萍、王慧敏、魏孟皓、彭从豪、齐继超、许敏 |
|---|---|
| 本周分享 | 1. 资源共享平台分享-刘金萍 |
| 本周评审 | 速搭项目组 |
| 例会主席 | 本周：许敏 下周：魏孟皓 |
一、会议议程
1、主动学习分享
2、项目总结
二、会议纪要
1.【主动学习分享】搭建**资源共享平台并分享 - 刘金萍
使用vuepress创建的一个文档项目，用于存放可复用插件的整理及前端知识收集，插件文档相关包含，插件的介绍，插件的使用，插件的DEMO等。
2.【主动学习分享】大屏数据展示适配插件分享 - 刘金萍*
这是一款轻量级的大屏数据展示适配方案，最简单的一种全适配方案。设计只需要按照一种分辨率设计即可，比如19201080，做出的页面通过这个插件可以适配不同分辨率。大大节省前端适配工作。
- 比较轻量，不依赖其他库
- 参数配置灵活
3.【主动学习分享】数组为空进行异步渲染 - 彭从豪
数组渲染，数组为空时添加判断
//更改前<p class="hallTitle" style="font-weight:bold">{{twoTitle[0].name.sysName}}</p>//更改后<p class="hallTitle" style="font-weight:bold" v-if="twoTitle!=null">{{twoTitle[0].name.sysName}}</p>
4.【主动学习分享】深拷贝与浅拷贝实际案例 - 许敏
场景：修改弹框数据时，表格数据被同步修改
解决方案：JSON.parse(JSON.stringify(rows));
5.【项目总结】《浙江移动·微服务感知矩阵》平台项目总结 - 齐继超
1、现有资源整理：滚动、适配等问题
2、代码规范性问题存在代码冗余
- css规范
3、 解决代码规范性问题初步计划
- 代码组织方式：函数的封装
- 代码设计模式：vue代码设计模式、js设计模式
4、后续组件库封装
下拉菜单组件 Dropdown.vue
星云图组件 Network.vue
<br />**三、主动学习及疑难案例相关链接内容**<br />**1、《数组为空进行异步渲染》- 彭从豪**<br />[https://www.yuque.com/xg44nv/falpki/eu9igg](https://www.yuque.com/xg44nv/falpki/eu9igg)<br />**2、《深拷贝与浅拷贝实际应用场景》 - 许敏**<br />[https://www.yuque.com/xg44nv/falpki/ydwpze/edit?toc_node_uuid=_nphLoTD-5ShPEHb](https://www.yuque.com/xg44nv/falpki/ydwpze/edit?toc_node_uuid=_nphLoTD-5ShPEHb)<br />**四、现场照片**<br />
若有收获，就点个赞吧
0 人点赞
