在线png转svg
谨慎使你免于灾害，宽容使你免于纠纷。——叔本华 https://picsvg.com/ 这个网站很方便，可以将png转为svg 例如这是转后的： 1234567891011121314151617181920212223242526<!DOCTYPE svg><svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="169.000000pt" height="128.000000pt" viewBox="0 0 169.000000 128.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)" fill="#000000&qu...
进阶学习css的filter属性
经常谈论别人的短处只会使一个人心胸狭窄，使一个人变得非常多疑，非常无聊。——泰戈尔 首先是这个教程 Filter | CSS-Tricks 还有这个 Filter | CSS-Tricks 这里还有一个在线演示的网址 CSS filter Editor 你可以任意滑动值查看效果 See the Pen CSS filter Editor by Mads Stoumann (@stoumann) on CodePen.
网页svg手动导出方法
一次失败，只是证明我们成功的决心还够坚强。——博维 比如我们在网页上看到一个svg图标非常喜欢，我们打开控制台复制出来 但是如果我们直接复制出来是没法直接使用的 123<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link flex-shrink-0 mr-2"> <path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-...
github官方图标库
不存在十全十美的文章，如同不存在彻头彻尾的绝望。——村上春树 github官方图标库 https://primer.style/foundations/icons 代码仓库 https://github.com/primer/octicons
Apache-fineract
己所不欲，勿施于人——。孔子 今天看到一个项目不错 https://github.com/apache/fineract https://fineract.apache.org/ 这是一个开源的数字金融服务平台，这里可以看演示 https://www.fineract.dev/ Fineract 是一个具有开放 API 的成熟平台，可为金融机构提供可靠、强大且价格实惠的核心银行解决方案，为全球 30 亿银行服务不足和无银行账户的人口提供服务。 如果本自述文件没有回答您要查找的内容，请查看 apache.org 上的 Wiki 上的常见问题解答。访问我们的 JIRA 仪表板以查找要处理的问题、查看其他人正在处理的内容或提出新问题。 立即开始在基于 Web 的在线 IDE GitPod.io 中为该项目做出贡献！ （您最初可能必须按 F1 查找命令并运行“Java：启动语言服务器”。）当然也可以使用“传统”本地开发环境进行贡献（见下文）。 社区 如果您有兴趣为这个项目做出贡献，但可能不太知道如何以及从哪里开始，请加入我们的开发人员邮件列表，聆听我们的对话，加入主题，然后向我...
在线web工程演示stackblitz
饥梳头，饱洗澡。——杨慎 是这个网址 https://stackblitz.com/ 例如： https://stackblitz.com/github/slidevjs/new?file=slides.md 打开就直接构建并可以自由修改，不用在本地npm i啦！ 相当的方便相当的nice 比较适合开源项目用来演示
在线图片消除背景
久立先养足，久夜先养目。——吕坤 我们知道在mac中的预览软件可以选择移除背景 这里介绍一个在线的 https://www.remove.bg/zh
Mybatis在Mapper上加注解关闭一级缓存
正如自然忌讳真空一样，人类是讨厌平等的。——《我是猫》 MyBatis的一级缓存是SqlSession级别的缓存，默认是开启的。如果你想在查询时禁用一级缓存，可以使用@Options注解并将flushCache属性设置为true： 123456789101112import org.apache.ibatis.annotations.Options;import org.apache.ibatis.annotations.Select;import org.apache.ibatis.annotations.Mapper;@Mapperpublic interface MyMapper { @Select("SELECT * FROM my_table WHERE id = #{id}") @Options(flushCache = Options.FlushCachePolicy.TRUE) MyEntity selectById(int id);} 这样每次执行查询时，都会刷新缓存。
Mybatis在Mapper上加注解关闭二级缓存
久视伤血，久卧伤气，久坐伤肉，久立伤骨，久行伤筋。——曹廷栋 代码如下 12345678910111213import org.apache.ibatis.annotations.CacheNamespace;import org.apache.ibatis.annotations.Select;import org.apache.ibatis.annotations.Mapper;import org.apache.ibatis.cache.impl.PerpetualCache;@Mapper@CacheNamespace(implementation = PerpetualCache.class, blocking = false)public interface MyMapper { @Select("SELECT * FROM my_table WHERE id = #{id}") MyEntity selectById(int id);} 上使用@CacheNamespace注解，并将imp...
css透视效果位置perspective-origin
真理是时间的孩子，不是权威的孩子。——伽利略 正如我们在前一篇文章中提到的，CSS具备处理3D变换的能力。继续这一话题，本文将重点介绍perspective-origin属性，这个属性允许我们调整透视效果的原点，影响3D变换的视觉输出。 详细信息可以参考这个链接：MDN文档 让我们通过一个例子来看看perspective-origin的实际效果： .cube { width: 100px; height: 100px; position: relative; transform-style: preserve-3d; transform: rotateX(45deg) rotateY(45deg); } .face { position: absolute; width: 100%; height: 100%; background: rgba(255, 165, 0, 0.8); display: flex; align-items: center; justify-cont...