![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小记录
文章平均质量分 50
阿灰丶
什么都不会的萌新
展开
-
使用yauaa解析userAgent
通过yauaa解析UserAgent什么是yauaa使用测试导入依赖<!-- 解析客户端操作系统、浏览器 --><dependency> <groupId>nl.basjes.parse.useragent</groupId> <artifactId>yauaa</artifactId> <version>5.20</version></dependency原创 2021-07-15 11:22:35 · 3263 阅读 · 1 评论 -
使用ip2region进行ip解析获取地区
什么是ip2regiongitee: https://gitee.com/lionsoul/ip2regionip2region是一个离线的ip地址定位库使用方法引入依赖<!-- ip2region --><dependency> <groupId>org.lionsoul</groupId> <artifactId>ip2region</artifactId> <version>1.原创 2021-07-14 18:51:02 · 1014 阅读 · 0 评论 -
Vue中使用baberrage实现弹幕效果
在Vue中使用baberrage插件实现弹幕效果什么是baberrage?链接:https://github.com/superhos/vue-baberrage/blob/master/docs/zh/README.md是一位大佬制作的插件,实现弹幕的效果效果这里用作留言界面1. 创建所需要的数据库DROP TABLE IF EXISTS `tb_message`;CREATE TABLE `tb_message` ( `id` int(11) NOT NULL AUTO_INCR原创 2021-04-23 20:14:00 · 2297 阅读 · 2 评论 -
在博客中加入一言
在博客中加入一言什么是一言一言网(hitokoto.cn)创立于 2016 年,隶属于萌创团队,目前网站主要提供一句话服务。动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。 或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。示例原创 2021-04-18 20:23:04 · 267 阅读 · 0 评论 -
使用Vue刷新当前页面数据
常常会遇到在删除或者增加一条数据的时候想要刷新页面来显示数据这里提供两种方式方法一: 整个页面刷新location.reload() ①this.$router.go(0) ②相当于强制刷新页面整个页面刷新,会有一瞬间空白方法二: provide / inject 组合 方式首先需要修改app.vue<template> <div id="app"> <router-view v-if="isRouterAlive"></rou原创 2021-04-17 11:11:42 · 1121 阅读 · 0 评论 -
在Springboot中集成mail实现评论邮件回复
在Springboot中集成mail进行评论邮件提醒前些天正在逛一些技术大佬的博客时,评论了一下。评论后竟然给我来了邮件进行提醒(属实觉得酷炫)然后CV了一手来学一学效果步骤加入mail依赖<!--邮箱依赖--><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</arti原创 2021-04-06 16:27:33 · 1191 阅读 · 2 评论 -
在评论中使用邮箱的QQ头像
博客评论中使用QQ头像这是发现了一个朋友所发感觉挺好用,就也给加进来了…之前准备了30个头像包…摇个随机数当头像评论时使用QQ邮箱的将会使用自己游戏的QQ头像仅限于正确的QQ邮箱Controller// 新增评论 @PostMapping("/comments") public String post(Comment comment, HttpSession session, Model model) { Long blogId = comment.get原创 2021-04-05 14:24:42 · 489 阅读 · 1 评论 -
改变页面字体样式
修改全局字体样式介绍见到一个比较好看的字体样式步骤引用字体<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=ZCOOL+KuaiLe" />定义CSS引用 body { font-family: 'ZCOOL KuaiLe(这个是上面引进来字体的名称)'; }...原创 2021-04-05 13:56:59 · 125 阅读 · 0 评论 -
使用Cdn加速静态资源
Cdn加速在GitHub仓库中的资源介绍JSDelivr + GitHubJSDelivrJSDelivr(风格化为jsDelivr)是用于开源项目的免费公共CDN。它可以直接从npm注册表和GitHub存储库中提供Web文件,而无需进行任何配置。[1] [2]它是目前托管多个项目的第二受欢迎的公共CDN。[3] [4]于2020年10月14日,它成为Bootstrap的官方CDN步骤使用GitHub创建仓库[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(im原创 2021-04-03 11:17:03 · 722 阅读 · 0 评论 -
博客首页波浪特效
波浪特效给首页添加一个波浪的小特效示例:代码:css代码:/* 波浪动画 */#banner_wave_1 { width: auto; height: 65px; background: url(https://cdn.jsdelivr.net/gh/Ukenn2112/UkennWeb@5.3/wave/wave1.png) repeat-x; _filter: alpha(opacity=80); position: absolute;原创 2021-04-01 09:05:35 · 342 阅读 · 0 评论 -
在评论框中添加史迪仔动图
在评论的输入框中添加动图示例:代码:只需要在评论的输入框中添加一个ideg:<textarea name="content" id="contentImg" placeholder="请输入留言信息..."></textarea>id为id="contentImg"CSS:#contentImg{ background: url("https://gitee.com/Onlylmf/image/raw/master/Sitich/Sitich1.gif")原创 2021-03-30 20:42:30 · 171 阅读 · 0 评论 -
好看的博客归档页面
发现一个比较好看的个人博客归档页面的设计如图只需要一个CSS样式以及JS随后接收后台数据渲染就可以了timeline.css*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box;}.timeline ul li { list-style-type: none; position: relative; width: 6px; margin: 0 auto原创 2021-03-28 15:10:45 · 1220 阅读 · 0 评论 -
标签云特效
记录一些好看的特效示例:JStagcanvas.js/** * tagcanvas.js和tagcloud.js是 标签云所需要的 */(function(){"use strict";var i, j, abs = Math.abs, sin = Math.sin, cos = Math.cos, max = Math.max, min = Math.min, ceil = Math.ceil, sqrt = Math.sqrt, pow = Math.pow, hexlook原创 2021-03-25 13:08:11 · 884 阅读 · 0 评论 -
消息搞怪特效
记录一些好看的特效示例:JS<script> // 浏览器搞笑标题 var OriginTitle = document.title; var titleTime; document.addEventListener('visibilitychange', function () { if (document.hidden) { $('[rel="icon"]').attr('href', "/funny.ico"); document.原创 2021-03-24 20:52:10 · 138 阅读 · 0 评论 -
跳动的红心特效
记录一些好看的特效示例:CSS#heartbeat{color:red;animation:iconAnimate 1.33s ease-in-out infinite}@-moz-keyframes iconAnimate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,60%,80%{transform:scale(1.1)}50%,70%{transform:scale(1.1)}}@-webkit-keyframe原创 2021-03-24 20:37:49 · 164 阅读 · 0 评论 -
信封特效
记录一些好看的特效示例:代码:CSS:/* 滚动条隐藏 */::-webkit-scrollbar { display: none;}/* 禁用图片点击,butterfly渲染后会给图片套上fancybox,点开后会造成信笺偏移*/.formmain{ pointer-events: none !important;}/* top-img隐藏 */#page-header { background: transparent !important;}/* 宽度小于53原创 2021-03-24 19:21:10 · 501 阅读 · 1 评论 -
添加网站运行时间(记录)
实现添加网站运行时间展示:代码:<span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span><script> var now = new Date(); function createtime() { var grt= new Date("2020/03/14 15:30:00");//在此处修改你的建站时间, no原创 2021-03-23 12:37:49 · 254 阅读 · 0 评论 -
彩色滚动变换字体
实现文字的彩色滚动效果展示:可以使用至博客的个签名啊之类的代码<div id="binft"></div> <script> var binft = function (r) { function t() { return b[Math.floor(Math.random() * b.length)] } function e() { return String.fromChar原创 2021-03-23 12:14:21 · 476 阅读 · 1 评论 -
JWT简单记录以及整合Springboot
JWT简介什么是JWTJWT(Json Web Token)是一个开放标准,它定义了一种紧凑的、自包含的方式,用于在各方面之间以JSON对象安全地传输信息,此信息可以验证和信任,因为它是数字签名的,jwt可以使用密钥(使用HMAC算法)或使用RSA或ECDSA的公钥/私钥对进行签名简单理解: JWT简称Json Web Token, 也就是通过JSON形式作为Web应用中的令牌, 用于在各方之间安全地将信息作为对象传输, 在数据传输过程中还可以完成数据加密、签名等相关处理JWT能做什么授权: 这是原创 2021-03-09 16:01:00 · 291 阅读 · 0 评论 -
Swagger使用笔记
Swagger的使用笔记简介前后端分离???? 前端 -> 前端控制层、视图层???? 后端 -> 后端控制层、服务层、数据访问层???? 前后端通过API进行交互???? 前后端相对独立且松耦合产生的问题???? 前后端集成,前端或者后端无法做到“及时协商,尽早解决”,最终导致问题集中爆发Swagger???? 号称世界上最流行的API框架???? Restful Api 文档在线自动生成器 => API 文档 与API 定义同步更新???? 直接运行,在线测原创 2021-03-08 17:02:30 · 335 阅读 · 3 评论 -
JVM简单初理论
JVM初探1. 双亲委派机制在介绍双亲委派机制的时候,不得不提ClassLoader(类加载器)。说ClassLoader之前,我们得先了解下Java的基本知识。Java是运行在Java的虚拟机(JVM)中的,但是它是如何运行在JVM中了呢?我们在IDE中编写的Java源代码被编译器编译成**.class**的字节码文件。然后由我们得ClassLoader负责将这些class文件给加载到JVM中去执行。JVM中提供了三层的ClassLoader:Bootstrap classLoader:主要负原创 2021-03-07 21:01:15 · 134 阅读 · 0 评论 -
(狂神)初识设计模式笔记
了解设计模式设计模式 是前辈们对代码开发经验的总结, 是解决特定问题的一系列套路, 他不是语法规定, 而是一套用来提高代码可复用性、可维护性、可读性、稳健性以及安全性的解决方案1995年,GoF合作出版了《设计模式:可复用面向对象软件的基础》一书,共收录了23种设计模式,从此树立了软件设计模式领域的里程碑,人称GoF设计模式学习设计模式的意义设计模式的本质是面向对象设计原则的实际运用, 是对类的封装性, 继承性和多态性以及类的关联关系和组合关系的充分理解正确使用设计模式具有以下优点:原创 2021-03-07 20:59:49 · 2357 阅读 · 0 评论