xuan0555-优快云博客

原创 ES6方法整理（一）

一、Promise：是一个构造函数，自己身上有all、reject、resolve这些方法，原型上有then、catch等方法Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。从表面上看，Promise只是能够简化层层回调的写法，而实质上，Promise的精髓是“状态”，用维护状态、传递状态的方式来使得回调函数能够及时调用，它比传递callback函数要简单、灵活的多。functio

2021-08-17 16:29:47 229

原创 JS基础整理（二）- 数组遍历方法

一、for循环：使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会明显let arr = ['我的', '你的', '他的'];for(let i=0, len=arr.length; i<len; i++){ console.log(arr[i])}二、foreach循环：遍历数组中的每一项，没有返回值，对原数组没有影响，不支持IElet arr=['我的', '你的', '他的']arr.forEach((item,index,array)=&g

2021-08-01 21:30:26 261

原创 JS常用实例整理（零）

一、数组方面实例1、借助new Array()生成指定数组长度的假数据：const data = new Array(5).fill().map((v, i) => { return { name: "XXX" + i, price: i, category: Math.random() > 0.5 ? '蔬菜' : '水果' }})console.log(data) //使用fill()这个数组方法,由于没有传值，fill()会自动根据数组长度替换数组中所有的值为undefin

2021-07-31 11:22:04 209

原创 JS基础整理（一）

1、flat()方法Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1。如果不管有多少层嵌套，都要转成一维数组，可以用Infinity关键字作为参数。如果原数组有空位，flat()方法会跳过空位。[1, 2, [3, [4, 5]]].flat()　　　　 // [1, 2, 3

2021-06-04 11:26:38 439

转载 vue通信、传值的多种方式

一、通过路由带参数进行传值：1、两个组件A和B，A组件通过query把orderId传递给B组件（触发事件可以是点击事件、钩子函数等）this.$router.push({ path: '/conponentsB', query: { orderId: 1234 } }) // 跳转到B2、在B组件中获取A组件传递过来的参数this.$route.query.orderId二、通过设置Session Storage缓存的形式进行传递：1、两个组件A和B，在A组件中设置缓存orde

2021-04-21 14:49:51 237

翻译 JS基础整理（三）- Dom和window对象

1、addEventListener() 方法可以更简单的控制事件（冒泡与捕获）。element.addEventListener(event, function, useCapture) 第一个参数是事件的类型 (如 "click" 或 "mousedown")。第二个参数是事件触发后调用的函数。第三个参数是布尔值用于描述事件是冒泡传递（false）还是捕获传递（true），是可选的。document.addEventListener() 方法用于向文档添加事件句柄。可以使用docume...

2021-02-04 17:27:20 589

翻译 JS基础整理（五） - 正则

1、修饰符：i （执行对大小写不敏感的匹配） g（执行全局匹配，查找所有匹配而非在找到第一个匹配后停止） m（执行多行匹配） var str = "Mr. Blue loves blue flowers."console.log(str.match(/blue/i)); //["Blue", index: 4, input: "Mr. Blue loves blue flowers.", groups: undefined]console.log(str.match(/blue/g

2021-02-03 14:23:46 104

翻译 mock格式数据整理

mock的格式网址：http://mockjs.com/examples.htmlmock的实例网址：https://www.cnblogs.com/steamed-twisted-roll/p/10823871.htmlimport Mock from 'mockjs'let data = Mock.mock({ 'list|10': [{ 'id|+1': 1, 'name|2-4': '@string', // 字符串 'phone|11': '1', //..

2020-12-25 10:27:43 890

转载 Vue.filter的用法（二）

移除双向过滤器：Vue.filter('change', { read: function(val){ return val }, write: function(val, oldVal){ return isEmail(val) ? val : oldVal }})1、组件内部过滤（适用于处理数据显示的样式，不会改变原数据）<div id="app"> <ul> <li v-for="item in list">{{item.

2020-12-24 14:52:37 311

转载 Vue学习笔记（一）

一、vue生命周期：vue实例从创建到销毁的过程，称为生命周期。共有八个阶段，这八个阶段里分别有一个叫做钩子函数的实例选项。1、beforeCreate(){} //组件实例刚刚创建，还未进行数据观测和事件配置2、created(){} //实例已经创建完成，并且已经进行数据观测和事件配置3、beforeMount(){} //模板编译之前，还没挂载4、mounted(){} //模板编译之后，已经挂载，此时才会渲染页面，才能看到页面上...

2020-12-18 16:48:30 1399

转载 Vue中的正则表达式

正则修饰符：i 执行对大小写不敏感的匹配。 g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止） m 执行多行匹配。方括号用于查找某个范围内的字符：[abc] 查找方括号之间的任何字符 [^abc] 查找任何不在方括号之间的字符 [0-9] 查找任何从0到9的数字 [a-z] 查找任何从小写a到小写z的字符 [A-Z] 查找任何从大写A到大写Z的字符 [adgk] 查找给定集合内的任何字符 [^adgk

2020-12-18 10:21:05 29202 2

原创 vue方法整理

Vue的核心是数据与视图的双向绑定：一、会改变调用的原始数组的方法：（1）、push()（2）、pop()（3）、shift()（4）、unshift()（5）、sort()（6）、reverse()二、不会改变原始数组的方法：（1）、filter()（2）、concat()（3）、slice()三、当不想改变原数组，想通过一个数组的副本来做过滤或排序的显示时，可以使用计算属性来返回过滤或排序后的数组<template> <div> <ul

2020-12-15 15:35:07 435

xuan0555的博客