<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mini74的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mini74</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mini74]]></copyright><item><title><![CDATA[【无标题】]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/128287733</link><guid>https://blog.youkuaiyun.com/mini74/article/details/128287733</guid><author>mini74</author><pubDate>Mon, 12 Dec 2022 16:59:10 +0800</pubDate><description><![CDATA[游戏运营小知识]]></description><category></category></item><item><title><![CDATA[消费平台遇到的问题及一些小收获]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/106409841</link><guid>https://blog.youkuaiyun.com/mini74/article/details/106409841</guid><author>mini74</author><pubDate>Thu, 28 May 2020 17:59:08 +0800</pubDate><description><![CDATA[有那种前几个样式和后面几个样式不一样时，可以使用if，else-if来进行判断显示：


&lt;li v-for="(item,i) in WindowsVal" :key="i"&gt;
  &lt;img v-if="i == 0" src="@/assets/image/top.png" /&gt;
  &lt;img v-else-if="i == 1" src="@/assets/image/two.png" /&gt;
  &lt;img v-else-if="i == 2" src="@/.]]></description><category></category></item><item><title><![CDATA[vue如何使用防抖]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/106071138</link><guid>https://blog.youkuaiyun.com/mini74/article/details/106071138</guid><author>mini74</author><pubDate>Tue, 12 May 2020 10:44:24 +0800</pubDate><description><![CDATA[首先先将以下代码复制粘贴至自己的代码中

const debounce = function(handle, delay) {
    var timer = null;
    return function() {
        var _self = this,
            arg = arguments;
        clearTimeout(timer);
        timer = setTimeout(function() {
            handle.ap.]]></description><category></category></item><item><title><![CDATA[vue实现父组件获取子组件的方法或者属性值]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/106070055</link><guid>https://blog.youkuaiyun.com/mini74/article/details/106070055</guid><author>mini74</author><pubDate>Tue, 12 May 2020 10:20:08 +0800</pubDate><description><![CDATA[vue的本质就是每一块只负责自己这一块的工作，这样更容易维护。
这里主要使用了vue的$ref：

当用在一般的标签上时，主要功能是获取dom节点，进行一些dom的操作。
当使用在子组件上，可以用来获取子组件的属性。

那么下面我们要实现的就是如何在父组件上使用子组件的方法
目标：我需要实现一个在父组件上控制子组件的弹窗显示，并且通过参数判断显示哪一个内容。

首先我们很容易想到就是绑定一个点击事件，并且携带一个参数，并且获取子组件的属性，这样在这个父组件中我并没有控制子组件的开关，只是我获取了子组件的方法]]></description><category></category></item><item><title><![CDATA[如何创建angular项目]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105935623</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105935623</guid><author>mini74</author><pubDate>Tue, 05 May 2020 20:32:05 +0800</pubDate><description><![CDATA[准备工作
1.下载安装mode.js
2.打开cmd执行命令npm install -g @angular/cli安装angular/cli（只需要安装一次）
创建angular项目
1.创建一个文件目录，并且在cmd中进入这个目录，然后执行代码ng new angulardemo01（angulardemo01为项目名称）
2.安装好之后cd进入angulardemo01目录，然后执行ng se...]]></description><category></category></item><item><title><![CDATA[如何为vue项目添加进度条]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105862635</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105862635</guid><author>mini74</author><pubDate>Thu, 30 Apr 2020 15:23:27 +0800</pubDate><description><![CDATA[使用到的插件为NProgress

下载NProgress插件（在elementui中直接找到依赖，点击下载依赖）
在main.js中引入

// 导入NProgress包对应的JS和CSS
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'


并且注册

// 在request拦截器中，展示进度条 NProgre...]]></description><category></category></item><item><title><![CDATA[vue如何做到搜索列表中相应的值]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105752944</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105752944</guid><author>mini74</author><pubDate>Sat, 25 Apr 2020 17:29:00 +0800</pubDate><description><![CDATA[在input上双向绑定data中input框的值

&lt;el-input placeholder="请输入内容" v-model="queryInfo.query"&gt;


在input上绑定点击事件，获取页面的数据，并且输出相应的值

&lt;el-button slot="append" icon="el-icon-search" @click="getGoodList"&gt;&l...]]></description><category></category></item><item><title><![CDATA[如何使用element-ui完成分页]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105752775</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105752775</guid><author>mini74</author><pubDate>Sat, 25 Apr 2020 17:09:46 +0800</pubDate><description><![CDATA[首先在获取所有数据的时候，获取到总页数，并且赋值，便于后面调用

 // 获取商品数据
    async getGoodList () {
      const { data: res } = await this.$http.get('goods', { params: this.queryInfo })
      if (res.meta.status !== 200) {
     ...]]></description><category></category></item><item><title><![CDATA[如何使用vue定义一个过滤器]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105752116</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105752116</guid><author>mini74</author><pubDate>Sat, 25 Apr 2020 16:39:10 +0800</pubDate><description><![CDATA[首先在main.js中将过滤器写好，放在main.js中是方便所有组件都可以调用
// 定义全局过滤器
Vue.filter('dateFormat', function (originVal) {
  const dt = new Date(originVal)
  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').p...]]></description><category></category></item><item><title><![CDATA[vue如何点击确定像后台添加相应的内容]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105702705</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105702705</guid><author>mini74</author><pubDate>Thu, 23 Apr 2020 11:24:23 +0800</pubDate><description><![CDATA[分配角色：（使用了elementui，上下衔接可能不那么清晰，主要是想告诉大家这件事的思路）
获取点击一二三级id，使用，分割，传入后台
使用到elementui中tree的两个api：
获取半选中的节点id：getCheckedKeys
获取全选中的节点id：getHalfCheckedKeys
最终打到的目的：

代码部分详解：

给点击确定时绑定点击事件
获取全选和半选的id
将获取的id使...]]></description><category></category></item><item><title><![CDATA[如何点击二级菜单切换地址并且转到相应的页面]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105584975</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105584975</guid><author>mini74</author><pubDate>Fri, 17 Apr 2020 17:32:03 +0800</pubDate><description><![CDATA[给二级菜单绑定点击事件，并且将地址的参数传送给函数

 &lt;el-menu-item :index="'/' + subItem.path" v-for="subItem in item.children" :key="subItem.id" @click="SaveNavState('/' + subItem.path)"&gt;&lt;/el-menu-item&gt;


在方法中定义...]]></description><category></category></item><item><title><![CDATA[码云的一些小知识（持续更新中）]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105562242</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105562242</guid><author>mini74</author><pubDate>Thu, 16 Apr 2020 17:16:25 +0800</pubDate><description><![CDATA[1.创建分支git check -b login
2.查看分支，*代表当前分支git branch
3.查看vue uivue ui
4.添加到暂存区git add
5.提交代码git commit -m "完成了登录功能"
6.合并分支

切换到master（需要合并到那个分支就切换到那个分支）git checkout master
合并git merge
7.将本地代码推送至码云git pus...]]></description><category></category></item><item><title><![CDATA[vue如何使用路由导航守卫]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105561350</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105561350</guid><author>mini74</author><pubDate>Thu, 16 Apr 2020 16:42:47 +0800</pubDate><description><![CDATA[在router/index.js中定义路由导航守卫
// 挂载路由导航守卫
router.beforeEach((to, from, next) =&gt; {
  // to 将要访问的路径
  // from 从哪个路径跳转来的
  // next 是一个函数，表示放行
  // 判断是否存在token，如果不存在强制跳转到login页面
  if (to.path === '/login')...]]></description><category></category></item><item><title><![CDATA[vue如何使用axios查询上传数据是否存在数据库表中]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105558860</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105558860</guid><author>mini74</author><pubDate>Thu, 16 Apr 2020 15:42:12 +0800</pubDate><description><![CDATA[需要在main.js中配置
// 引入axios
import axios from 'axios'
// 配置请求的根路径
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'
// 挂载到vue的原型对象上
Vue.prototype.$http = axios

点击获取到传过去的值之后，匹配数据库中是否含有这个数据...]]></description><category></category></item><item><title><![CDATA[如何使用elementui]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105554135</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105554135</guid><author>mini74</author><pubDate>Thu, 16 Apr 2020 11:48:03 +0800</pubDate><description><![CDATA[elementui地址：https://element.eleme.cn/#/zh-CN/component/form
需要使用的时候，

在main.js中引入
在element.js中引入
复制需要的代码
在data中定义

在这里我们演示一下input/button的用法

在main.js中引入// 引入elementui的js
import './plugins/element.js'
...]]></description><category></category></item><item><title><![CDATA[Element-UI的使用]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105513905</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105513905</guid><author>mini74</author><pubDate>Tue, 14 Apr 2020 16:12:34 +0800</pubDate><description><![CDATA[概述
Element-UI：一套为开发者，设计师和产品经理准备的基于Vue2.0的左面端组件库。
官网地址：https://element.eleme.cn/#/zh-CN
基本使用
1.基于命令行的方式手动安装（不推荐）

安装依赖包 npm i element-ui -s
导入Element-UI相关资源(在main.js中)

import ElementUI from 'element-u...]]></description><category></category></item><item><title><![CDATA[webpack知识点]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105450015</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105450015</guid><author>mini74</author><pubDate>Sun, 12 Apr 2020 16:43:29 +0800</pubDate><description><![CDATA[模块化概述
传统开发模式存在命名冲突，文件依赖的问题，通过模块化可以解决这些问题。
模块化就是把单独的一个功能封装到一个模块中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以以来别的模块。

...]]></description><category></category></item><item><title><![CDATA[Promise的认识]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105433481</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105433481</guid><author>mini74</author><pubDate>Fri, 10 Apr 2020 16:43:12 +0800</pubDate><description><![CDATA[Promise的概述
Promise是异步编程的一种解决方式，从语法上讲，Promise是一个对象，它可以获取异步操作的消息。
由于异步操作存在返回的顺序不确定，如果想要返回顺序确定的话就需要嵌套（回调地狱），Promise就可以解决这一个问题，并且Promise对象提供了简洁的API，使异步操作更加简单
Promise的用法
&lt;script type="text/javascript"&g...]]></description><category></category></item><item><title><![CDATA[vue如何完成一个轮播]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105429779</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105429779</guid><author>mini74</author><pubDate>Fri, 10 Apr 2020 11:42:16 +0800</pubDate><description><![CDATA[首先先下载npm install vue-awesome-swiper@2.6.7 --save
然后再mian.js中全局引用（因为可能全局都需要使用，所以就需要在main.js中引入）

3.然后在swiper组件中使用（我这里直接使用了for循环数据）

4.配置swiper的配置项

5.最后在需要引入的地方引入即可


如何使用递归完成数据的循环？



...]]></description><category></category></item><item><title><![CDATA[vue如何使用iconfont？vue如何使用全局样式？如何自定义路径呢？]]></title><link>https://blog.youkuaiyun.com/mini74/article/details/105415391</link><guid>https://blog.youkuaiyun.com/mini74/article/details/105415391</guid><author>mini74</author><pubDate>Thu, 09 Apr 2020 17:25:49 +0800</pubDate><description><![CDATA[如何使用iconfont

首先在iconfont中添加自己的项目，然后加入自己需要的小图标，然后下载到桌面
将iconfont.eot,iconfont.svg,iconfont.ttf,iconfont.woff和iconfont.css下载到自己的文件中（一般放在assets目录下的styles下的iconfont文件中，iconfont.css可直接放在styles的文件中）
然后修改ic...]]></description><category></category></item></channel></rss>