- 博客(22)
- 资源 (7)
- 收藏
- 关注
原创 Hexo搭建开发过程中的问题集及解决办法
目录1、使用Hexo启动后,浏览器返回一个 Cannot GET/1、使用Hexo启动后,浏览器返回一个 Cannot GET/问题原因: 在路径\source_posts\下面没有存放文章解决方案: 在这个目录下创建一个md文件即可
2021-12-14 16:48:53
696
原创 一:搭建配置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
888
原创 vue遍历出来的一堆按钮,点击的时候只需要点击的按钮有加载状态
目标实现:vue遍历出来的一堆按钮,点击的时候只需要点击的按钮有加载状态重点就是点击的时候传入一个唯一标识这个按钮的值,用值和loading值同时标识这个按钮的加载状态 <van-button v-for="(s,index) in data" :loading="clickLockedIndex === subAccount.id && changeLockedLoading" @click="lockedChange(false, index)">.
2021-10-12 18:19:07
1147
1
原创 Java随机生成一个登录密码
采用BCrypt/** * 随机生成一个密码 * * 引入jar包 * <dependency> * <groupId>org.apache.commons</groupId> * <artifactId>commons-lang3</artifactId> * <version>3.10</version> * .
2021-10-12 16:25:33
427
原创 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
886
原创 微信公众号模板消息配置和发送
采用定时器或者时间监听机制,发送微信模板消息微信模板消息官方文档代码实现思路首先需要一个微信测试号,并配置一个消息模板第一步:拿到微信appid和secret获取到access_token,然后得到我们请求微信发送模板消息的接口第二步:封装发送的json数据,需要接受者的openid(唯一标识用户的id),模板id(templatedId),传输的数据(data)上代码一:根据模板封装一个map对象 HashMap<String, String> map =
2021-10-11 16:21:56
2858
原创 Vue组件通信的五种方法
前言我们通常会把整个页面被分成小组件,这些组件有自己的功能和 UI。 有时,我们需要一种方法来在这些组件之间进行通信。我们可以使用 Vuex(状态管理工具)来存储数据并跨组件使用。 但有时,我们需要一种方法将数据从一个组件发送到另一个组件,而无需使用 Vuex 存储。请看下面共有五种方法可以进行通信1、使用Props (父组件通信子组件)2、使用Events 事件(子组件通信父组件)3、使用Event Bus 事件总线(父通信子,子通信父)4、使用provide/inject 提供和注
2021-10-11 14:22:17
1585
原创 手写一个类似 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
597
原创 给固定定位的盒子居中
第一步:给div固定定位,然后左偏移量为50%,效果如右图,并没有居中,应该再让盒子往右来自身宽度的一半【position: fixed; left: 50%】第二步:往右走自身宽度的一半【 transform: translateX(-50%); 往x轴的负方向走自身宽度的50%】...
2021-04-04 09:53:59
858
原创 css - flex弹性布局
目标:说出flex盒子布局原理说出flex布局的常用属性前提介绍:PC端浏览器支持情况不太好移动端应用很广泛备注:如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局如果是PC端且要考虑兼容性问题,还是使用传统布局布局原理:flex:意思是弹性布局,任何一个容器都可以指定为flex布局当我们为父盒子设为flex布局后,子元素的float、clear、vertical-align属性将失效 伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性
2021-04-04 09:48:37
207
原创 CSS - position 定位
postition的常用的值:static,relative,absolute,fixed,一:position = static 【静态定位】只要是支持position属性的html对象都是默认为static。static是position属性的默认值,它表示块保留在原本应该在的位置,不会重新定位。二:position = relative 【相对定位】相对定位:相对于此元素原本的位置进行垂直或水平移动三:position = absol...
2021-04-04 09:36:47
188
原创 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
468
原创 使用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
2911
原创 SpringBoot实现事件监听机制
SpringBoot实现事件监听机制前言SpringBoot实现事件监听机制一共有三个步骤;第一个步:创建一个事件类第二步:发布事件前言SpringBoot实现事件监听机制一共有三个步骤;第一个步骤:需要有一个事件类第二个步骤:需要一个发布事件的动作第三个步骤:需要有一个监听此事件被发布这个动作的方法第一个步:创建一个事件类@Getterpublic class UserEvent{ private String username; private Integer age; pu
2020-09-30 17:47:27
488
原创 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
3402
原创 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
13505
4
原创 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
154
原创 @Configuration和@Bean
在类上添加注解@Configuration,代替xml配置中的beans@Configurationpublic class ConfigurationDemo { ConfigurationDemo(){ System.out.println("加载完成"); }}在测试类加载本类@RunWith(SpringRunner.class)@SpringBootTest...
2019-07-25 23:04:30
782
原创 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
16842
原创 处理Android studio 不能识别真机的方法
处理Android studio 不能识别真机的方法方法一:确保手机已经通过USB接口与电脑连接,并且打开了手机的“开发者模式”以及“USB调试”方法二:确定手机在“我的电脑”里能被检测到,并且成功安装手机驱动。方法三:点击“app”下“edit configurations”下“target”改为USB device 方法四:在dos命令下输入adb检测是否正常(adb工具即...
2018-05-12 22:09:55
5911
面向对象,JQuery,javascript,java基础,mybatis的接口开发的思维导图
2019-06-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人