<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Wave_explosion的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Wave_explosion</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Wave_explosion]]></copyright><item><title><![CDATA[【vue 前端 面试必备 大全 】]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/126102316</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/126102316</guid><author>Wave_explosion</author><pubDate>Mon, 01 Aug 2022 15:33:09 +0800</pubDate><description><![CDATA[x]]></description><category></category></item><item><title><![CDATA[【swipper-ui官网】uniapp]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/122045300</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/122045300</guid><author>Wave_explosion</author><pubDate>Thu, 23 Dec 2021 20:45:00 +0800</pubDate><description><![CDATA[swipper-ui官网入口

]]></description><category></category></item><item><title><![CDATA[【vant轻量级组件】官方]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/122045173</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/122045173</guid><author>Wave_explosion</author><pubDate>Tue, 21 Dec 2021 23:45:00 +0800</pubDate><description><![CDATA[vant官网入口

]]></description><category></category></item><item><title><![CDATA[相册的样的式]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/122042299</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/122042299</guid><author>Wave_explosion</author><pubDate>Tue, 21 Dec 2021 23:15:00 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;

    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;title&gt;&lt;/title&gt;
        &lt;style&gt;
            * {
                margin: 0;
                padding: 0;
            }

            .wrap {
  ]]></description><category></category></item><item><title><![CDATA[正则验证]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/122056229</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/122056229</guid><author>Wave_explosion</author><pubDate>Tue, 21 Dec 2021 10:12:40 +0800</pubDate><description><![CDATA[本人手机号：
 const phoneNumber = /^13{1}4091{4}(38){1}$/;


]]></description><category></category></item><item><title><![CDATA[【element-ui】 官网]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/122044983</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/122044983</guid><author>Wave_explosion</author><pubDate>Mon, 20 Dec 2021 22:30:00 +0800</pubDate><description><![CDATA[element-ui官网地址

]]></description><category></category></item><item><title><![CDATA[【setInterval 爱的死循环】]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/122041758</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/122041758</guid><author>Wave_explosion</author><pubDate>Mon, 20 Dec 2021 15:02:49 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;   
&lt;html&gt;   
&lt;head&gt;   
&lt;meta charset=" utf-8"&gt;   
&lt;title&gt;使用 window.onload() 测试&lt;/title&gt;
&lt;style&gt;
    *{
        margin: 0;
        padding: 0;
    }
#box{
    width:520px;
    margin: 200px auto;
    ]]></description><category></category></item><item><title><![CDATA[【页面不丢失】 三传参 随便传]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121999104</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121999104</guid><author>Wave_explosion</author><pubDate>Fri, 17 Dec 2021 17:19:53 +0800</pubDate><description><![CDATA[收藏：

https://blog.youkuaiyun.com/Wave_explosion/article/details/121999104

**
vue 传参刷新页面 数据丢失
**
传参方式 （三种）：
1.通过路由params传参
2.通过路由query传参
3.通过vuex
1.params传参：

在路由path中哪个组件需要传递参数，定义参数，用于组件传递，params刷新页面数据会丢失。

path: "/chatTableDate/:user"
//USER为参数



组件中，通过点击传递参.]]></description><category></category></item><item><title><![CDATA[【拖拽】拖动原理 拖动基本思路]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121921522</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121921522</guid><author>Wave_explosion</author><pubDate>Tue, 14 Dec 2021 10:45:48 +0800</pubDate><description><![CDATA[**
拖拽
**
必须使用三个事件：
1.onmousedown：鼠标按下事件
2.onmousemove：鼠标移动事件
3.onmouseup：鼠标抬起事件
1、要绝对定位，脱离文档流才能移动。
2、绑定拖拽的元素，移动和鼠标松开后是对document的绑定。
3、点击：a= 获取当前鼠标坐标、b =div距浏览器距离、c = 鼠标在div内部距离=a-b。
移动：通过  a - c 建立鼠标与div的关系，防止鼠标超出div。

**
拖拽判断：
**
0鼠标在元素上按下的时候判断：
拖拽状态 = 1
]]></description><category></category></item><item><title><![CDATA[数组循环的方法]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121854910</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121854910</guid><author>Wave_explosion</author><pubDate>Sat, 11 Dec 2021 02:00:00 +0800</pubDate><description><![CDATA[**
1.forEach()
**
forEach会遍历数组, 没有返回值, 不允许在循环体内写return, 不会改变原来数组的内容.forEach()也可以循环对象。
let array = [1,2,3,4];
array.forEach((item, index, array) =&gt; {
　　console.log(item);
});

**
2.filter()
**
filter 会过滤掉数组中不满足条件的元素, 把满足条件的元素放到一个新数组中, 不改变原数组
let array = ]]></description><category></category></item><item><title><![CDATA[深拷贝 数组 对象 完全实现]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121858994</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121858994</guid><author>Wave_explosion</author><pubDate>Fri, 10 Dec 2021 16:28:13 +0800</pubDate><description><![CDATA[深拷贝
首先就是数组：
**

1.concat方法

**
  var arr1 = [1, 2, 3, 4]
    var arr2 = arr1.concat()//复制当前数组并返回实现深拷贝的副本,arr1不会受影响
    console.log(arr2);[1, 2, 3, 4]

var arr3 = arr1.concat([5, 6, 7])//将数组中的每一项都添加到深拷贝的副本数组中
console.log(arr3);//[1, 2, 3, 4, 5, 6, 7]

**

2]]></description><category></category></item><item><title><![CDATA[jQuery 语法]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121855584</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121855584</guid><author>Wave_explosion</author><pubDate>Fri, 10 Dec 2021 14:41:52 +0800</pubDate><description><![CDATA[**
jQuery 语法
**
$(this).hide()

演示 jQuery hide() 函数，隐藏当前的 HTML 元素。
$("#test").hide()

演示 jQuery hide() 函数，隐藏 id=“test” 的元素。
$("p").hide()

演示 jQuery hide() 函数，隐藏所有  元素。
$(".test").hide()

演示 jQuery hide() 函数，隐藏所有 class=“test” 的元素。
文档就绪函数
在我们的实例中的所有 jQuery ]]></description><category></category></item><item><title><![CDATA[vue 传值 vue 三种传值方法]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121852473</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121852473</guid><author>Wave_explosion</author><pubDate>Fri, 10 Dec 2021 11:32:28 +0800</pubDate><description><![CDATA[vue 三种传值方法
第一种:父传子
父:
&lt;template&gt;

　　&lt;div&gt; 父组件: &lt;input type="text" v-model="val"&gt;(v-model双向绑定)

 　　&lt;!-- 这里是引入子组件 --&gt;

　　&lt;child :inputName="name"&gt;&lt;/child&gt; &lt;/div&gt;

&lt;/template&gt;

&lt;script&gt;

　　import child fro]]></description><category></category></item><item><title><![CDATA[**Reflect** 内置的对象 JavaScript Examples]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121851983</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121851983</guid><author>Wave_explosion</author><pubDate>Fri, 10 Dec 2021 11:22:27 +0800</pubDate><description><![CDATA[Reflect
https://blog.youkuaiyun.com/Wave_explosion/article/details/118613794?spm=1001.2014.3001.5501
Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers (en-US)的方法相同。Reflect不是一个函数对象，因此它是不可构造的。
Examples
检测一个对象是否存在特定属性：
const duck = {
  name: 'Maurice',
  ]]></description><category></category></item><item><title><![CDATA[【ES6 对象的解构赋值】数组 对象 其他]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121850521</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121850521</guid><author>Wave_explosion</author><pubDate>Fri, 10 Dec 2021 10:43:43 +0800</pubDate><description><![CDATA[**基本原则如下：
https://editor.youkuaiyun.com/md?not_checkout=1&amp;articleId=121850521
数组的元素是按次序排列的，变量的取值由它的位置决定；
对象的属性没有次序，变量必须与属性同名，才能取到正确的值。
数组的解构赋值：
let [x, y]= [1, 2];
// x = 1
// y = 2

对象的解构赋值：
let { foo , bar } = { foo: "aaa", bar: "bbb" };
// foo = "aaa"
// ]]></description><category></category></item><item><title><![CDATA[【正则表达式 】主要自己用也方便 常用 IP 地址 删除 为空 匹配中文字符 空白 Email 电话号码]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121810114</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121810114</guid><author>Wave_explosion</author><pubDate>Thu, 09 Dec 2021 13:58:12 +0800</pubDate><description><![CDATA[正则表达式 - 语法
字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。
常用正则表达式;
十六进制值	/^#?([a-f0-9]{6}|[a-f0-9]{3})$/

电子邮箱	/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/

/^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/

]]></description><category></category></item><item><title><![CDATA[【Day.js】]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/121795032</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/121795032</guid><author>Wave_explosion</author><pubDate>Wed, 08 Dec 2021 17:07:50 +0800</pubDate><description><![CDATA[童哥的实战]]></description><category></category></item><item><title><![CDATA[cookie]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/118613794</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/118613794</guid><author>Wave_explosion</author><pubDate>Fri, 09 Jul 2021 20:13:34 +0800</pubDate><description><![CDATA[一、cookie的API



1、cookie默认是会话级别的，可以设置过期时间



2、cookie会保存在客户端



2.1cookie概念：



​客户端会话技术，将数据保存在客户端



2.2前端操作cookie的API：



*获取cookie



```javascript

document.cookie

```

*设置cookie

document.cookie='key=value;'

*设...]]></description><category></category></item><item><title><![CDATA[Promise对象]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/118613346</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/118613346</guid><author>Wave_explosion</author><pubDate>Fri, 09 Jul 2021 19:54:08 +0800</pubDate><description><![CDATA[1、promise概念

*Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。

*简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。

*从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise提供统一的API，各种异步操作都可以用同样的方法进行处理。



2、promise特点

有且只有这两种，而且一个peomise对象只能改变一次，无论变为成功还是失败，都会有一个结果数据，成功的结果数...]]></description><category></category></item><item><title><![CDATA[流程控制语句的分类]]></title><link>https://blog.youkuaiyun.com/Wave_explosion/article/details/118162649</link><guid>https://blog.youkuaiyun.com/Wave_explosion/article/details/118162649</guid><author>Wave_explosion</author><pubDate>Wed, 23 Jun 2021 21:25:22 +0800</pubDate><description><![CDATA[if(Boolean(x)){}




Boolean()将''0nullNaNundefined转为false



if('xyz'){

alert('123')

}



if(7&gt;=7){

  alert('321')

}

双分支：

    if(条件表达式){}else{}

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