![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Js
文章平均质量分 62
虞南北
种一棵树最好的时间是在十年之前,其次是现在,世间之事向来如此
展开
-
二次封装组件element-ui的el-select多选tag数值多余隐藏
element-ui的Select 选择器,多选自动隐藏多余标签原创 2022-11-18 17:05:44 · 2913 阅读 · 2 评论 -
vue自定义封装一个多选选择器组件
vue自定义封装一个多选选择器组件原创 2022-07-12 10:08:31 · 970 阅读 · 0 评论 -
vue获取短信验证码倒计时
vue获取短信验证码倒计时原创 2022-07-06 15:11:01 · 1109 阅读 · 0 评论 -
el-input自定义指令封装
自定义指令 - 输入框限制将以下代码复制到一个js文件中,然后在入口文件main.js中import引入即可;指令参数 max 限制最大输入(可选) min 限制最小输入(可选) places保留小数点位数(可选,默认为2位)step限制输入长度(可选,默认为16位长度)/***@max {number}//最大值*@min {number}//最小值*@places {number}//小数位数(默认为2)*@step {number}//步长(默认为16位)*/imp原创 2022-04-21 09:19:55 · 998 阅读 · 0 评论 -
Vue-Js中文字展开折叠(多余隐藏)
1. 通过计算属性监听文字的长度来判断 <div class="text"> {{ sliceStr }} <span v-if="!textIf" class="text-item" @click="Text"> {{ textShow == false ? ' 展开全部' : '收起' }} </span> </div>data() { return {原创 2021-07-29 14:44:54 · 1285 阅读 · 1 评论 -
js中事件委托(事件代理)(传统的,vue , e.target.dataset.index)
事件委托的原理事件委托是利用事件的冒泡原理来实现的,何为事件冒泡呢?就是事件从最深的节点开始,然后逐步向上传播事件,举个例子:页面上有这么一个节点树,div>ul>li>a;比如给最里面的a加一个click点击事件,那么这个事件就会一层一层的往外执行,执行顺序a>li>ul>div,有这样一个机制,那么我们给最外面的div加点击事件,那么里面的ul,li,a做点击事件的时候,都会冒泡到最外层的div上,所以都会触发,这就是事件委托,委托它们父级代为执行事件。事件委托的原创 2021-05-30 21:44:08 · 952 阅读 · 0 评论 -
Js中闭包
闭包:定义 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数的内部变量,且返回的那个函数在外部被执行,就产生了闭包.闭包是一个环境,具体指的就是外部函数–高阶函数 closure特性函数套函数内部函数可以直接访问外部函数的内部变量或参数变量或参数不会被垃圾回收机制回收因为函数内部声明 的变量是局部的,只能在函数内部访问到,但是函数外部的变量是对函数内部可见的,这就是作用域链的特点了。子级可以向父级查找变量,逐级查找,找到为止优缺点:好处保护函数内的变原创 2021-05-30 21:30:30 · 49 阅读 · 1 评论 -
Js中var let const 区别
一、前言在ES6(ES2015)出现之前,JavaScript中声明变量就只有通过 var 关键字,函数声明是通过 function 关键字,而在ES6之后,声明的方式有 var 、 let 、 const 、 function 、 class ,本文主要讨论 var 、 let 和 const 之间的区别。二、var如果使用关键字 var 声明一个变量,那么这个变量就属于当前的函数作用域,如果声明是发生在任何函数外的顶层声明,那么这个变量就属于全局作用域。举例说明:var a = 1; //此处声转载 2021-05-30 21:22:37 · 86 阅读 · 0 评论 -
Js的作用域、作用域链、自由变量、变量提升的知识汇总
作用域在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。JavaScript 函数作用域: 作用域在函数内修改es6中新增了块级作用域(大括号,比如:if{},for(){},while(){}…);局部作用域变量在函数内声明,变量为局部作用域。局部变量:只能在函数内部访问。只有函数生成私有作用域每一个函数就是一个私有作用域// 此处不能调用 carName 变量function myFu原创 2021-05-27 21:48:09 · 129 阅读 · 0 评论 -
Js中new操作的过程
new在JS中,new的作用是通过构造函数来创建一个实例对象。和普通函数不一样,当函数用作构造函数时,首字母一般要大写,以作区分。new帮我们做了这样几件事:帮我们创建了一个空对象,例如:obj;var obj = {};将空对象原型的内存地址__proto__指向函数的原型对象;obj.proto = xx.prototype;利用函数的call方法,将原本指向window的绑定对象this指向了obj。(这样一来,当我们向函数中再传递实参时,对象的属性就会被挂载到obj原创 2021-05-27 21:04:25 · 3503 阅读 · 0 评论 -
Js中call/apply/bind的this的指向问题
总结在浏览器里,在全局范围内this 指向window对象;在函数中,this永远指向最后调用他的那个对象;构造函数中,this指向new出来的那个新的对象;call、apply、bind中的this被强绑定在指定的那个对象上;箭头函数中this比较特殊,箭头函数this为父作用域的this,不是调用时的this.要知道前四种方式,都是调用时确定,也就是动态的,而箭头函数的this指向是静态的,声明的时候就确定了下来;apply、call、bind都是js给函数内置的一些API,调用他们可以为函转载 2021-05-27 07:47:07 · 453 阅读 · 0 评论 -
Js原型与原型链
javascript原型与原型链每个函数都有一个prototype属性,被称为显示原型每个实例对象都会有_ proto _属性,其被称为隐式原型每一个实例对象的隐式原型_ proto _属性指向自身构造函数的显式原型prototype每个prototype原型都有一个constructor属性,指向它关联的构造函数。原型链获取对象属性时,如果对象本身没有这个属性,那就会去他的原型__proto__上去找,如果还查不到,就去找原型的原型,一直找到最顶层(Object.prototype)为止原创 2021-05-26 21:02:28 · 50 阅读 · 0 评论 -
js中数组常用方法 (es4,es5,es6)汇总
es4push()可以接受一个或者多个参数,将参数追加到数组的尾部,返回添加后的数组的长度,原数组会发生改变。书写格式:arr.push(" "),括号里面写内容 (“字符串要加引号”),var arr = ["Lily","lucy","Tom"];var count = arr.push("Jack","Sean");console.log(count); // 5console.log(arr); // ["Lily", "lucy", p原创 2021-05-25 21:07:40 · 366 阅读 · 1 评论 -
Js中arguments知识汇总
arguments百度百科一、简介在JavaScript中,arguments是对象的一个特殊属性。arguments对象就像数组,但是它却不是数组。argument 对象包含了函数调用的参数数组,通过这种方式你可以很方便的找到最后一个参数的值:arguments是收到的实参副本 在词法分析中, 首先按形参形成AO的属性,值为undefined 当实参传来时, 再修改AO的相应属性.:并把所有收到实参收集起来,放到一个arguments对象里 t(a,b,c){}, 调用时: t原创 2021-05-25 19:18:24 · 690 阅读 · 0 评论 -
js数据类型汇总
JavaScript数据类型(8种)Number(数字类型,Number 和 number 不一样)数字类型,表示数据的整数和浮点数。某些语言中也称为“双精度值”。var intNum = 55;十进制var num = 012;八进制var octalNum = 0x23;十六进制infinityNaNlet res = parseFloat("left:200px");if(res === 200){ alert(200);}else if(res === NaN){原创 2021-05-24 21:36:30 · 197 阅读 · 1 评论