摘要:
一,工作需求,展示几类数据关系,可缩放大小,可拖拽位置,在节点之间的连线上展示相关日期,每个节点展示本身信息,并且要求每个关系节点能点击。 实现情况如图所示: 二,实现过程中遇到的问题: 关系图完美呈现,但关系节点点击后,整个关系图会杂乱无章的浮动,导致不知道点击了哪个关系节点。 三,解决思路,等关 阅读全文
摘要:
配合表单使用的颜色选择器:https://www.jianshu.com/p/b7bc59146058,原文react hooks版本的,我改成的class函数版本的。 1.安装: npm install react-color --save 2.封装:colorPicker.js import R 阅读全文
摘要:
官网上关于LogicFlow绑定事件的案例,是通过字符串拼接的方式写的,今天我用在react 中用html元素的的方式换一种方式来绑定事件。 customNode.js 官网案例的书写方式。 官网案例地址:https://codesandbox.io/embed/logicflow-step7-dp 阅读全文
摘要:
前端上传zip文件, 不同浏览器解析的文件类型不一样 今日份,遇到一个坑, 发现同样是谷歌浏览器,但是上传zip文件的解析文件类型却跟其他电脑的不一样,纳闷了。经调试,发现 zip文件 firefox : application/octet-streamchrome : application/oc 阅读全文
摘要:
在webstorm开发前端代码,发现之前的代表被大面积标红,提示的意思是在js文件中写了jsx 语法。经过查找发现,改一下编辑器的配置就好了。编辑器的设置窗口打开命令,command +, 阅读全文
摘要:
导出后端的文档流,如果不需要加token,直接a标签链接上就行。 需要加请求参数,写法如下: <Button style={{ float: 'right', marginTop: 6 }} onClick={()=>{ fetch(`/api/v1/syncstatus/down?job_id=$ 阅读全文
摘要:
最近有个导出pdf的需求,写好之后分页出现字体,表格被截断的问题,影响美观,需要解决。 经过多方查找,发现一个比较好的思路,设置背景色为白色,然后转成图片后,获取截断处图片像素点,从截断处往上一行行扫描像素点颜色,碰到这一行颜色都是全白的,代表是从这里开始截断,将这个高度开始将往下的内容都放到下一页 阅读全文
摘要:
当后端返给前端的数据层级很深,前端去获取的时候,往往会因为数据缺失而导致页面崩溃。 这里我封装了两个函数,一个是判断深层级数据是否存在,另一个是获取深层级的数据。 // methods.js function actionGetExistedOfValue(value) { return [null 阅读全文
摘要:
需求:最近有个需求,需要导出一份报告文档,有封面页和内容页,封面页内容不多,需要作为pdf单独的一页,内容页的内容很丰富,一页展示不完,那就需要分页展示。 思路:我的实现方法是封面页作为一个元素,内容页作为一个元素,内容页通过pdf分页后和之前的封面页组合在一起,就成了一份完整的pdf报告。 实现: 阅读全文
摘要:
工作中,需要导出一个表格,后端直接返回的list数据,需要前端自己导出。这时候我们可以使用插件; 可以在项目的package.json的dependencies加入一句 "xlsx": "^0.16.9",然后下载,也可以直接 npm install xlsx --save; 在使用的时候,需要对插 阅读全文