自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 数组排序方法

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 646

原创 字符串 大小写和转驼峰方法

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 1458

原创 随机排序数组

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 95

原创 数组去重常见方法

第一种两次循环遍历 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 146

原创 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 177

原创 数组的常见方法二

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 439

原创 原型是什么

什么是原型在JavaScript中可以说万物皆对象,几乎每一个复杂数据类型都是对象构建。在实际上每一个构造函数都有一个名为 prototype 的属性,译成中文是原型的意思,prototype 的是对象类据类型,称为构造函数的原型对象,每个原型对象都具有 constructor 属性代表了该原型对象对应的构造函数。原型的作用在原型对象中封装了很多原型方法可以使用,列如当我们创建一个数组那么它的构造函数就是new Array 就可以使用其原型方法比如遍历,删除添加等这都是prototype 的属性

2021-08-19 16:24:21 418

原创 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 495

原创 如何在项目中配置svg-icon 组件

第一步:下载 svg-sprite-loader 组件npm i [email protected]第二步: 配置 config.vue.js头部区域(固定写法CV 就可以)const path = require('path')function resolve (dir) { return path.join(__dirname, dir)}其他配置项{ // 省略其他... chainWebpack (config) { // ..

2021-08-12 17:58:19 319

原创 统计数组各项出现次数

先来一个开胃版本 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 72

原创 数组的常见方法

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 120

原创 一般登录页面所需要功能

1.表单验证本项目用ElementUi搭建页面所以使用表单验证需要配合组件库使用第一步:定义验证规则。data()中按格式定义规则(如下图,验证表单手机号必填项在失去焦点后触发。validator:可以写一个函数来指定更加复杂的规则)第二步:在模板上做属性配置来应用规则1.首先在表单添加rlues属性后面是规则对象2.在具体表单项添加具体校验规则第三步:在最后提交登录发送请求之前再进行兜底校验,如果没有按照规则进行填写数据则不能提交发送请求。2.封装api接口...

2021-08-07 20:37:20 1129

原创 关于今天MongoDB无法运行成功问题

前天下载了MongoDB数据库,当天可以运行成功,重置数据。不过今天又开始进行项目的时候发现数据库无法运行!报了这个错误,我很确定我已经配置了Path相关环境,并且当天成功运行。后来我又将环境重新配置还是无法解决,我希望寄托于百度。果然不负众望,再一顿无用尝试之后终于发现了问题的关键。大神指出,任务管理器服务中查看一下Mongodb是否启动了。果然...它没有,我不知道它为啥没有,大神也没说!我也没查到不过把它右键启动后,它活了!...

2021-08-07 17:58:43 298

原创 笔记!分析页面结构组件!

分析页面结构组件!

2021-08-05 19:58:57 58

原创 变成数组对象互换练习

今天练习数组和对象互换,是的,不太会!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 64

原创 Ajax学习

什么是Ajax?Ajax是异步的JavaScript和XML(XML:可扩展标记语言,是电子文件具有结构。由w3c制定其规则),Ajax是浏览器内置对象,可以和后端服务器进行数据交互。可以在不刷新页面的情况下和服务器交互数据。Ajax常用请求方式GET方法请求一个指定资源的表示形式. 使用GET的请求应该只被用于获取数据(一般GET方式传参数在url接口地址后面拼接,也可以使用请求体传参但是不推荐!)POST方法用于将实体提交到指定的资源,通常导致在服务器上的状态变化或副作用.PUT..

2021-08-04 20:59:00 48

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除