拖动滑块验证
有事情是要说出来的，不要等着对方去领悟，因为对方不是你，不知道你想要什么，等到最后只能是伤心和失望。尤其是感情。——《麦兜》 效果： 源码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
css background图片
只有用水将心上的雾气淘洗干净，荣光才会照亮最初的梦想。——『百年孤独』 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 首先我们可以使用 1background: url(/img/oss/2020-06-01/head.jpg); 来指定背景图片 如果我们需要修改透明度，则可以使用其可以叠加的特性 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) 其次，我们可以设置拉伸效果和位置： 包含（表示不进行任何裁剪，多余的部分会空出，center是表示位置处于正中央） 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) center/contain no-repeat; 封面(以图片的短边铺满，会进行裁剪) 1...
Navigator.clipboard
人类侥幸拥有了智慧，就应该善用它。——王小波 惯例，MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/clipboard 注意该API只能在https或者本地开发环境生效 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后，才能使用异步剪切板读写方法。许可操作必须通过取得权限 Permissions API 的 "clipboard-read" 和/或 "clipboard-write" 项获得。 我们来写一段代码： 123456789<body> <div class="cliptext"></div> <script> ...
金朵希的谜题
阅读使人充实，会谈使人敏捷，写作使人精确。——培根 分享一个网站 可以解决斑马难题 这里是金朵希的谜题 出席晚宴的有温斯洛女士(Winslow)·马可拉医师（Marcolla)康提伯爵夫人(Contee)·奈子欧夫人(Natsiou)舆芬奇男爵夫人( Finch) 。所有女士排成一列就座。她们都穿著不同颜色的衣物,芬奇男爵夫人戴了一顶样式活泼的紫帽子·马可拉医师坐在最左边，旁边是穿著白外套的客人·身穿绿衣的女士坐在穿红衣客人的左边。我纪得那件缘色衣服，是因为这位女士把她的苦艾酒洒在上面了。来自拜勒腾的客人穿善一身蓝。其中一位晚宴贵宾炫耀她的鼻烟盒时，坐在她旁边的女士说她的故乡拜勒腾出产的更好接著柰子欧夫人亳出珍贵的战争勋章炫耀。来自卡纳卡的女士不以为然地说那完全比不上她的鸟形项坠。另一位客人带来了一件珍贵的钻石，而正当客人看著自己的钻石时，坐在她隔壁来自达波克瓦的访客差点打翻了身旁客人的威士忌。温斯洛女士举起葡萄酒敬酒。来自自由港的女士喝了太多啤酒，跳到桌子上之後摔在正中央座位的客人身上，打翻了那位可怜女士的兰姆酒。接著康提伯爵夫人讲述了她年少时在丹沃丽的放纵经历，令所有人...
vuepress-theme-vdoing
要品味生活的浪漫，你得有点儿演员精神，必须像个旁观者，对自己的所作所为既超然事外又忘我投入。——毛姆 《月亮和六便士》 分享一个VuePress知识管理&博客 主题 官方文档：https://doc.xugaoyi.com/ github：https://github.com/xugaoyi/vuepress-theme-vdoing 提供多种主题模式 看起来也很简洁，还有对应的广告位 也有用来做博客的 mybatis-plus也用的该主题
gitee通过WebIDE解决冲突
天空更适合仰望，而不是居住。——杜鲁门·卡波特 《蒂凡尼的早餐》 老早就想写一篇这个，一直没时间 首先发现冲突了不要慌，点击尝试通过WebIDE解决冲突 点击选择冲突的文件，找到冲突的位置，如果我们选择 接受当前的更改：接受这里本次导致冲突的提交，也就是当前提交的冲突更改 接受引入的更改：放弃这里本次提交的更改，使用远端覆盖本次提交 接受两者：我全都要 我们这里无论点击哪种选择，都可以手动进行处理冲突(可以直接进行代码编辑)，注意我这里只是演示，实际具体情况具体分析 当我们处理完冲突后就可以暂存修改的文件了 暂存相当于我们的add操作，我们也可以取消我们的暂存，再次进行修改 确认无误后，我们就可以点击提交啦 提交成功
linkedList实现高亮逻辑
渴望像神话中巨型的黄色罗马蜡烛那样燃烧。——杰克·凯鲁亚克《在路上》 这里是基于hutool的dfa查找法得到的结果集进行封装，不一定非要依赖hutool，可以自定义FoundWord对象，里面就只用到了一个起始下标，以及对应需要高亮的词汇 123456789101112131415161718192021222324252627282930313233343536373839404142434445public static String highlight(String text, List<FoundWord> fondWords, UnaryOperator<String> highlightOperator) { if (Opp.ofColl(fondWords).isEmpty() || Opp.ofStr(text).isEmpty()) { return text; } fondWords = Steam.of(fondWords) .sorted(Co...
javadoc @apiNote、@implSpe、@implNote不识别问题
在逆风里把握方向，做暴风雨中的海燕，做不改颜色的孤星。——余光中 我们使用maven-javadoc-plugin进行生成javadoc时，发现没有识别jdk8新标签 解决方式见：https://github.com/nipafx/demo-javadoc-8-tags/blob/master/pom.xml?ts=4#L110-L133 手动配置tags即可 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980<build> <plugins> <!-- Maven编译插件 --> <plugin> <groupId>org.apache.maven.plugins</groupId> ...
ant motion
一个人的行动，比他所说的话，更有详细的表现。——卡耐基 分享一个动画库ant-motion 官方文档：https://motion.ant.design/index-cn 提供的效果也是非常好看 是一个值得一试的动画库
vuesax
这是一个流行离开的世界，但是我们都不擅长告别。——《生活在别处》 分享一个vue的UI库vuesax 官方文档：https://vuesax.com/ 它的样式还是很好看的 给人一种简介的感觉 Git地址：https://github.com/lusaxweb/vuesax/