widget-20200321report

回到主页

Journal Club

本周认真学习了一遍 奇异值分解 并阅读了 特征值在PCA中的应用 的相关资料

  • 此为PCA整理之后写的md笔记：奇异值分解.md

  • 笔记部分截图如下：

  • 并做了技术分析报告

insight

其实还有一些地方没有理解，不过算了。这周明显感觉到时间不够用，打算后续不搞这些了，赶一下毕设的进度

Graduation project progress

本周主要在做status的实现：

注意这里的edit和del都是会双击隐藏的，目前便于调试就先没有隐藏

  • 之前右下角的箭头是grid自配的，太不明显了，我自己重写了一个。然后就是之前只有对准到灰色的线才会触发，现在把范围扩大到红色的框框。

  • 之前拖动widget的位置是只有上面一小块可以拖动，目前改成了除了按钮其余地方都可以拖动widget。

原本觉得调用一下组件就完事了，很快就能搞完。 做了之后发现问题贼多，不是很好做。。。

不好做的原因主要有（目前基本已经解决）：

  1. 由于modal页面在widget内部显示实在太丑了，所以提到了主页面上，单独写了一个component就变成了App.vue,status.vue和modal三个文件直接频繁的参数传递和函数继承调用，改动面积比预计的大，基本上都要改。。。

  2. 发现bulma的样式里没有阴影，所以自己写了一个，同时还要实现responsive还是挺麻烦的，后续的button的阴影打算最后有时间再做，没想到这么麻烦

  3. 之前的grid存在一些问题，比如高度改变之后，不能自适应，需要手动增大。这个查不到可借鉴的方案，最后去看了源码。发现把源码中的拖拽箭头的bottom改成auto的就可以实现item框的自适应，但是会出现新的问题，就是鼠标的坐标和箭头对不上。其实还是因为我感觉vue-grid这个东西根本就不支持这个功能，大家一般也不会在一个item里面写很复杂的东西，所以这个如果要实现就要自己写。目前的解决方案是，加大了初始的高度，并且加了背景色，尽量避免出现那样的情况。（不知道我说清楚没）

  4. 之前的widget拖拽框宽度缩小的时候，button的位置响应的不是很好，位置会对不齐和超过widget的范围。此为很小的情况，依然自适应良好。 这个主要是考虑到只显示数值的情况下，有一些widget就会很小

    insight

    因为交互比较多，感觉要做到流畅和体验良好还是有很多要注意的地方。算是初步摸了一遍，后面有些没那么必要的会放到最后做

Next Week

  1. 想在4月初把widget都改了

  2. 一边开始写毕设的论文（这周写了一点但是感觉不太行，文献看的不够）

  3. 其余计划照旧

本文章使用limfx的vsocde插件快速发布