vue中:class的小技巧
在快乐时，朋友会认识我们；在患难时，我们会认识朋友。——柯林斯
我们在进行vue开发的时候
有时会有根据条件给标签进行不同的class配置
我们都知道可以使用:class实现动态配置
但如果我们本身需要一些固定的样式，一般是在:class中判断的时候加上
例如我这里写一个div标签，加了少许样式
<script>export default { data() { return { additionalClass: 'red' }; }};</script><style scoped="scoped"> .red{ background: red; } .big{ height: 200px; }</style>
我们这里使用了模板字符串去做
<div :class="`big ${additionalClass}`">这是一个新的d ...
thymeleaf格式化时间
牙齿痛的人，想世界上有一种人最快乐，那就是牙齿不痛的人。——萧伯纳
将返回的日期类型在页面上显示为指定的格式
首先是格式化Date类型
<span th:text="${#dates.format(data.gmtCreate,'yyyy-MM-dd HH:mm:ss')}"></span>
然后是LocalDateTime等Temporal类
<span th:text="${#temporals.format(data.gmtCreate,'yyyy-MM-dd HH:mm:ss')}"></span>
uni跳转的小技巧
青春啊，难道你始终囚禁在狭小圈子里？你得撕破老年的蛊惑人心的网。——泰戈尔
从官网看到
我们使用uni.navigate()跳转
uni.navigateTo({ url: 'test?id=1&name=uniapp'});
这里我们的url我们如果直接写test
那么我们会跳转到当前页面的test
然而我们如果想跳转到tabBar上的页面
则需要使用uni.switchTab()
uni.switchTab({ url: '/pages/index/index'});
这里要注意的是，需要在路径前加/表示一个根路径
否则会跳转不到想要的页面
而且switchTab并不支持url传参
而我们需要使用别的方式，例如setStorage
maven打包时将xml加入打包文件内
青年之文明，奋斗之文明也，与境遇奋斗，与时代奋斗，与经验奋斗。故青年者，人生，人生之春，人生之华也——李大钊
在maven中配置一下即可
<build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <version>3.8.1</version> <configuration> <source>1.8</source> <target>1.8</target> <encoding>UTF-8</encoding> ...
百度地图简单对接
地位越高，自我评价就越高，自信心多强，能力就有多强。我们总能表现出与环境的和谐平等。——赫兹里特
效果如下
跟着官网一步一步来即可
申请成为开发者
然后在应用管理里创建应用
填写信息
点击复制AK
然后复制代码
<!DOCTYPE html> <html><head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <style type="text/css"> html{height:100%} body{height:100%;margin:0px;paddin ...
centos 80端口被占用排查+解决
青春是一个普通的名称，它是幸福美好的，但它也是充满着艰苦的磨炼。——高尔基
当我们遇到80端口被占用时
首先可以使用如下命令查看占用端口的进程
# 显示网络状态 (-l：表示显示监控中的服务器的Socket，-n：直接使用IP地址，而不通过域名服务器，-p 显示正在使用Socket的程序识别码和程序名称)# grep 以一定的规则匹配# | 将“|”后面运算得到的结果作为左边函数的入参，例如这里就是 对“80”进行匹配查询netstat -lnp|grep 80
当我们执行完毕后会显示如下结果
tcp 0 0 0.0.0.0:80 0.0.0.0:* LISTEN 1587/nginx: master
我们可以看到最后一列
这里/左边的是进程号
我们可以使用kill命令去终止
# -9表示强制终止kill -9 1587
然后再次查看
> netstat -lnp|grep 80tcp 0 0 0.0.0.0:80 0.0.0.0:* ...
centos内存过满排查+解决
请君莫奏前朝曲，听唱新翻杨柳枝。——刘禹锡《杨柳枝词》
今天突然发现程序执行insert的sql语句执行不了，查询正常，根据数据库死锁排查步骤排查了下无果
后来登上宝塔面板发现磁盘爆满。。。
首先看看磁盘使用情况
# 查看磁盘使用情况统计(disk free)，这里-h表示以M/G等单位显示df -h
可以看到我这里最大的是/dev/vda1这个磁盘，也就是我现在使用的这个盘占用了几乎爆满
然后我们列出该磁盘下文件大小
# 显示目录或文件大小(disk usage)，-s表示仅显示总计 -h同上du -sh /*
看到最大的是这个28G的/var
再进一步查看该目录下的
du -sh /var/*
这样一步一步到最后发现是/var/log下的一个叫messages的文件占用23G
这个文件是存放我们系统日志的文件，例如一些服务日志之类的会往里写
我们清理一下
先列出打开这个文件的进程
# 列出当前系统打开文件(list open files)，使用“|”管道符将左边lsof的输出作为右边命令grep message的输入# grep 命令是用于查找文件里符合条件的字 ...
springboot默认跳转/error页面变更
宁鸣而死，不默而生。——胡适
宁鸣而死，不默而生。——胡适
在开发中我们经常看到这样一个页面
意思是告诉你，没有映射到/error对应的视图
这个是从哪里出现的呢？
我们找到org.springframework.boot.autoconfigure.web.servlet.error包下面
这里我们看到ErrorMvcAutoConfiguration，因为springboot自动装配就是这些xxxAutoConfiguration去完成的
打开一看，发现：诶？！这里有这样一段代码
这段代码告诉我们，如果在没注入ErrorViewResolver并且注入了DispatcherServlet这个bean的情况下，则注入一个叫DefaultErrorViewResolver的bean
如果你现在就想知道怎么修改默认的/error路径映射？
那可以直接注入一个ErrorViewResolver
在你的任意一个配置类中，我建议是放到Mvc配置类中
/** * web配置类 * * @author <achao1441470436@gmail.com> * @sinc ...
a标签点击后下载图片而不是打开
允许孩子们以他们自己的方式获得快乐，难道还有比这更好的方法？——塞·约翰逊
我们在使用a标签作为文件下载标签开发的时候
附件：<a href="https://waibi.oss-cn-chengdu.aliyuncs.com/2020-06-01/head.jpg"></a>
如果遇到图片等格式是会直接打开，如果我们需要这种也维持下载的话，加个download属性即可
附件：<a href="https://waibi.oss-cn-chengdu.aliyuncs.com/2020-06-01/head.jpg" download></a>
jquery跳转页面指定元素位置
懒惰象生锈一样，比操劳更能消耗身体;经常用的钥匙，总是亮闪闪的。——富兰克林
代码如下
// 获取到jquery节点 var targetDom = $('#achao') // 获取x坐标 var x = targetDom.offset().top; // 获取y坐标 var y = targetDom.offset().left; // 页面800ms内跳转到x坐标-200的地方 $('html,body').animate({scrollTop: x-200}, 800);
