自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

醉瑾_的博客

希望与大家共同学习,取得进步

  • 博客(167)
  • 资源 (4)
  • 问答 (1)
  • 收藏
  • 关注

原创 Vue3 自动引入组件及函数、动态生成侧边栏路由

插件使用说明—— 自动引入函数、组件—— 自动注册组件—— 自动安装、注册图标。

2023-03-18 20:56:07 1307 1

原创 java执行cmd命令

代码】java执行cmd命令。

2022-07-28 10:35:49 5662

原创 java获取系统变量和环境变量

代码】java获取系统变量和环境变量。

2022-07-28 10:32:13 462

原创 JDBC简单封装

执行 sql 语句并返回结果。

2022-07-24 22:23:36 262

原创 疯狂java讲义之类的加载机制与反射

系统可能在第一次使用某个类时加载该类,也可能采用预加载机制 来加载某个类。​ 当调用 java 命令运行某个 Java 程序时,该命令将会启动一个 Java 虚拟机进程,不管该 Java 程序有多么复杂,该程序启动了多少个线程,它们都处于该Java虚拟机进程里。正如前面介绍的,。 当系统出现以下几种情况时,JVM进程将被终止。​ 同一个类的所有实例的静态变量共享同一块内存区, 如果在同一个程序中,同一个JVM的所有线程、所有变量都处于同一个进程里,它们都使用该 JVM 进程的内存区。如果是用不同程序,即

2022-07-18 22:50:17 216

原创 疯狂 java 讲义之注解-Annotation

自定义注解并利用注解完成一些实际功能​定义新的注解类型使用@interface关键字(在原有的interface关键字前增加@符号)定义一个新的注解类型与定义一个接口非常像。定义了注解之后,就可以在程序的任何地方使用该注解,使用注解的语法非常类似于public、final这样的修饰符,通常可用于修饰程序中的类、方法、变量、接口等定义。通常会把注解放在所有修饰符之前,而且由于使用注解时可能还需要为成员变量指定值,因而注解的长度可能较长,所以通常把注解另放一行。}default关键字。......

2022-07-18 22:48:01 287

原创 VUE3 TypeError: Cannot read properties of undefined (reading ‘push‘) 错误提示

VUE 3 TypeError: Cannot read properties of undefined (reading ‘push‘) 错误提示 的解决方案之一

2022-06-25 21:25:28 3320

原创 关于vue+axios+jwt登录的问题

JWT Filterpackage com.zuijin.vue2blog.component;import com.zuijin.vue2blog.common.utils.JwtUtil;import com.zuijin.vue2blog.service.UserComDetailsService;import org.springframework.beans.factory.annotation.Value;import org.springframework.security.aut

2022-05-08 13:47:59 766

原创 一款可配置的canvas时钟-超多样式

先睹为快颜色、时针长短、粗细、哪部分显示,大小等等都是可以配置的,当让,也可以开箱即用当图像过于小的时候建议将其中不需要的部分都设置为不显示时钟目录1、html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /

2022-05-06 23:46:02 184

原创 博客网页代码块渲染-显示行号,一键复制,全屏显示,mac风格(基于mavon-editor或wangEditor)

效果预览亮点:mac风格代码块,一键复制,全屏浏览,点击按住文字空白区域可左右滑动(感觉有待优化),双击关闭全屏浏览。。。。。。样式可自行优化前提条件(待渲染的代码块格式)<pre> <code > print("hello world") print("我是醉瑾”) </code></pre>code为pre的直接子元素,code除了代码文本无直接子元素。pre元素不需要任何类名,实际上wangEditor的编辑器输出中代码块格

2022-04-29 14:40:46 2455 4

原创 Mybatis-plus最新代码生成器配置

package com.zuijin.vue2blog.generator;import com.baomidou.mybatisplus.annotation.IdType;import com.baomidou.mybatisplus.core.mapper.BaseMapper;import com.baomidou.mybatisplus.generator.FastAutoGenerator;import com.baomidou.mybatisplus.generator.config

2022-04-24 15:55:39 1159

原创 enum枚举类的基本知识及使用技巧

1、前置知识1、枚举类是一个特殊的类,,它一样有自己的成员变量、方法,可以实现一个或多个接口,也可以定义自己的构造器。2、一个 java 源文件最多只能定义一个 public 访问权限的 枚举类。且该 java 源文件也必须和该枚举的类名相同3、枚举类默认继承了 java.lang.Enum 类,而不是 Object 类,所以枚举类不能显示继承其他父类。其中java.lang.Enum 类实现了 java.lang.Serializable 和 java.lang.Comparable 两个接口。

2022-04-02 00:21:09 5080

原创 新版 springboot-前后端分离-跨域设置的五种方法以及遇到的坑

用到的版本:springboot 2.6.5security 5.6.2spring framework 5.3.171 注解 @CrossOrigin (局部)用在需要跨域的controller接口上或用在某个方法之上eg:@CrossOrigin(origins = "http://xxx.com", maxAge = 3600)@RestController@RequestMapping("/account")public class AccountController {

2022-03-31 20:58:16 1731

原创 A - 小C语言--词法分析程序

用数组存储需要在同一个地方用到的多个符号思路:1.获取每一行输入,并将每一行输入按照空格分割2.将分割后的每一个部分进行判断3.判断步骤:1).定义临时变量 w ,用于存储在遍历到界符或特殊符号前的值2).遍历到界符,或者运算符,若w不为空,则 w 的值一定为关键字或自定义标识或整数3).运算符分为可能是两位和一位情况,分开讨论4).遍历结束后还得验证 w 是否为空,因为可能存在 判断的额部分刚好是一个完整的 关键字或自定义标识或整数# -*- coding: utf-8 -*-"""

