04/06-04/08 第一周
- 在本周完善了优化了大屏画面的部分显示效果,悬浮时候水波纹效果隐藏,并且提高了悬浮时候展示水波纹的响应速度。(在vue中不适用ref()去定义数据,这样echart的响应速度会变快)
- 地图的整体移动和放大缩小拖拽效果可以做,也不是特别麻烦,但是告诉提前没有调查好,和设计说不好做,下次还是要调研清楚,虽然没啥影响。设计是在问完我之后做的设计稿,所以没啥影响。
- 红蓝条的底部位置对齐,换了一种思路,根据size大小调整了他们的初始位置。
- 配置了axios,和代理服务器解决跨域问题(vite创建的项目需要在vite.config.ts文件中配置,而不是vue.config.ts,这个是vue.cli创建项目的配置文件,弄这个花了快三个小时)
- qs
- 配置路由
周总结
1.思路问题,偏移量调不通可以去修改对应的起始位置(红蓝条底部对齐)
2.算是从0搭建的项目,回顾了很多配置文件的问题。
3.调研技术提前调查好。
4.对echart更熟悉了。
5.这周只有三天,前两天一直在等新的页面设计稿,所以优化了一些代码,没有很多的工作量。
04/11-04/15 第二周
- 本周配置了vue项目路由,完成了新大屏画面,解决了部分问题。
- echart象形柱状图想要实现以下效果,需要三部分,第一部分是整体的柱状图,颜色采取渐变的形式,第二部分是灰色方块区域,横向排列一部分,第三部分是蓝色小方块,把柱状图隔离出来,达成色块均匀排列的效果。
- 象形柱状图部分的小小算法
- 跳转功能和标签亮色功能
- ecahrt柱状图和折线图,图例部分起名字才可以对应不同的色块。
- 性能优化水波纹,数组去掉ref
- 写整体hook的时候,可以直接在文件中写onMounted和onUnMounted方法,这样导出方法后不需要每次都在页面的生命周期中使用。
- 修复bug跳转时候绘制两个地图的问题,没有完全弄明白是什么问题,推测可能是dom没有强制刷新,给dom节点上绑定了一个key值,强制其刷新后位置解决,key值使用
date.getTime方法。 - 拷贝之前项目的配置信息,登录和登出方法和登陆画面。
周总结
1.写hook时候要注意通用方式,dom强制刷新问题。
2.配置的很多东西看不懂,还是自己经验少,现在职能配置简单的配置项,等之后再慢慢学习,现在只是把之前的项目配置拷贝下来使用。
3.我还没写过登录啥的,之后要写一次,看到的课程也快到这部分知识了,另外对于小d课堂快要出的前端大课比较感兴趣。
4.周三请了一天假去看病,急性咽炎,嗓子实在痛的受不了,口水都吞不下去,遭罪,身体还是最重要的。
04/18-04/22 第三周
- 修改代理服务器设置,修改悬浮图表不显示tooltip的问 www.cnblogs.com/zhanglw456/…
- 获取所有接口数据,更改结构后,由父传子组件。
- 修正了十多个bug。
- 独立尝试了打包,部署是别人做的,打包很简单。
- 参加前端培训:onMounted这种生命周期钩子可以在vue3中写很多个。
- 要提前和产品确定业务。
周总结
劳累的一周,基本都是对接数据和修正bug,后台数据总变化,导致改来改去的情况。 ...持续更新
04/24-04/29 第四周
这周五一串休工作六天。主要是修复大屏项目出现的bug
-
一些小bug就不记录了,最主要的是一项,没有和产品沟通好导致的问题。和设计确认的页面上使用年选择器,快要上线的时候产品来说不行还是要使用月份范围选择器。并且要求还很多,导致自己疯狂加班。 使用的是ant-desgin-vue的时间范围选择器,想要初始默认当前年份1月到12月,然后选择好开始时间和结束时间后自动填写对应的结束时间和开始时间并且关闭日期弹窗,要求是12个月。这里遇到了一个坑,因为该控件在vue3中使用的是dayjs处理时间格式,用起来不是特别熟悉,在更改数值的
$y和$M后,发现对应的时间并没有改变,后来发现还有个$d的属性,必须把该时间也改成对应的日期才会生效。
再就是感觉ant-desgin-vue这里的官方文档写的有点乱,有些属性都不知道怎么用,而且百度起来也没多少参考。 calendarChange | 待选日期发生变化的回调 | | -------------- | -----------
使用这个api监听日期变化,但是我想具体监听到我选中的是开始时间还是结束时间,这个我不知道是自己使用的问题还是没提供对应的api,最后我是加了一个点击事件,判断点击区域去区分选中的开始时间还是结束时间。然后是openChange | | ---------- |
需要和open属性一起使用,来判断逻辑,以及填充完对应日期自动关闭弹窗等。
下午萌哥给发了一份资料,之后公司想要自己发布一个脚手架,暂时我来看看。还是蛮感兴趣,并且博客步骤也很全。下周有空做。 ps:明天五一假期,假期愉快,dou5比赛加油!拿到冠军!!!
05/05-05/07 第五周
- 本周只有三天并且一直在等待新画面的设计稿。
- 封装了自己公司的脚手架,遇到的问题也进行了总结
- 参加了ts知识和地图组件培训
- 过了一遍ts文档
周总结
了解了脚手架的创建过程,和ts一些忘掉的知识,自己用ts还是不是很熟悉,得多用。另一个公司地图封装的很牛厉害,功能很全,还有发现的宝藏后台管理系统VbenAdmin,做的很好。在这预测一波,后续这个项目会大火。
05/09-05/13 第六周
- 地图由淄博市改为中山市
- 考虑到地图后面可能会因为事业部而频繁变更,所以需要经常变动,就修改了一下文件使得后面如果有变更需求就可以做到很快更新。这里主要改动的点是将自己定制得散点图修正为从geojson文件中拿,找到对应的centerid即可。另外散点也要改成根据地图进行绘制。
- 新项目登录功能和画面,根据设计稿重新修改了登录画面和登录功能。
- 看了一部分技术博
05/16-05/20 第七周
- 跟着者也教程看了一下封装表单组件部分
- 完善了登录逻辑,加入token
- 大屏画面按照原型图做了一遍,这个设计稿一直没给,之能先把功能完成之后再修改画面。
者也教程封装组件那里有一部分没有看懂,还是需要继续了解下。
05/23-05/27 第八周
- 本周根据设计稿完成了大屏画面原型,其中不乏发现一些问题,对于数据处理这里自己还是有些弱,或许多刷刷算法题会有帮助,但是自己就是有些懒。多做一些这样的工作应该会好些,期待后面的oa系统项目。
- 上周对于者也中vue3的父子组件的数据双向绑定和使用其他组件的方法也弄懂写法了。
- 对于项目开发的基本流程也都走了一遍,就是目前权限管理和表单这部分处理的还少,等oa系统项目就可以锻炼到了。