xrk

实现数据监控的系统。有线图、柱状图、地图，并具有定时刷新的功能。 上一篇介绍了 1-6 部分。本篇将介绍一下剩下的 7-10 部分。 主要内容是 对数据的处理方式 和 整体的数据逻辑 。 望各位看官多提 建议和不足 哈，也希望能本篇能给需要人带来 启发。 成品效果图不方便发，还…

我们在页面展示时，为了更好的效果，一般使用了自定义的字体 @fant-face 。 之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。 本文只列出了引入本地字体，网络的字体由于实践不多，这里介绍就少一些。 一般的中文字体都要8-10M，相对于整个工程来说…

感谢支持。若不足之处，欢迎大家指出，共勉。 本文章采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

突然接到产品说要做一个数据监控的系统。有线图、柱状图、地图，类似于数据可视化的方式。 支持用户名、密码登录，默认显示一个维度数据，然后点击可钻取进入第二维度数据，再点击进入第三维度数据展示。 大致估摸着。。。 当然这不是要2周内，全做完。应该是完成步骤6。 相对于公司就我一个前…

图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。 由于浏览器的机制，使用window.location.href下载图片时，并不会保存到本地，会在浏览器打开。 这里为了交互体验，使用了element-ui的弹窗方式。将canvas画布放到了弹…

vue页面监听键盘鼠标等事件。 官方给的例子是在input标签中的，我们想要的效果是不使用固定标签。 这里定义了，键盘按出的时候的事件 和 鼠标滑轮滚动的事件。 这里根据addEventListener(event,function)的用法。 感谢支持。若不足之处，欢迎大家指出…

由前台导入Excel表格，获取批量数据。 根据一个数组导出Excel表格。 fileTemp这里定义了一下变量，指向最新上传的附件，起始定义为null。 这里发现控件file.raw是我们要用的File类型。 arr就是我们要的结果，是一个数组。每一个值是个对象，包含了code…

附件zip上传到服务器后，在页面中可直接查看zip中的文件内容，如：readme.txt。 在vue中引入，其中在JSZipUtils使用中this的指向进行了重定向。 row.downloadPath是附件的下载地址，con是txt中内容。 readme.txt是要查看的文件…