- 博客(41)
- 收藏
- 关注
原创 ES7,21、includes
传入元素,如果数组中能找到此元素,则返回true,否则返回falseconst includeArr = [1,2,3,'大鱼','科比']const isKobe = includeArr.includes('科比');console.log(isKobe) // true与indexOf很想但是还是有区别的const arr = [1,2,NaN];console.log(arr.indexOf(NaN)); // -1 indexOf找不到NaN console.log(arr.inc
2022-04-19 15:48:18 136 1
原创 ES6,20、Set 和 Map
Set先说说Set的基本用法// 可不传数组const set1 = new Set()set1.add(1)set1.add(2)console.log(set1) // Set(2) { 1, 2 }// 也可传数组const set2 = new Set([1, 2, 3])// 增加元素 使用 addset2.add(4)set2.add('大鱼')console.log(set2) // Set(5) { 1, 2, 3, 4, '大鱼' }// 是否含有某个元素 使用
2022-02-14 14:51:50 162
原创 ES6,19、for of 和 for in
for in :遍历方法,可遍历对象和数组for of :遍历方法,只能遍历数组,不能遍历对象先看for in:const obj = { name: '林三心', age: 22, gender: '男' }const arr = [1, 2, 3, 4, 5]for(let key in obj) { console.log(key)}nameagegenderfor(let index in arr) { console.log(index)}0 1 2 3 4
2022-02-14 13:56:41 310
原创 ES6,18、find和findIndex
find:找到被找元素,找不到,返回undefined;findIndex:找到返回被找元素的索引,找不到返回-1;const arr = [ {name:'老大',age:10}, {name:'老二',age:9}, {name:'老三',age:8}];const a = arr.find(({ name }) => name === '老二');const b = arr.findIndex(({ name }) => name === '老二');console.l
2022-02-03 11:13:05 1629
原创 zabbix离线驱动盘安装
第一步,首先将光驱插入到电脑上,启动电脑;第二部,在启动电脑的过程中,当电脑底部出现文字选项,按f12,用光盘启动;第三步,在光盘启动后,弹出选项,选最上面那个,然后开始下载安装;第四步,安装后弹出的界面,将所有有感叹号的选项处理后,安装就完成了...
2021-12-03 14:34:53 609
原创 ES6,16、class
以前我们使用构造函数生成对象,这么做function Person(name) { this.name = name}Person.prototype.sayName = function () { console.log(this.name)}const kobe = new Person('科比')kobe.sayName()//科比而有ES6的class可以这么做class Person { constructor(name) { //构造器 this.name = n
2021-11-23 11:16:22 376
原创 ES6,15、Promise
Promise,中文名为承诺,承诺在哪里呢,承诺在,一旦他的状态改变,就不会在改过来,这里介绍基本应用:成功状态:function requestData () { //模拟请求 return new Promise((resolve,reject) =>{ setTimeout(() =>{ resolve('大鱼') },1000) })}requestData().then(res =>{ console.log(res);//一秒后输出‘大鱼’},e
2021-11-22 16:54:27 599
原创 ES6,14、对象属性同名简写
以前的同名属性需要这样写const name = '大鱼';const age = 100;const obj = { name:name, age:age};console.log(obj) //{name:'大鱼',age:100}ES6新增语法,只需要这样写const name = '大鱼';const age = 100;const obj = { name, age};console.log(obj) //{name:'大鱼',age:100}...
2021-11-22 15:08:02 371
原创 ES6,13、Array.reduce
第一个参数callback函数:pre为上次return的值,next为数组的本次遍历的项第二个参数为初始值,也是第一个pre举两个例子//计算1+2+3+4+5const reduceArr = [1,2,3,4,5];const sum = reduceArr.reduce((pre,next) => { return pre + next},0)console.log(sum);//15//统计元素出现的个数const nameArr = ['大鱼','小鱼','虾米','大
2021-11-22 14:58:55 92
原创 ES6,12、 Array.every
every与some是相反的,some是只有一个就行,every是要所有的都为真才返回真const everyArr = [false,true,false,true,false]//三个参数,遍历项,索引,数组本身//配合箭头函数,需要所有的为真,才返回true,否则返回falseconst everyArr = everyArr.every((bol,index,arr) => bol)console.log(everyArr2)false...
2021-11-22 14:36:36 430
原创 ES6,11、Array.some
some,意思就是只要有一个是真的,那就返回真const filterArr = [false,true,false,true,false]//三个参数:遍历项,索引,数组本身//配合箭头函数,只要有一个true就返回true,一个true都没有就返回false;const someArr2 = someArr.some((bol,index,arr) => bol)console.log(someArr2);true...
2021-11-22 14:29:52 628
原创 ES6,10、Array.filter
顾名思义,用来过滤的方法const filterArr = [1,2,3,4,5]//三个参数:遍历项,索引,数组本身//配合箭头函数,返回大于3的集合const filterArr2 = filterArr.filter((num,index,arr) => num > 3)console.log(filterArr2)[4,5]...
2021-11-22 11:14:52 458
原创 ES6,9、Array.map
常用于返回一个处理过后的新的数组const mapArray = [1,2,3,4,5]//三个参数:遍历项,索引,数组本身//配合箭头函数,对每一个函数进行翻倍const mapArray = mapArr.map((mum,index,arr) =>a * num)console.log(mapArray2)[2,4,6,8,10]...
2021-11-22 10:53:33 1277
原创 ES6,8、Array.forEach
ES6新加的数组遍历方法const eachArr = [1,2,3,4,5]//三个参数:遍历项,索引,数组本身//配合箭头函数eachArr.forEach((itam,index,arr) =>{ console.log(item,index,arr)})1 0 [1,2,3,4,5]2 1 [1,2,3,4,5]3 2 [1,2,3,4,5]4 3 [1,2,3,4,5]5 4 [1,2,3,4,5]...
2021-11-22 10:27:10 184
原创 ES7,7、箭头函数
以前我们使用普通函数function fn () {}const fn = function () {}ES6新加了箭头函数const fn = () =>{}//如果只有一个参数,也可以省略括号const fn = name => {}//如果函数体里只有一句return const fn = name => { return 2*name}//可以简写为const fn =name => 2 * name//如果返回的是对象const fn =
2021-11-22 10:20:56 170
原创 ES6,6、Object.keys与Object.values
Object.keys:可用于获取对象的key的集合const obj = { name:'大鱼', age:100, gender:'男'}const keys = Object.keys(obj);const.log(keys) //['name','age','gender'];Object.values:可用于获取对象的key的集合const obj = { name:'大鱼', age:100, gender:'男'}const keys = Object.val
2021-11-19 17:29:48 249
原创 接口返回 Failed to load response data 是怎么回事
昨天有一个情景,当一个接口返回成功后调取第二个接口,结果第二个接口返回Failed to load response data,如下proxy.$api.aaa(params).then(res =>{ proxy.$api.bbb(params).then(res =>{ console.log(res) })});查询结果是后端返回的多,导致慢,还有他们返回的不能转换成json等等,后端配合了半天 ,结果,看到控制台,network 的timing queued at 排队时
2021-11-16 15:01:40 9609 1
原创 ES6,5、模板字符串
主要用于字符串的拼接曾经的拼接const name = '大鱼';const age = '100';console.log(name + '今年' + age + '岁了')//大鱼今年100岁了现在我们会这么做const name = '大鱼';const age = '100';console.log(`${name}今年${age}岁了`)//大鱼今年100岁了...
2021-11-15 09:38:38 300
原创 ES6,4、剩余参数
大家可能遇到过这种问题,一个函数,传入的参数个数是不固定的,这就可以用ES6的剩余参数function fn (name , ...params) { console.log(name) console.log(params)}fn('大鱼',1,2,3)//大鱼[1,2,3]
2021-11-15 09:32:34 375
原创 ES6,3、扩展运算符
1,可以更加优雅对数组进行拼接,原来的写法const a = [1,2,3];const b = [4,5,6];const c = a.concat(b);现在的写法const c = […a,…b];
2021-11-15 09:28:17 285
原创 ES6,2、默认参数
开发中你曾过遇到过这样的问题,如果参数穿不进来,你就设置默认参数function fn (name, age) { var name = name || '林三心' var age = age || 18 console.log(name, age)}fn() // 林三心 18但是这样写不够优雅,可以使用ES6的默认参数function fn (name = '林三心', age = 18) { console.log(name, age)}fn() // 林三心 18f
2021-09-24 17:29:06 46
原创 ES6, 1、let和const
let和const的出现,总感觉是为了开发的代码规范而出现的。我们要逐渐放弃使用var,在项目中多使用let和const,他们与var的区别在于:1,var有变量提升,有初始化提升,值是可变的,没有块级作用域的概念,如果想搞出来一个保护内部变量的方法,可以使用闭包。2,let有变量提升,没有初始化提升,值是可变的,存在块级作用域。3,const有变量提升,没有初始化提升,值是不可变的,但是如果定义的是对象,则属性可变,存在块级作用域。let和const因为暂时性死区的存在,使得没有初始化提升。暂时
2021-09-23 16:42:08 58
原创 vite再vue3.0中的接口代理
因为几位后台同学在同时开发接口,代理到他们各自的域名下,所以要做多个代理,这时出现了问题。原本的写法是proxy:{ /api:{ target:'baidu.com', changeOrgin:true, pathRewrite:{ '^/api':'' } }, /bpi:{ target:'baidu.com', changeOrgin:true, pathRewrite:{ '^/bpi':'' } },}对接接口的时候总是404后来修改
2021-07-23 15:27:37 1409
原创 query-string:改变数据格式的npm包
安装:cnpm i query-string --save-dev常用APIqs.parse();let a = qs('name=yu&age=18');//{name:'yu',age:18}let b = qs('#name=yu&age=18');//{name:'yu',age:18}let c = qs('?name=yu&name=zhang&age=18');//{name:['yu','zhang'],age:18}qs.string
2021-06-16 14:47:27 383
原创 v-viewer vue的图片预览插件
1:说明,vue的图片预览的插件,支持图片的放大缩小,旋转倒置,拖动切换;2:使用,在使用该功能的页面引入该插件,记得对应的css也要引入,import ‘viewerjs/dist/viewer.css’import Viewer from ‘v-viewer’import Vue from ‘vue’Vue.use(Viewer)<viewer :images="images"> <img v-for="item in images" :src="i
2021-05-26 10:22:43 182
原创 vue-ls
vue-ls:介绍:一款用于在vue中操作本地存储Local Storage,会话存储Session Storage,内存存储Memory;vue-ls:安装:yarn add vue-ls,或者cnpm install vue-ls --save;vue-ls:使用:import Vue from 'vue'import Storage from 'vue-ls'// vue-ls 的配置const storageOptions = { namespace: 'vue_', //
2021-05-24 22:59:22 392
原创 在element 的表单里面,右上角的x绑定事件
在element-ui中使用模态框组件,在点取消的时候要初始化表单,绑定自定义的事件,在<el-dialog @close=“handlereset”,handlereset是自己定义的要做初始化的事件,与后面取消按钮的事件相同就好。
2021-05-13 16:05:23 1481
原创 vue 编辑和新增用同一个组件的时候,rules问题
在编辑页面的时候,验证规则出问题,总是报验证错误,在新增之后,就没问题了,应该是验证的时候初始化的值,没有验证到,解决办法是,在data里面的绑定的表单值。要添加每个验证的对象的属性值...
2021-05-13 16:01:17 957
原创 vue动态菜单递归渲染
<template v-for="menu in userMenu"> <el-submenu v-if="menu.children && menu.children.length>0 && menu.children[0].menuType ==1" :key="menu._id" :index="menu.path"> <template #title> &
2021-04-27 11:04:26 714
原创 koa2: command not found
用yarn或者cnpm,暗转koa-generator,执行koa2的命令,发现koa2: command not found,尝试了在环境变量中添加koa2的安装路径,然并卵,最后发现,安装koa-generator,需要用npm不能用cnpm和yarn,他们不会自动配置,自己配置的又总有问题,使用npm安装完美解决。压根不需要配置环境变量。...
2021-04-23 09:59:23 658 1
原创 vue3可以同时拥有多个根组件
vue3可以同时拥有多个根组件,但是在Eslint中会显示报错,不用管他,Eslint暂时还没有对vue3的新特性有良好的支持
2021-04-21 17:36:16 839
原创 前后端联调的FormData与RequestBody
当前端向后端发送数据请求时,发送的参数形式中经常出现的FromData和RequestBody,在设置Content-Type为application/x-www-form-urlencoded(默认形式)的话,则为formdata方式,如果是Content-Type为application/json或multipart/form-data的话,则为 request payload。fromdata的形式是’aaa’=123&‘bbb’=321requestbody的形式是{},就是json
2021-04-11 23:58:23 2594
原创 package.json与package-lock.json的区别
在高版本的node.js和高版本的npm中使用npm install会产生package.json和package-lock,json。使用cnpm install只会生成package.json。package,json生成的是当前项目的支持版本情况,其中部分的插件版本会带有^,标识支持当前版本及更高的版本,使用npm install会自动生成当前大版本的最高版本,与原版本可能会存在版本不兼容的情况。package-lock.json,中显示的是当前版本的具体版本,一般需要上传这两个文件,以免出现,下载的
2021-04-11 23:41:06 144
原创 <el-input />对v-model.trim 修饰符不能输入空格问题
在element-ui的2.5.4及之前的版本是可以支持的,在后面的版本是不支持的,可以降低element-ui的版本来进行处理,或者用@blur="formData.name=$event.target.value.trim()来进行处理
2021-04-11 23:22:33 1847
原创 微信小程序账号,找回,忘记小程序名称,和原始id怎么办?
小程序绑定的邮箱应该是知道的吧,点开邮箱,找到提示要冻结的那一条,里面会有原始id的信息。
2020-07-16 10:49:29 6021 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人