collectingAndThen
向着清风吟唱的歌手,还会对着运转的宇宙歌吟。——纪伯伦《先知》 我们使用Stream收集操作收集元素时,会遇到对规则进行分组后,对每一组的数据还要进行处理的情况,这时候我们可以使用Collectors.collectingAndThen处理,例如我下面本来分组后得到一个Map<String,List<String>>,但我将分组后每一组的结果转换为了JSON格式的String 12345678910111213import java.util.Map;import java.util.stream.Collectors;import java.util.stream.Stream;import com.alibaba.fastjson.JSON;class Scratch { public static void main(String[] args) { Map<String, String> collect = Stream.<String>empty().collect(Collec...
image-comparison
人活在世,不过一场美丽的寄居。——简嫃曾 我们可以使用image-comparison来在java中进行两个文件的对比: 项目地址:https://github.com/romankh3/image-comparison 它会自动生成对比后带红框的对比图,还能返回这些正方形的信息 首先引入GAV: 12345<dependency> <groupId>com.github.romankh3</groupId> <artifactId>image-comparison</artifactId> <version>4.4.0</version></dependency> 使用: 123456789//load images to be compared: BufferedImage expectedImage = ImageComparisonUtil.readImageFromResources("expected.png"); ...
在单html页面中使用react并配置jsx
天空更适合仰望,而不是居住。——杜鲁门·卡波特 《蒂凡尼的早餐》 首先按照官方文档一分钟用上React以及快速尝试JSX,如果你不需要JSX,可以按照这个Demo去实现 我们在页面上放入这三个cdn: 123<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script><script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script><script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> 然后新建一个script标签并指定type="text/babel",例如: 1<script s...
linux查看版本型号
我喜欢我的懦弱,痛苦和难堪也喜欢。喜欢夏天的光照,风的气息,蝉的鸣叫,喜欢这些,喜欢得不得了。——《寻羊冒险记》 特意配置了三个系统的阿里云服务器,给大家看看这个命令的效果~ 1lsb_release -d 首先是centos 然后是Alibaba Cloud Linux 最后是Ubuntu
live server
用杜冷丁救场,药效却消亡。——《恋爱的犀牛》 在使用vscode进行开发的时候,我想运行一个html文件到浏览器中并热更新,就需要使用到Live Server插件了 在vscode安装完成该插件后,即可在html页面按下ALT+L再按一下ALT+O即可运行到浏览器 按下第一个键后会提示 再次按下ALT+O,即可运行到浏览器 我们查看元素是能看到我们的Live Server建立socket连接代码的 包括我们在vscode保存了一下代码,也是能看到ws请求的
Files.delete
终点线只是一个记号而已,其实并没有什么意义,关键是这一路你是如何走的。——村上春树 在java中我们除了用这种方式删除文件: 12345678File file = new File("D:\\file\\projects\\img-comparison-demo\\target\\generated-sources");if (file.exists()) { try { boolean delete = file.delete(); } catch (Exception e) { e.printStackTrace(); }} 还可以使用Files工具类: 12345try { boolean delete = Files.deleteIfExists(Paths.get("D:\\file\\projects\\img-comparison-demo\\target\\generated-sources"))...
photopea
我明知生命是什么,是时时刻刻不知如何是好,所以听凭风里飘来花香泛滥的街,习惯于眺望命题模糊的塔,在一顶小伞下大声讽评雨中的战场。——木心 分享一款在线ps的网站:https://www.photopea.com/ 非常方便~
配置Babel高亮插件
成人之美,君子贵焉;攻人之过,君子愧焉。——班固 我们可以按照官方文档进行配置:https://babeljs.io/docs/en/editors 官方文档列出了对应IDE的配置方式: 例如我这里用vscode演示: 找到vscode搜索该插件 安装后即可高亮显示 其余平台也一样,按照教程走就是了
react完成井字棋小游戏
人生就像迷宫,我们用上半生找寻入口,用下半生找寻出口。——朱德庸 上次说到我们按照官方文档体验了一下React 这次我们搭建本地react开发环境,首先需要将node升级到14以上并且npm需要5.6以上,这个去官网下载安装包覆盖安装即可 然后我们按照教程创建项目 1npx create-react-app my-app 注意 第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。 然后删除src目录下的默认文件,创建一个index.css以及index.js index.css 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px...
mysql导出导入
成熟意味着停止展示自己并学会隐藏自己。——《失踪的孩子》 官方文档:https://dev.mysql.com/doc/refman/8.0/en/backup-and-recovery.html 我们可以使用mysql自带的导出工具mysqldump进行导出,我们进入到mysql的bin目录,运行命令 1mysqldump -u[用户名] -p --default-character-set=[编码格式] --databases [数据库名] > [导出路径] 例如我此处的: 1mysqldump -uroot -p --default-character-set=utf8 --databases test > D:\file\tmp\xxx.sql 输入完毕后需要输入密码,我们输入就行了 然后我们可以在mysql客户端中使用source命令,首先连接mysql 1mysql -uroot -p 输入密码后我们切换到想导入的数据库 1use test; 然后使用source 1source D:/file/tmp/xxx.sql; 注意反斜杠转义问题...
