F2之tooltip重复展示问题 发表于 2021-05-20 | 分类于 前端 | 评论数: | 阅读次数: 背景F2是阿里出品的专门为移动端数据可视化方案,在移动端做图表展示的时候可以较好的展示。 当展示面积图时,配合使用的tooltip会展示重复的信息,如下图所示: 问题原因先查询下github上F2项目的issue,可以发现这是个存量的bug https://github.com/antvis/F2 ... 阅读全文 »
css之元素换行处理 发表于 2021-05-06 | 分类于 前端 | 评论数: | 阅读次数: 需求根据后端返回的列表长度,渲染出N个方块。5个方块一行,超过5个则自动换行。 最终效果如下: 实现方法使用元素换行,重点在于需要给外层的容器固定宽度,然后采用flex或float均可实现。 使用flex布局,结合flex-warp进行换行。参考代码如下: 1234567891011121314 ... 阅读全文 »
Mybatis之tab的坑 发表于 2021-02-12 | 分类于 java | 评论数: | 阅读次数: 背景最近在springboot项目中,拉取最新代码后运行报了个mybatis的错。 1Error creating document instanc. Cause: org.xml.sax.SAXParseException:.... 排查解决根据报错,应该是mapper.xml有问题。 用ide ... 阅读全文 »
Error异常捕获方法 发表于 2021-02-04 | 分类于 java | 评论数: | 阅读次数: 背景在调用Class.forName(name)方法后去java类的时候,当该类不存在时,会报出错误,而且没有被捕获到。 12345try{ System.out.println(Class.forName("xxx"));}catch(Exception e) { S ... 阅读全文 »
prettier版本导致无法编译问题 发表于 2021-01-29 | 分类于 JavaScript | 评论数: | 阅读次数: 问题现象今天在vscode写代码的时候,ide提示paas这个单词拼写有误,于是顺手通过vscode自带的问题修复,将paas加入到用户词典。然后问题就出来了,保存之后vscode自动重新编译就提示失败,报错信息如下: 1234Failed to compile with 1 errorsThis ... 阅读全文 »
本地MD5校验文件一致性 发表于 2021-01-11 | 分类于 工具 | 评论数: | 阅读次数: 背景计算文件的MD5值是广泛用在下载和传输过程中的,用来比对两个文件是否一致,或者是否有被篡改。比如你将某文件传递给另一个人的时候同步提供该文件的MD5值,那么对方收到后可本地计算下收到文件的MD5值,确认是否收到的文件一致。 本地计算文件MD5的方法Windows MD5校验方法可使用系统自带的C ... 阅读全文 »
nginx缓存实践 发表于 2020-11-23 | 分类于 中间件 , nginx | 评论数: | 阅读次数: 背景Nginx可作为前端静态的部署容器,也可作为代理服务器。在做为代理服务器的时候,可以通过配置缓存将代理内容缓存在本地,从而加速后续的访问。 配置方法及说明 http模块部分 1234567891011121314151617181920212223 #gzipgzip on; #开启g ... 阅读全文 »
PowerMock之Checked exception is invalid for this method 发表于 2020-10-29 | 分类于 java | 评论数: | 阅读次数: 背景在调用第三方RPC接口时,该接口未声明异常,但可能由于网络或者其他原因导致运行异常,故手工增加了try…catch…来进行异常处理。 故在使用PowerMock进行单元测试时,需要对这个未声明异常的方法进行Mock抛出异常。 开始代码如下: 1PowerMockito.when(rpcServi ... 阅读全文 »
nginx提供文件共享下载及中文乱码问题 发表于 2020-10-28 | 分类于 中间件 , nginx | 评论数: | 阅读次数: 背景经常会有将本地文件目录通过web方式共享出去的需求,发现nginx自带了这方面的功能,可以快速提供网页版的文件浏览器。 配置方法在nginx的配置文件中进行如下配置: 123456789101112server { listen 2333; server_name localhost; ... 阅读全文 »
vue-cli工程启动异常问题:no-octal-escape.js:41 发表于 2020-07-09 | 分类于 前端 | 评论数: | 阅读次数: 背景在使用vue-cli脚手架工具进行项目搭建时,按照官方教程完成搭建运行时,竟然启动报错了,报错信息如下: 12345678error in ./src/main.jsSyntax Error: F:\test\node_modules\eslint\lib\rules\no-octal-esca ... 阅读全文 »