我是菜鸟
Sisyphus丶
这个作者很懒,什么都没留下…
展开
-
数组排序方法
1.sort()方法如果调用该方法时没有参数,将按字母顺序对数组中的元素进行排序,是按照字符编码的顺序进行排序。1.1字符串排序 const arr = ['d', 'e', 'b', 'f', 'c', 'g', 'a', ] const newArr = arr.sort() console.log(newArr)1.2数字排序如果是数字 就要增加参数一个回调函数来进行排序(回调中两个参数 第一个参数-第二个参数,就是正序从小到大,第二个参数-第一个参数.原创 2021-09-19 20:38:45 · 709 阅读 · 0 评论 -
字符串 大小写和转驼峰方法
1.转小写为大写 toLocaleUpperCase()方法 let str = 'abcdefghijklmnopqrstuvwxyz' let newStr = str.toLocaleUpperCase() console.log(newStr) // ABCDEFGHIJKLMNOPQRSTUVWXYZ2.转大写为小写 toLocalLowerCase()方法 let str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ' let n原创 2021-09-15 14:10:09 · 1593 阅读 · 0 评论 -
随机排序数组
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, ] let newArr = arr.sort(function () { return Math.random() - 0.5 })原创 2021-09-15 13:09:51 · 105 阅读 · 0 评论 -
数组去重常见方法
第一种两次循环遍历 let arr = [1, 1, 2, 2, 2, 3, 3, 3, 4, 4, 4, 4, 4, 5, 6, 6, 6, 6, 7, 7, 7, 8, 9, 9, 9, 9, 9, 9, ] arr.forEach((item, i) => { arr.forEach(e => { if (item === e) { arr.splice(i, 1) } }) }) //原创 2021-09-15 10:49:53 · 160 阅读 · 0 评论 -
JavaScript this指向总结
一 this指向1.如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是windowfunction fx (){ console.log(this) } fx()2.如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象。(this的指向完全取决于函数调用的位置)const obj = { uname:'张三', abc: fun.原创 2021-09-12 16:59:33 · 225 阅读 · 0 评论 -
数组的常见方法二
16.lastIndexOf()方法查找数组中最后一次出现元素的索引值 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1] arr.lastIndexOf(1) // 1017.map()方法遍历数组的每一项,可以对每一项统一进行操作,并且返回一个新的数组。 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] arr.map(item => item * 10) // [10, 20, 30.原创 2021-08-28 16:22:08 · 468 阅读 · 0 评论 -
原型是什么
什么是原型在JavaScript中可以说万物皆对象,几乎每一个复杂数据类型都是对象构建。在实际上每一个构造函数都有一个名为 prototype 的属性,译成中文是原型的意思,prototype 的是对象类据类型,称为构造函数的原型对象,每个原型对象都具有 constructor 属性代表了该原型对象对应的构造函数。原型的作用在原型对象中封装了很多原型方法可以使用,列如当我们创建一个数组那么它的构造函数就是new Array 就可以使用其原型方法比如遍历,删除添加等这都是prototype 的属性原创 2021-08-19 16:24:21 · 432 阅读 · 0 评论 -
v-model 和.sync 功能和区别
v-modelvue使用v-model实现这些标签数据的双向绑定,它会根据控件类型自动选取正确的方法来更新元素。<input v-model="val" />v-model是vue提供的一个语法糖,本质上是<input :value="msg" @input="(val)=>this.msg=val" />data(){ return:{ msg:'' }}.sync官方推荐使用.原创 2021-08-16 15:27:09 · 514 阅读 · 0 评论 -
如何在项目中配置svg-icon 组件
第一步:下载 svg-sprite-loader 组件npm i svg-sprite-loader@4.1.3第二步: 配置 config.vue.js头部区域(固定写法CV 就可以)const path = require('path')function resolve (dir) { return path.join(__dirname, dir)}其他配置项{ // 省略其他... chainWebpack (config) { // ..原创 2021-08-12 17:58:19 · 389 阅读 · 0 评论 -
统计数组各项出现次数
先来一个开胃版本 const arr = ["b", "c", "b", "c", "a", "b", "c"] const obj = {} arr.forEach(item => { let i = 0 arr.forEach(a => { if (item === a) { i++ } obj[item] = i }) }) // ==>原创 2021-08-11 20:04:04 · 88 阅读 · 0 评论 -
数组的常见方法
1.cancat拼接数组 let arr = [1, 2, 3, 4, 5 ] let arr1 = [6, 7, 8, 9,10] let res = arr.concat(arr1) // [1, 2, 3, 4, 5, 6, 7, 8, 9,10]2.copyWithin 复制数组数据 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] // 第一个参数指目标参数索引 (从这个索引值开始变成要复制的值) //原创 2021-08-09 17:57:25 · 146 阅读 · 0 评论 -
一般登录页面所需要功能
1.表单验证本项目用ElementUi搭建页面所以使用表单验证需要配合组件库使用第一步:定义验证规则。data()中按格式定义规则(如下图,验证表单手机号必填项在失去焦点后触发。validator:可以写一个函数来指定更加复杂的规则)第二步:在模板上做属性配置来应用规则1.首先在表单添加rlues属性后面是规则对象2.在具体表单项添加具体校验规则第三步:在最后提交登录发送请求之前再进行兜底校验,如果没有按照规则进行填写数据则不能提交发送请求。2.封装api接口...原创 2021-08-07 20:37:20 · 1305 阅读 · 0 评论 -
关于今天MongoDB无法运行成功问题
前天下载了MongoDB数据库,当天可以运行成功,重置数据。不过今天又开始进行项目的时候发现数据库无法运行!报了这个错误,我很确定我已经配置了Path相关环境,并且当天成功运行。后来我又将环境重新配置还是无法解决,我希望寄托于百度。果然不负众望,再一顿无用尝试之后终于发现了问题的关键。大神指出,任务管理器服务中查看一下Mongodb是否启动了。果然...它没有,我不知道它为啥没有,大神也没说!我也没查到不过把它右键启动后,它活了!...原创 2021-08-07 17:58:43 · 315 阅读 · 0 评论 -
笔记!分析页面结构组件!
分析页面结构组件!原创 2021-08-05 19:58:57 · 73 阅读 · 0 评论 -
变成数组对象互换练习
今天练习数组和对象互换,是的,不太会!const arr = [{ label: '男', value: 0 }, { label: '女', value: 1 }] //把数组转成 {0: '男', 1:'女'} function f(arr) { return arr.reduce((i, item) => { i[item.value] = item.label re.原创 2021-08-05 19:53:34 · 79 阅读 · 0 评论