自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 关于HTML导出word报告的问题(地图、图表)

关于HTML导出word报告的问题(地图、图表)前提产品上一个需求,就是做一个分析报告,报告里包括生成的(ol)地图,(echarts)图表,(table)表格和问题描述等。。用到的组件:"ol": "^6.8.1","ol-ext": "^3.2.6","html-docx-js": "^0.3.1","html2canvas": "^1.3.2","element-ui": "^2.15.6",问题其中问题最少的就是图表了,基本上只要能把canvas转图片就好了table的问题

2022-02-13 13:46:02 735

原创 【个人笔记】vue+xterm.js+novnc实现终端交互和远程桌面

最近公司有一个项目需要实现页面终端交互,另一个是连接VNC,终端一开始是使用webshell实现的,如果直接用webshell的话,因为是前后端分离就避免不了要用iframe去嵌套,VNC同样,所以就把webshell更换成xterm.js,VNC更换成novnc,两个插件把iframe去掉了,此处做一个记录由于xterm.js官方还是比较坑的,没什么比较完整的实例,在网上搜索的资料很多没有表明...

2020-04-25 22:08:44 4905

原创 【个人笔记】关于and design of vue 使用G2图表的问题

公司有个项目选型的时候我脑子一抽,选了vue+antd+G2,然后踩了一脚的G2,差点摔死,当然G2也有它的优点,例如自适应问题它就有一个forceFit api提供给你,对比echarts也是比较方便的,但是它也不是万能的。。。//我们来配一下G2drawiops(){ this.chart = new G2.Chart({ //把创建的G2图表赋值给C...

2019-12-17 15:25:50 1434

原创 【个人笔记】Vue和React的简单路由拦截

之前一直基本都是用Vue开发,后来有几个项目改用React,实话说React做图表类后台监控确实真香,组件开发和Jsx语法也有点香的味道,不过相比之下。React的路由就没有Vue的舒服。React-router不像Vue-router那样简便,很多东西需要自行去写,也没有提供类似于router-beforeEach的路由守卫,而React要实现路由守卫需要自己去写,基于我的项目我发现了一种比较...

2019-12-16 22:34:30 206

原创 【个人笔记】记js find和es6 filter真香

开发中经常遇到要判断接收到的值是否能匹配json里key为id的值,之前自己用的方法实在太蠢了,去循环判断。。。。eg: const data = this.datajson.find(({id})=>data === id)...

2019-12-13 10:03:11 153

原创 【个人笔记】关于ant design的form表单

最近有一个项目正在迭代,这次迭代除了技术栈没换,其他都是新的,ui也换成了ant design,自从放弃了bootstarp之后转手使用过layui,elementui,iview到现在得antd,实际上iview跟antd得用法是比较相似得,但是由于公司得项目需求有大量的图表,当时转到antd是发现ant的生态比iview的好,有比较强大的可视化工具库,这吸引了我的眼球,例如g2的使用虽然看着比...

2019-09-07 22:37:28 410

原创 【个人笔记】用vue+iview做一个页面流程图(jsplumb)

在公司做一个项目,需求是用户根据自己的需求自定义一个流程图,流程图的每一步都用拖拽的方式,自己选择功能和完成连线,一开始就去选技术,找到了几个技术:go.js,g6,vue-task-node,jsplumb,jointjs等,最初想用g6,发现vue+g6的文档不多,开源而用得比较多的是jsplumb,所以我就在github上找到了一个比较适用的——easy-flow-master安利给大家,可...

2019-08-18 14:59:43 8685 23

原创 【个人笔记】elementui table组件分页的一个小问题

日前,在开发一个小项目的时候接收到后端小哥哥的一个反馈,悲惨的他兼职做了基础测试的事情,他跟我说你的table出现了一个小Bug,如果分页数在两页以上,当你删除非第一页的当前页的最后一个数据时,table不会返回上一页,即停留在当前页显示无数据,总得来说就是分页的数据总数正确,但是页数不对了,后来查到了一个解决方法,先记下来<el-table :data:'data.slice((curr...

2019-08-17 12:53:58 577 1

翻译 【个人笔记】Linux下的磁盘、RAID、iSCSI等操作

磁盘操作https://blog.csdn.net/Ayhan_huang/article/details/72801647软RAID介绍https://blog.csdn.net/ChenVast/article/details/77906712RAID和LVM的操作http://www.linuxdiyf.com/view_14496.htmliSCSIhttps://blog....

2019-06-13 12:07:48 349

原创 【个人笔记】部署grafana,略有不完整

安装go#官方下载go的包,解压tar zxf go1.11.5.linux-amd64.tar.gz#修改配置vim ~.bash_profileexport GOROOT=/usr/local/goexport GOPATH=/usr/local/progressexport PATH=$PATH:/usr/local/go/bin:/usr/local/progress/bi...

2019-05-13 09:57:03 274

原创 【个人笔记】docker基本操作

下载dockeryum/apt search dockeryum install docker查找docker镜像docker search node/xxx查看镜像docker imagesdocker ps进入容器docker exec -ti xxxxxxxxxxx(ID) bash安装你需要的环境Dockerfilevim DockerfileFROM...

2019-05-07 14:06:17 110

转载 【个人笔记】Ganglia

发现一个集群监控的可视化工具Ganglia,还不错https://www.cnblogs.com/yuki-lau/p/3201110.html

2019-04-25 16:42:46 847

转载 【个人笔记】中心化和去中心化分布式的区别

记录一个笔记明了的说明https://www.cnblogs.com/liinux/p/10045365.html#top

2019-03-13 19:52:22 1968

原创 记centos7.5 部署django做开发[个人笔记]

记centos7.5 部署django做开发[个人笔记]记录部署的过程先将linux上的python2.7升级成3.6按照下面这个文档升级顺利,https://blog.csdn.net/wwwdaan5com/article/details/78218277升级之后就开始部署https://www.cnblogs.com/djangocn/p/9538551.html,从第五步开始就可...

2019-03-05 22:31:49 141

原创 Centos7(无GUI)部署selenium自动化测试

Centos7(无GUI)部署selenium自动化测试方法一:添加一个chrome的repo源vi /etc/yum.repos.d/google-chrome.repo[google-chrome]name=google-chromebaseurl=http://dl.google.com/linux/chrome/rpm/stable/$basearchenabled=1gp...

2019-02-15 20:48:24 576

原创 当菜鸟面对http response 302

HTTP 302重定向的错被302迷了几天,都是菜鸟的锅。公司的一个项目,用的是vue,请求自然也就是用axios,最近后台说之前写的请求全部都302阻断了,后台接不到参数,我自然就懵了。F12一上手,我就发现,http请求全部都是option-&amp;gt;get(302)-&amp;gt;post(302),option不意外,是跨域都会发送的一个请求,实在不能明白get 302是怎么来的。我都没有写过...

2019-01-03 23:28:06 4653

原创 关于vue使用three.js+sprite的简便方法

关于vue使用three.js+sprite的简便方法做一个个人踩坑的小笔记,也希望帮到在坑中的小伙伴由于在公司做的一个项目,需要表现的很立体,所以老大让我做一个网页3d模型(webgl),后来又让我做模型对应的标签,头疼。对于我这样的菜鸟新手,用着vue的框架,导入three没什么,导入controls那些就会比较麻烦,需要另外再下载。这就让我很烦恼了,还好在Github上找到了vue-3d...

2018-12-31 15:33:26 1908 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除