- 博客(41)
- 收藏
- 关注
RSS订阅原创 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
129
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
155
原创 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
287
原创 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
1603
原创 zabbix离线驱动盘安装
第一步，首先将光驱插入到电脑上，启动电脑；第二部，在启动电脑的过程中，当电脑底部出现文字选项，按f12，用光盘启动；第三步，在光盘启动后，弹出选项，选最上面那个，然后开始下载安装；第四步，安装后弹出的界面，将所有有感叹号的选项处理后，安装就完成了...
2021-12-03 14:34:53
600
原创 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
369
原创 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
584
原创 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
360
原创 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
85
原创 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
417
原创 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
614
原创 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
446
原创 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
1254
原创 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
178
原创 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
160
原创 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
224
原创 接口返回 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
9497
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
294
原创 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
365
原创 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
273
原创 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
39
原创 ES6， 1、let和const
let和const的出现，总感觉是为了开发的代码规范而出现的。我们要逐渐放弃使用var，在项目中多使用let和const,他们与var的区别在于：1，var有变量提升，有初始化提升，值是可变的，没有块级作用域的概念，如果想搞出来一个保护内部变量的方法，可以使用闭包。2，let有变量提升，没有初始化提升，值是可变的，存在块级作用域。3，const有变量提升，没有初始化提升，值是不可变的，但是如果定义的是对象，则属性可变，存在块级作用域。let和const因为暂时性死区的存在，使得没有初始化提升。暂时
2021-09-23 16:42:08
51
原创 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
1381
原创 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
352
原创 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
171
原创 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
376
原创 在element 的表单里面，右上角的x绑定事件
在element-ui中使用模态框组件，在点取消的时候要初始化表单，绑定自定义的事件，在<el-dialog @close=“handlereset”,handlereset是自己定义的要做初始化的事件，与后面取消按钮的事件相同就好。
2021-05-13 16:05:23
1433
原创 vue 编辑和新增用同一个组件的时候，rules问题
在编辑页面的时候，验证规则出问题，总是报验证错误，在新增之后，就没问题了，应该是验证的时候初始化的值，没有验证到，解决办法是，在data里面的绑定的表单值。要添加每个验证的对象的属性值...
2021-05-13 16:01:17
932
原创 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
704
原创 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
627
1
原创 vue3可以同时拥有多个根组件
vue3可以同时拥有多个根组件，但是在Eslint中会显示报错，不用管他，Eslint暂时还没有对vue3的新特性有良好的支持
2021-04-21 17:36:16
805
原创 前后端联调的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
2527
原创 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
114
原创 ＜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
1813
原创 微信小程序账号，找回，忘记小程序名称，和原始id怎么办？
小程序绑定的邮箱应该是知道的吧，点开邮箱，找到提示要冻结的那一条，里面会有原始id的信息。
2020-07-16 10:49:29
5889
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人