gitee、github、maven图标
人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》 朋友问我stream-query官网这个图标怎么搞： 实际上是这样一个网站生成的：https://shields.io/ 比如我这里搜maven： 可以看到下方的示例，我们点击下面的图标，弹出一个框 填好配置即可 点击Copy Badge URL就可以使用啦！ 1https://img.shields.io/maven-central/v/io.github.vampireachao/stream-query?color=%23ff&label=maven%E4%B8%AD%E5%A4%AE%E4%BB%93%E5%BA%93
js让光标选择节点中部分文本
我走得很慢，但我从不后退。——林肯 如题，代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="container">ruben</div> <button>r</button> <button>u</button> <button>b</button> <button>e</button> <button>n</button> &...
2.7版本spring.factories弃用
手我是有的，就是不知如何碰你。——顾城 之前我写过一个编写一个spring-boot-starter-fastjson 今天看了一下，新版本的spring2.7，已经弃用了spring.factories 最新版的写法为： 也就是说： 里面配置放包名即可
konva实现双击编辑富文本
那一天我二十一岁，在我一生的黄金时代，我有好多奢望。我想爱，我想吃，我想在一瞬间变成天上半明半暗的云。——《黄金时代》 完整代码放到了：https://gitee.com/VampireAchao/simple-konva-html 主要是这个文件 https://gitee.com/VampireAchao/simple-konva-html/blob/master/richtext-dragable.html 思路来源：https://konvajs.org/docs/sandbox/Rich_Text.html 主要思路： 1.双击时创建(我这里是隐藏显示再定位)富文本dom节点 2.通过htmlToCanvas转换html为canvas 3.使用Konva.Image渲染 效果还是蛮不错的，能做polotno的类似案例
vavr
你的地图是一张白纸，所以即使想决定目的地，也不知道路在哪里。——《解忧杂货店》 分享一个java函数式库，简介我们的代码：https://www.vavr.io/ 首先我们引入： 12345<dependency> <groupId>io.vavr</groupId> <artifactId>vavr</artifactId> <version>1.0.0-alpha-4</version></dependency> 文档：https://docs.vavr.io/ 例如以前我们编写类似代码： 1234int divide(int dividend, int divisor) { // throws if divisor is zero return dividend / divisor;} 可能会抛出除0异常 使用vavr： 1234// = Success(result) or Failure(exception)Try&l...
vue2配置vite
天可补，海可填，南山可移。日月既往，不可复追。——曾国藩 本篇博客针对新vue2项目，老项目就先不说了哈哈(坑太多) 首先新建一个vue2项目 1vue create simple-vue2-vite 选择Default ([Vue 2] babel, eslint) 1234567891011success Saved lockfile.Done in 3.92s.⚓ Running completion hooks...📄 Generating README.md...🎉 Successfully created project simple-vue2-vite.👉 Get started with the following commands: $ cd simple-vue2-vite $ yarn serve 安装完毕后我们进入，执行 12cd simple-vue2-viteyarn serve 可以看到正常运行： 我们首先安装vite 1pnpm i -D vite vite-plugin-vue2 根目录新建一个vite.config....
chrome复制、导出请求
一个人的行动，比他所说的话，更有详细的表现。——卡耐基 可以通过右键点击我们的请求，进行重放，这样就能发起相同的请求 也可以复制出来，例如以fetch格式复制 复制出来后，粘贴是这个样子： 1234567891011121314151617181920fetch("https://api.bilibili.com/x/space/acc/info?mid=34830549&jsonp=jsonp", { "headers": { "accept": "application/json, text/plain, */*", "accept-language": "zh-CN,zh;q=0.9", "cache-control": "no-cache", "pragma": "no-cache", "sec-c...
fokus
死亡，就是你加上这个世界，再减去你。——卡尔维诺 分享一个好玩的开源项目，演示地址： https://lab.hakim.se/fokus/ 代码仓库：https://github.com/hakimel/Fokus 演示效果： 当我们在页面上框选时，会在页面上加个蒙版，高亮框选区域 使用方式，首先下载fokus.min.js 官方链接 备用链接 然后引用 1<script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...
opencc4j
“不用给我爱，不用给我钱，不用给我声誉，给我真理吧。我们应该有勇气去面对真实的内心，即使前面荆棘满地，也要坚定地走下去。为了不浪费你的这一辈子。”——梭罗《瓦尔登湖》 分享一个java简繁转换的库opencc4j https://github.com/houbb/opencc4j Group ArtifactId Version 12345<dependency> <groupId>com.github.houbb</groupId> <artifactId>opencc4j</artifactId> <version>1.7.2</version></dependency> 使用起来： 繁简体转换转为简体123String original = "生命不息，奮鬥不止";String result = ZhConverterUtil.toSimple(original);Assert.assertEquals("生命不息，奋斗不止...
overflow和动态计算高度
人们总会找到某种带头人,把他供奉起来,培养成伟人……暴君就是这么来的;暴君最初都是以保护者的形象出现的。——柏拉图,《理想国》 首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/overflow 其中对overflow进行了描述： CSS 属性 overflow 定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。它是 overflow-x 和overflow-y的 简写属性 。 重点在这里： 为使 overflow 有效果，块级容器必须有一个指定的高度（height或者max-height）或者将white-space设置为nowrap。 那问题来了，我这里有一个折叠面板 我希望这里多个折叠面板每一项的头部都能显示在页面中，并且其子项能够适应屏幕高度和折叠情况变化 为了实现上面的效果，我们需要在每一个折叠面板子项中设置overflow-y:auto，然后给其设置height或者max-height 我们知道css中有个计算函数calc可以计算我们的高度，这里的卡片为了保证屏幕自适应，可...