<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[IOTbaqi的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/IOTbaqi</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; IOTbaqi]]></copyright><item><title><![CDATA[二：Hexo 页面编写]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/121910449</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/121910449</guid><author>IOTbaqi</author><pubDate>Tue, 14 Dec 2021 18:19:12 +0800</pubDate><description><![CDATA[自己编写hexo，带你轻松入门]]></description><category></category></item><item><title><![CDATA[Hexo搭建开发过程中的问题集及解决办法]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/121931021</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/121931021</guid><author>IOTbaqi</author><pubDate>Tue, 14 Dec 2021 16:48:53 +0800</pubDate><description><![CDATA[目录1、使用Hexo启动后，浏览器返回一个 Cannot GET/
1、使用Hexo启动后，浏览器返回一个 Cannot GET/
问题原因： 在路径\source_posts\下面没有存放文章
解决方案： 在这个目录下创建一个md文件即可

]]></description><category></category></item><item><title><![CDATA[一：搭建配置Hexo框架项目]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/121904758</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/121904758</guid><author>IOTbaqi</author><pubDate>Mon, 13 Dec 2021 16:00:03 +0800</pubDate><description><![CDATA[目录第一步：搭建一个Hexo框架项目1、安装node.js和git2、安装hexo3、建立网站4、初次启动第二步： 部署到GitHub第一步：创建一个git仓库。**仓库名必须按照这个格式：用户名 .github.io**  。如下图所示：第二步：修改跟目录的_config.yml文件第三步：清除缓存文件和已生成的静态文件第四步：部署网站
第一步：搭建一个Hexo框架项目
1、安装node.js和git
2、安装hexo
npm install -g hexo-cli

3、建立网站
hexo init &]]></description><category></category></item><item><title><![CDATA[vue遍历出来的一堆按钮，点击的时候只需要点击的按钮有加载状态]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/120729157</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/120729157</guid><author>IOTbaqi</author><pubDate>Tue, 12 Oct 2021 18:19:07 +0800</pubDate><description><![CDATA[目标实现：vue遍历出来的一堆按钮，点击的时候只需要点击的按钮有加载状态


重点就是点击的时候传入一个唯一标识这个按钮的值，用值和loading值同时标识这个按钮的加载状态

 &lt;van-button v-for="(s,index) in data" 
 	 :loading="clickLockedIndex === subAccount.id &amp;&amp; changeLockedLoading"
     @click="lockedChange(false, index)"&gt.]]></description><category></category></item><item><title><![CDATA[Java随机生成一个登录密码]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/120726210</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/120726210</guid><author>IOTbaqi</author><pubDate>Tue, 12 Oct 2021 16:25:33 +0800</pubDate><description><![CDATA[采用BCrypt

/**
 * 随机生成一个密码
 *
 * 引入jar包
 *         &lt;dependency&gt;
 *             &lt;groupId&gt;org.apache.commons&lt;/groupId&gt;
 *             &lt;artifactId&gt;commons-lang3&lt;/artifactId&gt;
 *             &lt;version&gt;3.10&lt;/version&gt;
 *  .]]></description><category></category></item><item><title><![CDATA[vant-vue页面 常用的表单代码全]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/120723996</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/120723996</guid><author>IOTbaqi</author><pubDate>Tue, 12 Oct 2021 15:09:14 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;div&gt;
    &lt;van-form @submit="onSubmit"&gt;
      &lt;van-field
        name="originalPassword"
        v-model="originalPassword"
        type="password"
        label="原密码"
        placeholder="请输入原密码"
        required
        ]]></description><category></category></item><item><title><![CDATA[微信公众号模板消息配置和发送]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/120705240</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/120705240</guid><author>IOTbaqi</author><pubDate>Mon, 11 Oct 2021 16:21:56 +0800</pubDate><description><![CDATA[采用定时器或者时间监听机制，发送微信模板消息
微信模板消息官方文档



代码实现思路
首先需要一个微信测试号，并配置一个消息模板



第一步：拿到微信appid和secret获取到access_token，然后得到我们请求微信发送模板消息的接口
第二步：封装发送的json数据，需要接受者的openid(唯一标识用户的id)，模板id(templatedId)，传输的数据(data)

上代码
一：根据模板封装一个map对象
    HashMap&lt;String, String&gt; map = ]]></description><category></category></item><item><title><![CDATA[微信测试号的配置]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/120702556</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/120702556</guid><author>IOTbaqi</author><pubDate>Mon, 11 Oct 2021 14:28:32 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[Vue组件通信的五种方法]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/120702348</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/120702348</guid><author>IOTbaqi</author><pubDate>Mon, 11 Oct 2021 14:22:17 +0800</pubDate><description><![CDATA[前言

我们通常会把整个页面被分成小组件，这些组件有自己的功能和 UI。 有时，我们需要一种方法来在这些组件之间进行通信。
我们可以使用 Vuex（状态管理工具）来存储数据并跨组件使用。 但有时，我们需要一种方法将数据从一个组件发送到另一个组件，而无需使用 Vuex 存储。
请看下面

共有五种方法可以进行通信

1、使用Props (父组件通信子组件)
2、使用Events 事件(子组件通信父组件)
3、使用Event Bus 事件总线(父通信子，子通信父)
4、使用provide/inject 提供和注]]></description><category></category></item><item><title><![CDATA[手写一个类似 element-ui 的可输入下拉选择]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/116674598</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/116674598</guid><author>IOTbaqi</author><pubDate>Tue, 11 May 2021 23:06:30 +0800</pubDate><description><![CDATA[效果图如下：

当 鼠标 点击 输入框时，显示下拉滚动列表，点击后采用赋值给 输入框； 在输入框中输入值可以再我们的下拉列表数据中进行模糊匹配


完整代码
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &]]></description><category></category></item><item><title><![CDATA[给固定定位的盒子居中]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/115425657</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/115425657</guid><author>IOTbaqi</author><pubDate>Sun, 04 Apr 2021 09:53:59 +0800</pubDate><description><![CDATA[第一步：给div固定定位，然后左偏移量为50%，效果如右图，并没有居中，应该再让盒子往右来自身宽度的一半【position: fixed; left: 50%】





第二步：往右走自身宽度的一半【 transform: translateX(-50%); 往x轴的负方向走自身宽度的50%】






...]]></description><category></category></item><item><title><![CDATA[css - flex弹性布局]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/115425538</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/115425538</guid><author>IOTbaqi</author><pubDate>Sun, 04 Apr 2021 09:48:37 +0800</pubDate><description><![CDATA[目标：

说出flex盒子布局原理

说出flex布局的常用属性

前提介绍：

PC端浏览器支持情况不太好

移动端应用很广泛

备注：

如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局

如果是PC端且要考虑兼容性问题，还是使用传统布局

布局原理：

flex：意思是弹性布局，任何一个容器都可以指定为flex布局

当我们为父盒子设为flex布局后，子元素的float、clear、vertical-align属性将失效
	伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性]]></description><category></category></item><item><title><![CDATA[CSS - position 定位]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/115425480</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/115425480</guid><author>IOTbaqi</author><pubDate>Sun, 04 Apr 2021 09:36:47 +0800</pubDate><description><![CDATA[postition的常用的值：static，relative，absolute，fixed,

一：position = static 【静态定位】

只要是支持position属性的html对象都是默认为static。static是position属性的默认值，它表示块保留在原本应该在的位置，不会重新定位。







二：position = relative 【相对定位】

相对定位：相对于此元素原本的位置进行垂直或水平移动











三：position = absol...]]></description><category></category></item><item><title><![CDATA[Monent.js获取时间的各种方式]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/109579909</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/109579909</guid><author>IOTbaqi</author><pubDate>Mon, 09 Nov 2020 16:16:18 +0800</pubDate><description><![CDATA[今天：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’), .]]></description><category></category></item><item><title><![CDATA[使用Ant Design Vue 做一个常用的修改对话框]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/108999312</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/108999312</guid><author>IOTbaqi</author><pubDate>Sat, 10 Oct 2020 16:17:14 +0800</pubDate><description><![CDATA[使用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“修改”按钮的时候，弹出有遮罩层的一个对话框并在对话框中回]]></description><category></category></item><item><title><![CDATA[SpringBoot实现事件监听机制]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/108888752</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/108888752</guid><author>IOTbaqi</author><pubDate>Wed, 30 Sep 2020 17:47:27 +0800</pubDate><description><![CDATA[SpringBoot实现事件监听机制前言SpringBoot实现事件监听机制一共有三个步骤;第一个步：创建一个事件类第二步：发布事件
前言
SpringBoot实现事件监听机制一共有三个步骤;
第一个步骤：需要有一个事件类
第二个步骤：需要一个发布事件的动作
第三个步骤：需要有一个监听此事件被发布这个动作的方法
第一个步：创建一个事件类
@Getter
public class UserEvent{
  private String username;
  private Integer age;
  pu]]></description><category></category></item><item><title><![CDATA[IDEA整合GitLab并进行分支使用]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/108443020</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/108443020</guid><author>IOTbaqi</author><pubDate>Tue, 08 Sep 2020 12:23:08 +0800</pubDate><description><![CDATA[IDEA整合GitLab并进行使用一：IDEA安装GitLab插件二：检出项目
一：IDEA安装GitLab插件
打开IDEA，“File” — “Setting” — “Plugins” --“搜索gitlab”  –  “安装完后重启”

二：检出项目
从gitlab上面检出项目，File-&gt;New-&gt;Project From Version Control-&gt;Git
然后在新的弹框中输入gitlab地址，点击clone，clone完成之后打开即可


...]]></description><category></category></item><item><title><![CDATA[IDEA+SpringBoot+Vue]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/108384466</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/108384466</guid><author>IOTbaqi</author><pubDate>Thu, 03 Sep 2020 17:23:49 +0800</pubDate><description><![CDATA[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中添加]]></description><category></category></item><item><title><![CDATA[IDEA学习笔记]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/108371667</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/108371667</guid><author>IOTbaqi</author><pubDate>Wed, 02 Sep 2020 22:21:21 +0800</pubDate><description><![CDATA[IDEA学习笔记1、IDEA自定义代码模板1.1、自定义Mybatis映射文件xml
1、IDEA自定义代码模板
1.1、自定义Mybatis映射文件xml
选择“File” —&gt; “Settings” —&gt; “Editor” --&gt; “File and Code Templates” --&gt;"点击+"新建一个文件 —&gt;见下图：

&lt;?xml version="1.0" encoding="UTF-8" ?&gt;
&lt;!DOCTYPE mapper PUBLIC "]]></description><category></category></item><item><title><![CDATA[@Configuration和@Bean]]></title><link>https://blog.youkuaiyun.com/IOTbaqi/article/details/95375127</link><guid>https://blog.youkuaiyun.com/IOTbaqi/article/details/95375127</guid><author>IOTbaqi</author><pubDate>Thu, 25 Jul 2019 23:04:30 +0800</pubDate><description><![CDATA[在类上添加注解@Configuration,代替xml配置中的beans


@Configuration
public class ConfigurationDemo {
	ConfigurationDemo(){
		System.out.println("加载完成");
	}
}

在测试类加载本类


@RunWith(SpringRunner.class)
@SpringBootTest...]]></description><category></category></item></channel></rss>