自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (7)
  • 收藏
  • 关注

原创 二:Hexo 页面编写

自己编写hexo,带你轻松入门

2021-12-14 18:19:12 1476 1

原创 Hexo搭建开发过程中的问题集及解决办法

目录1、使用Hexo启动后,浏览器返回一个 Cannot GET/1、使用Hexo启动后,浏览器返回一个 Cannot GET/问题原因: 在路径\source_posts\下面没有存放文章解决方案: 在这个目录下创建一个md文件即可

2021-12-14 16:48:53 517

原创 一:搭建配置Hexo框架项目

目录第一步:搭建一个Hexo框架项目1、安装node.js和git2、安装hexo3、建立网站4、初次启动第二步: 部署到GitHub第一步:创建一个git仓库。**仓库名必须按照这个格式:用户名 .github.io** 。如下图所示:第二步:修改跟目录的_config.yml文件第三步:清除缓存文件和已生成的静态文件第四步:部署网站第一步:搭建一个Hexo框架项目1、安装node.js和git2、安装hexonpm install -g hexo-cli3、建立网站hexo init &

2021-12-13 16:00:03 830

原创 vue遍历出来的一堆按钮,点击的时候只需要点击的按钮有加载状态

目标实现:vue遍历出来的一堆按钮,点击的时候只需要点击的按钮有加载状态重点就是点击的时候传入一个唯一标识这个按钮的值,用值和loading值同时标识这个按钮的加载状态 <van-button v-for="(s,index) in data" :loading="clickLockedIndex === subAccount.id && changeLockedLoading" @click="lockedChange(false, index)"&gt.

2021-10-12 18:19:07 1049 1

原创 Java随机生成一个登录密码