2022-03-10 10:07:08 1488

原创 VUE学习(二十二)、路由

VUE学习(二十二)、路由一、路由的基本使用1、安装路由插件,在main.js中使用插件main.js(下同)//引入Vueimport Vue from 'vue'//引入Appimport App from './App.vue'//引入VueRouterimport VueRouter from 'vue-router'//引入路由器import router from './router'//关闭Vue的生产提示Vue.config.productionTip = fal

2022-02-11 13:12:27 716

原创 VUE学习(二十一)、Vuex(getters、mapState与mapGetters、mapMutations与mapActions、多组件共享数据、模块化编码)

VUE学习(二十一)、Vuex(getters、mapState与mapGetters、mapMutations与mapActions、多组件共享数据、模块化编码)一、Vuex普通实现求和案例演示实现1、引入Vuex(store文件下index.js)//该文件用于创建Vuex中最为核心的storeimport Vue from "vue";/* 此处不写在App.vue中的原因 是因为应该先Vue.use(Vuex)再创建store实列对象 但是es6规定import语句先执行,

2022-02-10 14:38:51 799

原创 VUE学习(二十)、插槽

VUE学习(二十)、插槽一、默认插槽1、Category.vue<template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot>我是一些默认值,当使用者没有传递具体结构时,我会出现</slot> </div></template><script

2022-02-08 13:01:18 304

原创 VUE学习(十九)、Github用户搜索案例

VUE学习(十九)、Github用户搜索案例演示项目文件1、main.js//引入Vueimport Vue from 'vue'//引入Appimport App from './App.vue'//关闭Vue的生产提示Vue.config.productionTip = false//创建vmnew Vue({ el:'#app', render: h => h(App), beforeCreate() { // 挂载全局事件总线 Vue.prototyp

2022-02-08 10:01:28 182

原创 VUE学习(十八)、VUE脚手架配置代理

VUE学习(十八)、VUE脚手架配置代理前提是后端已存在一、App.vue<template> <div> <button @click="getStudents">获取学生信息</button> <button @click="getCars">获取汽车信息</button> </div></template><script>import

2022-02-07 19:42:52 351

原创 VUE学习(十七)、Vue封装的过度与动画

VUE学习(十七)、Vue封装的过度与动画Vue封装的过度与动画作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。图示:写法:准备好样式:元素进入的样式:v-enter:进入的起点v-enter-active:进入过程中v-enter-to:进入的终点元素离开的样式:v-leave:离开的起点v-leave-active:离开过程中v-leave-to:离开的终点使用<transition>包裹要过度的元素,并

2022-02-07 17:45:25 715 2

原创 VUE笔记文章列表

VUE笔记文章列表1、VUE学习(一)、基于简单js引入的Vue快速入门——简单实例使用_醉瑾_的博客-CSDN博客2、VUE学习(二)、计算属性vs侦听属性——基于案例的对比_醉瑾_的博客-CSDN博客3、VUE学习(三)、绑定样式——class和style_醉瑾_的博客-CSDN博客4、VUE学习(四)、条件渲染——v-if与v-show_醉瑾_的博客-CSDN博客5、VUE学习(五)、列表渲染之:key原理、列表过滤、列表排序_醉瑾_的博客-CSDN博客6、VUE学习(六)、vue 监测数

2022-02-07 09:49:33 660

