一个js视差动画
人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》 分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw 滑动会出现各种动画效果，非常的好玩
easy-trans
我参加了他的葬礼，在一个工作日的上午。——布里特·彼得《造船厂：脚手架装配作业》 分享一个框架easy-trans gitee：https://gitee.com/dromara/easy_trans 插件文档：http://easy-trans.fhs-opensource.top/ easy trans适用于5种场景1 我有一个id，但是我需要给客户展示他的title/name 但是我又不想自己手动做表关联查询2 我有一个字典码 sex 和 一个字典值0 我希望能翻译成 男 给客户展示。3 我有一组user id 比如 1，2,3 我希望能展示成 张三,李四,王五 给客户4 我有一个枚举，枚举里有一个title字段，我想给前端展示title的值 给客户5 我有一个唯一键(比如手机号，身份证号码，但是非其他表id字段)，但是我需要给客户展示他的title/name 但是我又不想自己手动做表关联查询 食用步骤技术经理/架构 需要做的事情1 、先把maven 引用加上（注意，阿里云Maven仓库因为阿里本身软件升级所以暂时无法同步中央仓库的新发布...
js获取元素相对于document的坐标
孤独没有什么不好。使孤独变得不好，是因为你害怕孤独。——《孤独六讲》 代码如下： 12345const getOffset = el => { const { left, top } = el.getBoundingClientRect() const { scrollTop, scrollLeft } = document.body return { top: top + scrollTop, left: left + scrollLeft }} 使用： 123456789101112131415161718192021222324252627<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content...
jPom定时备份数据库
近朱者赤，近墨者黑——傅玄 分享Jpom配置数据库定时备份脚本配置，官网有篇docker版本的 但我的不是docker 所以新建一个 1234567891011121314151617181920212223echo '开始备份数据' now=$(date "+%Y%m%d_%H:%M:%S")backup_dir="/data/back_up"#mysqldump导出表结构和数据if [ ! -d ${backup_dir} ]; then mkdir -p ${backup_dir}fi mysqldump --single-transaction -u 数据库账户 -h 127.0.0.1 --password=数据库密码 --all-databases > ${backup_dir}/db_${now}.sql echo '成功制作备份sql' if [ $? -ne 0 ]; then ...
css文字环绕png图片
好意对待犯错误的人，可以得人心，可以团结人——毛泽东 从这里看到的：https://css-tricks.com/print-magazine-layouts-converted-to-web-layouts/ 效果如下： 用到了shape-outside以及float 代码如下： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...
headroom.js
寡言省谤，寡欲保身——佚名 昨天说到了enquire.js 作者还有一个更加多stars的项目headroom.js，目前有10.9K stars https://github.com/WickyNilliams/headroom.js 官网网址：https://github.com/WickyNilliams/headroom.js 这个项目就是一个简单的头部，往下滑头部会收起来，往上又出现
enquire.js
非我而当者，吾师也；是我而当者，吾友也；谄谀我者，吾贼也——荀子 分享一个在js中使用媒体查询的封装： https://github.com/WickyNilliams/enquire.js 我们只需要安装 1cnpm install enquire.js 即可像这样使用： 123456789101112131415161718192021enquire.register("screen and (max-width:1000px)", { match : function() {}, // OPTIONAL // If supplied, triggered when the media query transitions // *from an unmatched to a matched state* unmatch : function() {}, ...
移动端拖动滑块验证
夫唯不争，故天下莫能与之争——老子 之前写过拖动滑块验证 但是发现移动端拖不动了 因为移动端使用的是touch事件：https://developer.mozilla.org/zh-CN/docs/Web/API/TouchEvent 我们对其进行改造，通过获取其第一个触控点的坐标进行计算 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152&...
google、YouTube、Medium进度条
当一个男人偷走了你的妻子时，最好的报复是让他去赡养她——吉特里 这是一个目前25K stars的项目 github：https://github.com/rstacruz/nprogress 演示网址：http://ricostacruz.com/nprogress 进度条是浏览器上方的这个
idea跳转class文件
残酷连接着愚昧，狡诈紧随着天真——高尔基 这是我从朋友分享的一篇博客上学来的 123idea64$FileNameWithoutExtension$.class$OutputPath$/$FileDirRelativeToSourcepath$ 配置好后即可右键跳转 我这里配置一个快捷键：CTRL+ALT+B 还挺好用的！