采用BCrypt/** * 随机生成一个密码 * * 引入jar包 * <dependency> * <groupId>org.apache.commons</groupId> * <artifactId>commons-lang3</artifactId> * <version>3.10</version> * .

2021-10-12 16:25:33 370

原创 vant-vue页面 常用的表单代码全

<template> <div> <van-form @submit="onSubmit"> <van-field name="originalPassword" v-model="originalPassword" type="password" label="原密码" placeholder="请输入原密码" required

2021-10-12 15:09:14 768

原创 微信公众号模板消息配置和发送

采用定时器或者时间监听机制,发送微信模板消息微信模板消息官方文档代码实现思路首先需要一个微信测试号,并配置一个消息模板第一步:拿到微信appid和secret获取到access_token,然后得到我们请求微信发送模板消息的接口第二步:封装发送的json数据,需要接受者的openid(唯一标识用户的id),模板id(templatedId),传输的数据(data)上代码一:根据模板封装一个map对象 HashMap<String, String> map =

2021-10-11 16:21:56 2601

原创 微信测试号的配置

2021-10-11 14:28:32 377

原创 Vue组件通信的五种方法

前言我们通常会把整个页面被分成小组件,这些组件有自己的功能和 UI。 有时,我们需要一种方法来在这些组件之间进行通信。我们可以使用 Vuex(状态管理工具)来存储数据并跨组件使用。 但有时,我们需要一种方法将数据从一个组件发送到另一个组件,而无需使用 Vuex 存储。请看下面共有五种方法可以进行通信1、使用Props (父组件通信子组件)2、使用Events 事件(子组件通信父组件)3、使用Event Bus 事件总线(父通信子,子通信父)4、使用provide/inject 提供和注

2021-10-11 14:22:17 1479

原创 手写一个类似 element-ui 的可输入下拉选择

效果图如下:当 鼠标 点击 输入框时,显示下拉滚动列表,点击后采用赋值给 输入框; 在输入框中输入值可以再我们的下拉列表数据中进行模糊匹配完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &

2021-05-11 23:06:30 488

原创 给固定定位的盒子居中

第一步:给div固定定位,然后左偏移量为50%,效果如右图,并没有居中,应该再让盒子往右来自身宽度的一半【position: fixed; left: 50%】第二步:往右走自身宽度的一半【 transform: translateX(-50%); 往x轴的负方向走自身宽度的50%】...

2021-04-04 09:53:59 695

原创 css - flex弹性布局

目标:说出flex盒子布局原理说出flex布局的常用属性前提介绍:PC端浏览器支持情况不太好移动端应用很广泛备注:如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局如果是PC端且要考虑兼容性问题,还是使用传统布局布局原理:flex:意思是弹性布局,任何一个容器都可以指定为flex布局当我们为父盒子设为flex布局后,子元素的float、clear、vertical-align属性将失效 伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性

2021-04-04 09:48:37 164

原创 CSS - position 定位

postition的常用的值:static,relative,absolute,fixed,一:position = static 【静态定位】只要是支持position属性的html对象都是默认为static。static是position属性的默认值,它表示块保留在原本应该在的位置,不会重新定位。二:position = relative 【相对定位】相对定位:相对于此元素原本的位置进行垂直或水平移动三:position = absol...

2021-04-04 09:36:47 123

原创 Monent.js获取时间的各种方式

今天:moment(), moment()昨天:moment().subtract(1, ‘days’), moment().subtract(1, ‘days’)最近7天:moment().subtract(6, ‘days’), moment()最近30天:moment().subtract(29,‘days’), moment()当周:moment().startOf(‘week’), moment().endOf(‘week’)当月:moment().startOf(‘month’), .

2020-11-09 16:16:18 378

原创 使用Ant Design Vue 做一个常用的修改对话框

使用Ant Design Vue 做一个常用的修改对话框一:需求描述二:前端vue代码2.1 图1:2.1.1 自定义组件DescriptionItem(文件名)如下:2.1.2 父组件代码2.2 图2:使用Ant Design Vue 做一个常用的修改对话框Ant Design Vue 官网:https://www.antdv.com/docs/vue/introduce-cn/一:需求描述首先我们需要有一个图1的前端界面,其次我们点击图1“修改”按钮的时候,弹出有遮罩层的一个对话框并在对话框中回

2020-10-10 16:17:14 2644

原创 SpringBoot实现事件监听机制

SpringBoot实现事件监听机制前言SpringBoot实现事件监听机制一共有三个步骤;第一个步:创建一个事件类第二步:发布事件前言SpringBoot实现事件监听机制一共有三个步骤;第一个步骤:需要有一个事件类第二个步骤:需要一个发布事件的动作第三个步骤:需要有一个监听此事件被发布这个动作的方法第一个步:创建一个事件类@Getterpublic class UserEvent{ private String username; private Integer age; pu

2020-09-30 17:47:27 404

原创 IDEA整合GitLab并进行分支使用

IDEA整合GitLab并进行使用一:IDEA安装GitLab插件二:检出项目一:IDEA安装GitLab插件打开IDEA,“File” — “Setting” — “Plugins” --“搜索gitlab” – “安装完后重启”二:检出项目从gitlab上面检出项目,File->New->Project From Version Control->Git然后在新的弹框中输入gitlab地址,点击clone,clone完成之后打开即可...

2020-09-08 12:23:08 2962

原创 IDEA+SpringBoot+Vue

IDEA+SpringBoot+Vue一:安装Vue1.1、安装node.js1.2、安装webpack1.3、安装vue-cli1.4、创建并运行Vue项目二:IDEA创建一个简单的SpringBoot的Demo项目三:Vue项目打包并和SpringBoot进行整合3.1、Vue项目打包3.2、将Vue打包生成的dist文件夹下的内容复制到springboot项目的static文件夹下补充:IDEA配置Vue环境1.1、打开IDEA安装Vue插件1.2、配置JavaScript版本1.3、在HTML中添加

2020-09-03 17:23:49 10213 3

原创 IDEA学习笔记

IDEA学习笔记1、IDEA自定义代码模板1.1、自定义Mybatis映射文件xml1、IDEA自定义代码模板1.1、自定义Mybatis映射文件xml选择“File” —> “Settings” —> “Editor” --> “File and Code Templates” -->"点击+"新建一个文件 —>见下图:<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE mapper PUBLIC "

2020-09-02 22:21:21 113

原创 @Configuration和@Bean

在类上添加注解@Configuration,代替xml配置中的beans@Configurationpublic class ConfigurationDemo { ConfigurationDemo(){ System.out.println("加载完成"); }}在测试类加载本类@RunWith(SpringRunner.class)@SpringBootTest...

2019-07-25 23:04:30 738

原创 MySQL的图形化界面的基本使用方法

MySQL的图形化界面的基本使用方法一、首先将java.war放进tomact安装包下面的webapps下,然后运行bin/startup.bat,然后查看webapps下面时候新生成了一个和你的war包名相同的文件夹。 二、编辑新生成的文件下的WEB-INF/classes/db-config.properties原图如图:需要将password那一行设置为你安装的MySQL软件的密码。 一、打...

2018-05-23 10:15:46 16588

原创 处理Android studio 不能识别真机的方法

处理Android studio 不能识别真机的方法方法一:确保手机已经通过USB接口与电脑连接,并且打开了手机的“开发者模式”以及“USB调试”方法二:确定手机在“我的电脑”里能被检测到,并且成功安装手机驱动。方法三:点击“app”下“edit configurations”下“target”改为USB device 方法四:在dos命令下输入adb检测是否正常(adb工具即...

2018-05-12 22:09:55 5623

省市县/区下拉列表,同步改变

实现了省市县/区的下拉列表展示,市自动匹配省,县/区自动匹配省.当更改省时,市和县/区同步更改;当更改市时,县/区时同步更改.

2019-07-01

面向对象,JQuery,javascript,java基础,mybatis的接口开发的思维导图

面向对象,JQuery,javascript,java基础,mybatis的接口开发的思维导图,详细且明了,希望能对你有所帮助

2019-06-11

面向对象.png

java面向对象之思维导图,方便使用,清楚明了,解决你的疑惑

2019-06-11

MySQL的基本使用方法

MySQL的基本使用方法和简单的端口测试,附图解,最简单

2018-05-23

处理Androidstudio不能识别真机的方法

本文章是用于解决Androidstudio不能识别真机的四种方法,希望能帮大家解决问题。

2018-05-12

Android studio 32位安装教程

这是一个非常详细的Android studio 32位安装教程,所有安装步骤都有截屏。

2017-11-13

Android studio 64位安装教程

这是一个非常详细的Android studio 64位安装教程,有所有安装步骤的截屏。

2017-11-13

空空如也

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

TA关注的人

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