原创 VUE学习(十六)、全局事件总线及TodoList案例事件总线实现

VUE(十六)、全局事件总线及TodoList案例事件总线实现1、父给子传 props、全局事件总线(没必要)2、子给父传 props(父亲先给儿子一个函数,儿子调用这个函数)、自定义事件、全局总线(没必要)3、多层传递 适合用全局事件总线思想:创建一个用于全局可访问的组件(没有其他作用,仅作为数据传递),再将VUE原型上添加一个值为这个组件对象,一般称之为$bus1、main.js//引入Vueimport Vue from "vue";//引入Ap

2022-02-07 09:32:57 184

原创 VUE学习(十五)、组件自定义事件及todoList案例自定义事件完成

VUE学习(十五)、组件自定义事件及todoList案例自定义事件完成项目文件组件的自定义事件一种组件间通信的方式,适用于:子组件 ===> 父组件使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。绑定自定义事件:第一种方式,在父组件中:<Demo @zuijin="test"/> 或 <Demo v-on:zuijin="test"/>第二种方式,在父组件中:<Demo ref

2022-02-07 09:27:46 126

原创 VUE学习(十四)、TodoList案例(基于props实现组件间通信通)

VUE学习(十四)、TodoList案例(基于props实现组件间通信通)一、案例演示二、案例组件目录[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iazGFqL3-1643951037720)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20220203094643969.png)]三、编码1、MyFooter组件<template> <div clas

2022-02-04 13:09:09 343

原创 VUE学习(十三)、ref属性、props配置项、minix混入、自定义插件、scoped样式

VUE学习(十三)、ref属性、props配置项、minix混入、自定义插件、scoped样式一、ref属性<template> <div> <h1 v-text="msg" ref="title"></h1> <button ref="btn" @click="showDOM">点我输出上方的DOM元素</button> <School ref="sch"/> </div></tem

2022-02-02 09:44:53 394

原创 VUE学习(十二)、vue脚手架的使用

VUE学习(十二)、vue脚手架的使用一、安装vue-cli1、配置淘宝镜像配置淘宝镜像防止有时候安装脚手架网络卡顿npm config set registry https://registry.npm.taobao.org2、全局安装@vue/clinpm install -g @vue/cli3、创建一个项目vue create hello-world(vue版本、语法转换、语法检查)4、启动项目npm run serve访问生成地址即可5、也可使用vue ui命

2022-01-30 09:56:52 1583

原创 VUE学习(十一)、组件——非单文件组件、单文件组件

VUE学习(十一)、组件——非单文件组件、单文件组件一、非单文件组件一个文件包含有n个组件1、基本使用<body> <!-- Vue中使用组件的三大步骤: 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件? 使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别; 区别如下: 1.el不要写,

2022-01-28 22:29:00 1274

原创 VUE学习(十)、生命周期

VUE学习(十)、生命周期1、生命周期<body> <!-- 生命周期: 1.又名:生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vm 或 组件实例对象。 --> <!-- 准备好一个容器--> <div id="root"> <h2 v

2022-01-27 20:14:25 124

原创 VUE学习(九)、内置指令、自定义指令

VUE学习(九)、内置指令、自定义指令1、v-text指令<body> <!-- 我们学过的指令: v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染(动态控制节点是否存存在) v-else : 条件渲染(动态控制节点是否存存在) v-show : 条件渲染 (动态控制节

2022-01-27 16:23:39 98

原创 VUE学习(八)、过滤器

VUE学习(八)、过滤器过滤器:​ vue3已经不推荐使用过滤器​ 定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)。​ 语法:​ 1.注册过滤器:Vue.filter(name,callback) 或 new Vue{filters:{}}​ 2.使用过滤器:{{ xxx | 过滤器名}} 或 v-bind:属性 = “xxx | 过滤器名”​ 备注:​

2022-01-27 10:10:01 874

原创 VUE学习(七)、收集表单数据

