<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Executioner975的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Executioner975</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Executioner975]]></copyright><item><title><![CDATA[for循环 + setTimeout 结合的烂大街的面试题]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/116431817</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/116431817</guid><author>Executioner975</author><pubDate>Wed, 05 May 2021 23:14:48 +0800</pubDate><description><![CDATA[for循环 + setTimeout
for (var i = 0; i &lt; 5; i++) {
    setTimeout(function() {
        console.log(i);
    }, 1000);
}

以上代码会输出55555， 原因是settimeout 是宏任务，它会在for循环的同步代码块执行后在执行。
产生五个5的原因：

1：for循环会定义五个setTimeout（function（）{console.log(i);} 的函数
2：因为是异步任务所以定义完]]></description><category></category></item><item><title><![CDATA[清除浮动css]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/115348337</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/115348337</guid><author>Executioner975</author><pubDate>Wed, 31 Mar 2021 14:23:19 +0800</pubDate><description><![CDATA[清除浮动css浮动产生原因使用clear	: both伪元素清除浮动（推荐）触发bfc清除浮动给父元素float清除浮动
浮动产生原因

由于浮动元素会脱离文档流，所以给浮动元素设置高度，也无法撑开父元素。

    &lt;div style="position: relative; background-color: blue; width: 900px; height: 900ox;   "&gt;
        &lt;div style="float: left; height: 200px; ]]></description><category></category></item><item><title><![CDATA[vue 组件传值]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/114991886</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/114991886</guid><author>Executioner975</author><pubDate>Fri, 19 Mar 2021 09:28:38 +0800</pubDate><description><![CDATA[vue 组件传值
父组件向子组件传值
父组件发送数据给子组件
&gt; 使用 :masg 这个绑定事件，向父组件传递图片的名字地址，父组件中定义ImgFile 这个值传递给子组件。
  &lt;MyImg  :masg = "ImgFile" @fun = "show"&gt;&lt;/MyImg&gt; 

发送方法给子组件
父组件中的方法
      show(err, file, fileList){
        this.ImgFile = 'C:/Users/hp/Desktop/img/' ]]></description><category></category></item><item><title><![CDATA[js获取图片主色调]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/113665974</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/113665974</guid><author>Executioner975</author><pubDate>Thu, 04 Feb 2021 23:28:47 +0800</pubDate><description><![CDATA[js获取图片主色调，动态生成渐变色蒙版效果演示实现思路git源码

用js获取图片的主颜色动态改变 左右两边 的渐变色，达到一个动态生成图片蒙版的效果

效果演示
演示地址：http://yanghao304.gitee.io/#/music

实现思路
1、先在 canvas 上画出图片，
  &lt;img id="img_test" src="http://p1.music.126.net/TzMwwPWS6lONrPqOiOrZFw==/109951165693801980.jpg "&gt;
  ]]></description><category></category></item><item><title><![CDATA[vuex的使用]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/109696043</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/109696043</guid><author>Executioner975</author><pubDate>Sat, 14 Nov 2020 20:55:40 +0800</pubDate><description><![CDATA[vuex的使用

个人理解vuex就是前端的数据库，在里面可以加数据让各组件都可以共享数据。对数据进行增删改查





State
共享状态（即变量）




Getter
基于state的派生状态，可理解为组件中的计算属性


Mutation
更改vuex的store中状态的唯一方法，通过提交mutation修改状态，同步操作（规则上是不允许异步操作的，虽然异步也可以执行，但是对devtool调试的状态跟踪或多个状态更改操作相互依赖是很不好的，所以不要觉得只要不报错我就可以这么用，还是尽量按照规则来比]]></description><category></category></item><item><title><![CDATA[v-if和v-show区别]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/109470729</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/109470729</guid><author>Executioner975</author><pubDate>Sat, 14 Nov 2020 19:15:44 +0800</pubDate><description><![CDATA[v-if和v-show区别

v-if初始花销小，但频繁切换的话消耗资源，v-show初始花销大，频繁切换如轮播图的时候可以使用v-show。个人理解就是v-show一开始就花很多资源渲染到页面上，所以前期花费资源比较大，动态切换的时候就不会继续渲染一次，v-if在动态频繁切换的时候会一次又一次的渲染占用资源。

在页面中的区别
下面代码是实现一个点击按钮，用v-if和v-show切换一段文字
  &lt;div id="app"&gt;
    {{ flag }}
    &lt;hr&gt;
    ]]></description><category></category></item><item><title><![CDATA[display：inline和display：block， display：inline-block区别，清除浮动的方法]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/109468922</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/109468922</guid><author>Executioner975</author><pubDate>Tue, 03 Nov 2020 15:21:22 +0800</pubDate><description><![CDATA[display：inline和display：block， display：inline-block区别，清除浮动的方法
实现简单的div并排

inline:
使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开.
可以使用padding，margin的left和right产生边距效果，但是top和bottom就不行.
block:
使元素变成块级元素，独占一行，在不设置自己的宽度的情况下，块级元素会默认填满父级元]]></description><category></category></item><item><title><![CDATA[vue路由三种传参方式]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/109091079</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/109091079</guid><author>Executioner975</author><pubDate>Sat, 17 Oct 2020 21:46:53 +0800</pubDate><description><![CDATA[vue路由总结一、vue路由二、使用步骤1.引入库2.读入数据总结

# 前言
vue的路由可以完成许多功能比如路由传参，路由跳转。

提示：以下是本篇文章正文内容，下面案例可供参考
一、vue路由
示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。
二、使用步骤
1.引入库
代码如下（示例）：
import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as]]></description><category></category></item><item><title><![CDATA[for循环 + setTimeout 例子]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/108500349</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/108500349</guid><author>Executioner975</author><pubDate>Wed, 09 Sep 2020 22:21:45 +0800</pubDate><description><![CDATA[for循环 + setTimeout 例子
今天看面试题找到了一个经典面试题，可以帮助大家理解let关键字，setimeout关键字等。
先看一个经典面试题
for (var i = 0; i &lt; 6; i++) { 
	setTimeout(function (){
		console.log(i);  
	 },1000);  
}

运行代码，一下子输出了五个5。并不是意料中的每隔1秒输出i++，这是因为var是全局作用域，而setimeout是一个异步函数，for循环又是一个同步执行的。记住一]]></description><category></category></item><item><title><![CDATA[vue+axios实现登录注册]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/108472028</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/108472028</guid><author>Executioner975</author><pubDate>Tue, 08 Sep 2020 19:23:01 +0800</pubDate><description><![CDATA[vue+axios实现登录注册安装配置axiosaxios发送登录请求
安装配置axios
安装axios
 npm install axios


在mian.js中配置axios，用prototype挂载就可以在别的vue组件使用就可以使用this.$axios来发送axios请求
var axios = require('axios')//引用axios
axios.defaults.baseURL = 'https://adny.utools.club/api'//设置一个基础请求地址
Vue.pr]]></description><category></category></item><item><title><![CDATA[vue 脚手架使用百度地图]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/108204986</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/108204986</guid><author>Executioner975</author><pubDate>Mon, 24 Aug 2020 18:48:56 +0800</pubDate><description><![CDATA[# vue 脚手架使用百度地图申请百度地图Key在vue脚手架引入百度地图在组件中使用百度地图
申请百度地图Key
百度地图官网，一定要点击JavaScript api

在vue脚手架引入百度地图
在vue脚手架中index.html导入百度地图

在组件中使用百度地图
我自己写了三个按钮对应三个方法，然后跳转到三个w’z
&lt;script&gt;
  export default {
    name: 'my-map',

    data() {
      return {
        c]]></description><category></category></item><item><title><![CDATA[async await，回调函数，箭头函数this指向问题]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/107885501</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/107885501</guid><author>Executioner975</author><pubDate>Sat, 08 Aug 2020 21:45:42 +0800</pubDate><description><![CDATA[async await，回调函数，箭头函数this指向问题
通过一个获取音乐api接口的例子，分别async函数来写获取歌曲列表方法，回调函数来写播放音乐方法，箭头函数来写播放mv方法。分别来看一下三个函数的this指向问题。接口地址为https://autumnfish.cn
async await例子
async serchMusic（）用async修饰serchmusic这个方法。本质就是告诉编译器这是个async到异步处理函数。
通过let response = await  axios来取代.th]]></description><category></category></item><item><title><![CDATA[手机访问vue项目]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/107873567</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/107873567</guid><author>Executioner975</author><pubDate>Sat, 08 Aug 2020 00:57:49 +0800</pubDate><description><![CDATA[两分钟学会手机访问vue项目
在vue项目没有完成打包发布前，手机和电脑在同一个WiFi环境下，通过IP地址就可以轻松用手机访问到电脑端的vue项目。
查找电脑端的ip地址：
输入ipconfig在cmd中查询自己电脑的IP地址，选择ipv4的地址我的地址为：198.168.1.5

更改vue.config文件
      devServer: {
        disableHostCheck: true,

        host: '192.168.1.5', // ip
        por]]></description><category></category></item><item><title><![CDATA[vue spring boot MySQL搭建简单个人博客教程]]></title><link>https://blog.youkuaiyun.com/Executioner975/article/details/107667429</link><guid>https://blog.youkuaiyun.com/Executioner975/article/details/107667429</guid><author>Executioner975</author><pubDate>Wed, 29 Jul 2020 20:32:11 +0800</pubDate><description><![CDATA[vue+element搭建登录注册页面1：项目预览注册页面通过axios提交到数据库2：脚手架引入element UI3：登录页面四级标题五级标题六级标题
1：项目预览
注册页面

通过axios提交到数据库

2：脚手架引入element UI
强烈推荐新生使用全局导入选择***fully import***，等熟悉element后再按需导入提高性能。

选择一个form表单

3：登录页面
话不多说上对面
四级标题
五级标题
六级标题
vue项目

...]]></description><category></category></item></channel></rss>