![](https://img-blog.csdnimg.cn/af28e39ab1e749c28c9ea2b5ca779a81.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
一些零碎代码
收集一些零碎代码,还有案例
剽悍一小兔
up主是一位java司机,《JavaScript百炼成仙》作者,喜欢撸代码。
展开
-
Vue+JS+layUI 完成预览模式功能
1.预览模式更新站点:java小白翻身官网(网址:java18.cn)更新原因:方便浏览文章,和步骤阅读法相得益彰。更新内容:PC端在具体的教程页面,目录下方增加一个预览模式的按钮。点击后会打开一个窗口,里面就是当前的教程,我进行了重新排版。效果如下:因为用了vue,我就不需要再重新后台写接口了,改一下html就搞定。关键代码:<div style="height:30px;"> <el-button @click="openPreview" s原创 2022-05-03 16:43:45 · 801 阅读 · 0 评论 -
尝试用jdk1.6强行装jdk1.8的逼-Filter
定义一个断言接口,里面只有一个抽象方法。publicinterfacePredicate<E> {boolean test(E e);}设计一个Lsit,直接继承ArrayListpublic classSuperList<E>extendsArrayList<E>{privatestatic finallong serialVersionUID=1L; SuperList<E> f...原创 2022-05-05 21:08:23 · 401 阅读 · 0 评论 -
实用工具类---给List数据加索引
继承之前的一篇:从非诚勿扰看数据索引,优化代码小妙招直接将这个实用小算法封装成一个工具类。publicclassIndexUtil {/*** List转Map* @param list 原始列表数据(任何实现List接口的数据)* @param keyExtractor (抽取Key值的方法)* @return 加了索引的数据->Map*/publicstatic <K,V> Map<K,V> fromList(Lis...原创 2022-05-05 21:35:54 · 1227 阅读 · 0 评论 -
html学习笔记-用代码画皮卡丘
效果图练习代码.face { width: 600px; height: 320px; background: #FEE443; position: relative;}.eye { width: 60px; height: 60px; border-radius: 100%; background: #222; position: absolute;}.eye-l { left: 105px.原创 2022-04-30 16:58:35 · 2337 阅读 · 3 评论 -
Mixed Content: The page at ‘<URL>‘ was loaded over HTTPS, but requested an insecure frame ‘<URL>‘...
在添加了SSL证书的HTTPS中引入用HTTP的链接,就报错,请求协议的不同导致的所有有关https带有http的文件或者链接例如:images / js等文件都会报请求“网页的“ < url > ”是通过 HTTPS 加载的,但是请求一个不安全的帧“ < url > ”。此请求已被阻止; 内容必须通过 HTTPS 提供。”解决方法:第一种:查看http的文件,放到https路径中,引入方式添加https第二种 页面的head中加入: <.原创 2022-04-16 21:42:50 · 8397 阅读 · 0 评论 -
sql进阶:select语句究竟发生了啥,巩固编写复杂sql的基础
sql进阶:select语句究竟发生了啥,巩固编写复杂sql的基础。by JavaScript百炼成仙原创 2022-04-11 22:32:55 · 253 阅读 · 1 评论 -
flex仿微博布局实战+代码
效果图::源代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>仿新浪微博 flex布局项目实战</title> <style type="text/css"> .wrap { width: 1500px; margin: 10px auto; display: flex; flex-direct..原创 2022-03-29 21:56:42 · 1060 阅读 · 2 评论 -
sa-token 路由拦截式鉴权
前言假设我们有如下需求:我们怎么实现呢?给每个接口加上鉴权注解?手写全局拦截器?似乎都不是非常方便。在这个需求中我们真正需要的是一种基于路由拦截的鉴权模式, 那么在sa-token怎么实现路由拦截鉴权呢?使用方式1、注册路由拦截器以springboot2.0为例, 新建配置类MySaTokenConfig.java@Configurationpublic class MySaTokenConfig implements WebMvcConfigurer { // 注册..原创 2022-03-21 20:46:29 · 1805 阅读 · 0 评论 -
Mybatis-plus 条件查询代码示例
Wrapper在MyBatis-Plus中,对于单表的查询我们基本上不用写sql语句的,那么对于一些带有条件判断的sql语句怎么办呢,官方提供了一个很强的东西——Wrapper条件构造器。环境搭建虽然上一篇文章已经搭建过环境了吧,但是我不太喜欢放链接跳来跳去的,再搭建一次吧。首先创建一张数据库表DROP TABLE IF EXISTS user;CREATE TABLE user( id BIGINT(20) NOT NULL COMMENT '主键ID', ..转载 2022-03-21 19:25:11 · 784 阅读 · 0 评论 -
分享一个会遮掩的吊炸天登录页面
今天逛gitee,发现了一个有趣的页面,于是来分享一下。先看效果:熊猫是css画的,眼睛会跟着鼠标转动,当填写密码的时候,熊猫会把登录框举起来,遮住眼睛。熊猫是css画的,每一个部分都是,真的是直呼666/* 开始画熊猫 */.panda{ /* 相对定位 */ position: relative; width: 200px;}/* 脸部 */.face{ width: 200px; height: 200px; backgro原创 2022-03-18 11:45:00 · 10763 阅读 · 20 评论 -
适用于eclipse的codetemplate.xml
<?xml version="1.0" encoding="UTF-8" standalone="no"?><templates><template autoinsert="true" context="delegatecomment_context" deleted="false" description="Comment for delegate methods" enabled="true" id="org.eclipse.jdt.ui.text.codetemplat.原创 2022-02-26 20:35:23 · 376 阅读 · 0 评论 -
几十行代码,打造一款JavaScript便签系统
先看下效果:载体就是一个网页,用html,css和JavaScript实现一个简单的便签系统。动画效果用的是animation.css库,缓存用的localStorage。除非手动清空便签,否则便签会一直保留,非常方便。鼠标右键可以点开菜单。代码:<!doctype html><html> <head> <meta http-equiv="Content-Type" content="text/html; cha..原创 2022-02-26 20:31:19 · 2892 阅读 · 6 评论 -
css会眨眼的皮卡丘
<html> <head> <meta charset="utf-8" /> <title>j绝对定位</title> <style> body { background: -webkit-linear-gradient(top,#2B8BD2 0%,#59D2A5 100%); } .face{ width:...原创 2022-02-25 22:26:12 · 339 阅读 · 0 评论 -
CSS3实现3D圆盘
<html> <head> <meta charset="utf-8"> <title>展示元素移动的原理</title> <script type="text/javascript" src="jquery-1.11.2.min.js"></script> <style> body {background:#222} .perspective {perspective:80...原创 2022-02-25 22:23:47 · 749 阅读 · 0 评论 -
JavaScript简易五子棋游戏
<html> <head> <meta charset="UTF-8"> <style> body { background:skyblue; } table { margin:20px auto; } td { width: 36px; height: 36px; border: 1px solid #FFF; } .he...原创 2022-02-25 22:12:30 · 3812 阅读 · 0 评论 -
html+css 完成通用列表list
代码:<!DOCTYPE html><html><head> <title>用户列表</title> <style type="text/css"> body { background: #222; } .list { width: 300px; border: 1px solid #666; margin: 0 auto; background: #FFF; ..原创 2022-02-25 22:10:58 · 497 阅读 · 0 评论