VUE学习(七)、收集表单数据收集表单数据:​ 若:<input type=“text”/>,则v-model收集的是value值,用户输入的就是value值。​ 若:<input type=“radio”/>,则v-model收集的是value值,且要给标签配置value值。​ 若:<input type=“checkbox”/>​ 1.没有配置input的value属性,那么收集的就是checked(勾选 or

2022-01-26 18:03:33 209

原创 VUE学习(六)、vue 监测数据改变原理

Vue监视数据的原理: 1. vue会监视data中所有层次的数据。 2. 如何监测对象中的数据? 通过setter实现监视,且要在new Vue时就传入要监测的数据。 (1).对象中后追加的属性,Vue默认不做响应式处理 (2).如需给后添加的属性做响应式,请使用如下API: Vue.set(target,propertyName/index,value) 或 vm.$set(target,propertyName/index,value

2022-01-23 21:34:39 953 2

原创 VUE学习(五)、列表渲染之:key原理、列表过滤、列表排序

VUE学习(五)——列表渲染之:key原理、过滤、排序1、认识基本列表——v-for指令遍历列表<!-- v-for指令: 1.用于展示列表数据 2.语法:v-for="(item, index) in xxx" :key="yyy" in 和 of 都是一样的 3.可遍历:数组、对象、字符串(用的很少)、指定次数(用的很少)--><html> <head> <meta charset="UTF-8" /> <t

2022-01-02 20:25:23 876

原创 2022年了,提前祝大家2023年快乐——2023年倒计时

js实现倒数计时功能js+html实现2023年倒计时提前祝大家新年快乐2020 倒计时

2022-01-01 14:25:56 2219

原创 VUE学习(四)、条件渲染——v-if与v-show

VUE学习(四)、条件渲染——v-if与v-show1、简单认识v-if与v-show<body><div id="app"> <!-- a=!a 取反操作 --> <button @click="vif=!vif">切换显示隐藏</button> <div v-if="vif" style="background-color: red; width: 200px; height

2021-12-31 15:26:44 1573

原创 VUE学习(三)、绑定样式——class和style

VUE学习(三)、绑定样式——class和style绑定样式: 1. class样式 写法:class="xxx" xxx可以是字符串、对象、数组。 字符串写法适用于:类名不确定,要动态获取。 对象写法适用于:要绑定多个样式,个数不确定,名字也不确定。 数组写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用不用。 2. style样式 :style="{fontSize: xxx}"其中xxx是动态值。 :style="[a,b]"其中a、b是样式对象(如下边 vue

2021-12-30 09:57:39 971

原创 VUE学习(二)、计算属性vs侦听属性——基于案例的对比

VUE学习(二)、计算属性vs侦听属性——基于案例的对比一、姓名案例——计算属性1、插值语法实现<body> <!-- 准备好一个容器--> <div id="root"> <!-- v-model是v-model:value简写 --> <!-- {{xx}} 插值语法中可以实现各类需求,如firstName大写 firstName.toUpperCase()等等功能 但是,这会使{{}}中的内容变得臃肿混乱,此时

2021-12-29 20:38:44 453

原创 VUE学习(一)、基于简单js引入的Vue快速入门——简单实例使用

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

2021-12-29 14:23:32 2389

原创 Lombok介绍及其各类注解简单使用

Lombok介绍及其简单使用1、Lombok到底要不要使用?看看别人的文章Lombok插件到底要不要用?推荐使用的网友这样说: - 知乎 (zhihu.com)Lombok插件到底要不要用?看到很多网友对这个话题进行讨论,推荐使用的网友认为,自动化配置也需要了解代码背后的实现,技术人科普一下使用及注意事项也是好事。而不推荐使用的网友则认为Lombok本质上是一个预处理程序,最大的问题是你看到的代码和编译器看到的代码不一样,会导致很多问题无法及时发现,跟C的define类似,所以不推荐使用。那么,你们觉

2021-12-25 21:56:53 1216

原创 关于@Autowire注入报错解决方案——项目能运行,但是IDEA却爆红

1、添加@SuppressWarnings注解的确有效,但是这个并不是解决问题,只是告诉IDEA忽略这种错误警告简介:java.lang.SuppressWarnings是J2SE5.0中标准的Annotation之一。可以标注在类、字段、方法、参数、构造方法,以及局部变量上。作用:告诉编译器忽略指定的警告,不用在编译完成后出现警告信息。使用:@SuppressWarnings(“”)@SuppressWarnings({})@SuppressWarnings(value={})根据su

2021-12-25 12:17:39 1489

计算机网络知识点.doc

各章节知识点浓缩总结

2021-12-17

计算机网络测试题.docx

选择,填空,简答、计算

2021-12-17

navicat及USBWebserverJDBC编程工具

数据库学习开发工具包含navicat及usbwebserver,包含安装教程内容。数据库学习开发工具包含navicat及usbwebserver,包含安装教程内容。数据库学习开发工具包含navicat及usbwebserver,包含安装教程内容。

2020-11-20

2525道菜谱.pdf

辛苦的程序员应该知道怎么享受生活,在闲暇之余做点好菜,犒劳自己一下。平时少熬夜,均衡饮食,祝你们少脱发

2020-03-03

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除