wow.js
青春是一个普通的名称,它是幸福美好的,但它也充满着艰苦的磨炼。——高乐基
今天学到一个wow.js
可以实现很棒的效果
我们去这里下载
https://www.dowebok.com/131.html
使用方法1、引入文件<link rel="stylesheet" href="css/animate.min.css">
2、HTML<div class="wow slideInLeft"></div><div class="wow slideInRight"></div>
可以加入 data-wow-duration(动画持续时间)和 data-wow-delay(动画延迟播放时间)属性,如:
<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.1s">左淡入</div> ...
通过Function获取属性对应字段
只有绝望的赌鬼才肯把全部所有作孤注的一掷。一个商人如果把他的全部财产装在一只船上,人家就管他叫冒失鬼——席勒
我写了个函数
/** * 获取表内字段 * * @param function 字段 * @return java.lang.String * @author <achao1441470436@gmail.com> * @since 2021/6/29 16:51 */public static <R, T> String getColumn(SFunction<T, R> function) { SerializedLambda lambda = LambdaUtils.resolve(function); TableInfo tableInfo = TableInfoHelper.getTableInfo(lambda.getImplClass()); return tableInfo.getFieldList() .parallelStream() .filte ...
mybatis-plus自动填充
遵守诺言就象保卫你的荣誉一样。——巴尔扎克
官方文档里说首先需要加@TableField注解并指定fill的值
对应的值在com.baomidou.mybatisplus.annotation.FieldFill这个枚举里
例如我这里gmtCreate字段需要在新增的时候自动填充,就使用FieldFill.INSERT
然而我需要让gmtModified字段在新增和修改的时候都自动填充,就使用FieldFill.INSERT_UPDATE
不过,加了注解后咱们还得去注入一个com.baomidou.mybatisplus.core.handlers.MetaObjectHandler
完整代码如下
package com.ruben.simpleideaboot.config;import com.baomidou.mybatisplus.annotation.DbType;import com.baomidou.mybatisplus.core.handlers.MetaObjectHandler;import com.baomidou.mybatisplus.core.han ...
before和after选择器
在科学上没有平坦的大道,只有不畏劳苦,沿着陡峭山路攀登的人,才有希望达到光辉的顶点——马克思
我们可以使用::before和::after去选择我们节点内部的首项或尾项
例如我这里代码如下
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .ruben-parent { width: 100%; border: 0.1em solid #ababab; text-align: center; } .ruben-parent::before, .ruben-parent::after { margin: 0 auto; content: ''; display: block; width: 1em; height: 0.1em; background: #7 ...
reverse
清风两袖朝天去,免得闾阎话短长。――于谦《入京诗》
js中翻转数组可以使用reverse函数
项目部署及版本发布
莫扎特从不为永恒作曲,但是正因为这个理由,所以他的许多作品均是永恒的——爱因斯坦
之前我们购买了服务器,今天来进行项目部署吧
进行项目部署首先我们打包我们的项目生成我们的jar包上传到服务器上
安装`java`yum -y install java-1.8.0-openjdk-devel.x86_64
安装好了后可以输入
cd /usr/lib/jvm
进入jdk目录查看配置环境变量
# 编辑/etc/profilevim /etc/profile
按下I输入
JAVA_HOME=/usr/lib/jvm/javaJRE_HOME=$JAVA_HOME/jrePATH=$PATH:$JAVA_HOME/binCLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jarexport JAVA_HOMEexport JRE_HOMEexport PATHexport CLASSPATH
然后按下:输入wq再回车确认刷新环境变量
source /etc/profile
运行
# 后台运行,并在后台将《标准错误输出》重定向到《标准输 ...
Number
人生遇到瓶颈时,上进心是最大的煎熬。——颜如晶
我们可以使用Number()函数将字符串转换为数字
阿里云服务器购买
不驰于空想,不骛于虚声。——李大钊
阿里云官网https://www.aliyun.com/选一个最便宜的别忘了选版本立即充个100块进去再次点击下一步创建安全组点击快速添加点击创建我们回来重新选择安全组下一步,系统配置输入密码和主机名确认订单勾选条款,点击创建进入管理控制台可以看到我们服务器的IP我们可以使用finalShell连接服务器,我之前也稍微写过一篇介绍:https://vampireachao.gitee.io/2021/05/09/finalShell/成功连接
这周内我就把这个ECS实例销毁啦,希望大伙不要搞破坏哦~
随机端口
学习的敌人是自己的满足,要认真学习一点东西,必须从不自满开始。对自己,“学而不厌”,对人家,“诲人不倦”,我们应取这种态度。——毛泽东
我们可以在application.properties中进行配置
# 应用服务 WEB 访问端口server.port=${random.int[1024,25535]}
这样我们启动后端口将在1024到25535之间随机
wangEditor接入阿里云OSS
我唯一知道的就是自己无知。——苏格拉底最有学问和最有见识的人总是很谨慎的——卢梭
我们昨天接入了wangEditor富文本编辑器
今天我们试着将阿里云OSS集成进wangEditor
首先我们先使用vue在页面渲染结束后调用初始化wangEditor
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>OSS上传Demo</title> <link href="/css/elementUI.css" rel="stylesheet"> <script src="/js/jquery-3.5.1.min.js"></script> <script src="/js/vue.min.js"></script> <s ...