hzh2031015的博客

日期加0

在网上查询到很多方法，卓个试了一遍，发现就这个最简单在输入的时候直接做了只输入数字的方式并且在4位数字之后直接输入空格我们的需求是16个数字，这里加了3个空格，所以长度限制是19如果还有更好的办法可以分享啊～ <input type="tel" oninput="this.value=this.value.replace(/\D/g, '').replace(/....(?!$)/g, '$& ');"

点击一个照片或者复制文案实现复制的数据<div @click="copy(this.aaaa)">{{this.aaaa}}</div> copy(text) { let _input = document.createElement("input"); // 直接构建input _input.value = text; // 设置内容 document.body.appendChild(_input); // 添加临时实例 _input.sele

在写项目时，产品要求特殊输入框需要自动将小写英文字母转为大写字母在input框的方法中有一个oninput的事件名字oninput 事件在用户输入时触发。 该事件在 或 元素的值发生改变时触发在这里说一下oninput和onchange的区别oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。在输入的时候自动转换所以我们要使用oninput事件例如οninput=“value=value.toUpperCase()”如果value不能用,看

什么是nginx？Nginx (engine x) 是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru 站　点（俄文：Рамблер）开发的　　它也是一种轻量级的Web服务器，可以作为独立的服务器部署网站（类似Tomcat）。它高性能和低消耗内存的结构受到很多大公司青睐，如淘宝网站架设。。首先要安装1、下载Nginx下载地址：点击跳转下载2、下载之后，解压到指定的目录，就可以看到以下的目录

async,await什么是async？async是用于申明一个异步的function（异步简写）await 我们可以认为是async await的简写，用于等待一个一步的方法执行完成他们是一种同步的写法，但还是一步的操作，两个内容必须去同事写才会生效不然也不好使特点1.asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异步函数2.异步async函数调用，跟普通函数的使用方式一样3.异步async函数返回一个promise对象4.async函数配合awai

transition的属性及值1：transition-property: 指过渡属性的名称 它的默认值为all （表示所有可被动画的属性都表现出过度动画） 可指定多个property； none：没有过度动画； all：所有可被动画的属性都表现出过度动画； ident：属性名称（可以指定多个）2：transition-duration: 属性以秒或毫秒为单位指定过度动画所需的时间。 默认值为0s，表示不出现过渡动画。 可以指定多个时长。 属性值：以秒或者毫秒为单位

vue中如何使用keep-alive1.keep-alive的概念1.1： keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件中。2.keep-alive的作用2.1：在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性3.keep-alive的原理3.1：在 created

作用域变量作用域：就是一个变量可以使用的范围。1，在js中有一个最外层的作用域被称为‘全局作用域’2，在js中每一个函数都是一个独立的作用域被称为‘函数作用域’，函数可以嵌套，所以作用域也可以嵌套3，在es6中新添加的一个块级作用域 ：比如（if{},for(){},while(){}…）；）自由变量自由变量就是当前作用域没有定义的变量一个变量在当前作用域被使用但是没有定义，就需要向上级作用域一层一层依次进行查找，直到找到为止，找到全局作用域，如果还找不到就报XX is no

什么是事件委托？事件委托，又名事件代理。事件委托就是利用事件冒泡，就是把子元素的事件都绑定到父元素上。如果子元素阻止了事件冒泡，那么委托也就没法实现了。事件委托的好处提高性能，减少了事件绑定，从而减少内存占用事件委托的应用场景在vue中事件委托我们经常遇到vue中v-for一个列表，列表的每一项都绑定了@click处理事件。我们都知道绑定这么多监听，从性能方面来说是不太好的。那我们可以通过把每个item的click事件委托给父元素的形式来实现。获取item元素中title值为edit的id

怎么理解闭包1：什么是闭包?要理解闭包，首先理解javascript特殊的变量作用域，变量的作用于无非就是两种：全局变量，局部变量。javascript语言的特殊处就是函数内部可以读取外部作用域中的变量。我们有时候需要得到函数内的局部变量，但是在正常情况下，这是不能读取到的，这时候就需要用到闭包。在javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包是指有权访问另一个函数作用域中的变量的函数。其本质是函数的作用域链中保存着外部函

let、const、var的区别1.是否存在变量提升?1.1:var声明的变量存在变量提升，将变量提升到当前作用域的最顶端1.2：let和const不存在变量提升，他们声明的变量必须在声明后才能使用，否则就会报错2.是否存在暂时性死区2.1：let、const存在暂时性死区，只要块级作用域内部存在let命令，它所声明的变量就绑定在这个区域，不受外界的影响3.是否重复声明变量？3.1：var允许重复声明变量，let、const在同一作用域不允许重复声明变量，也不能声明同名变量4.是否存在块级作

1. prototype每个函数都有一个prototype属性，被称为显示原型2._ _proto_ _每个实例对象都会有_ _proto_ _属性,其被称为隐式原型每一个实例对象的隐式原型_ _proto_ _属性指向自身构造函数的显式原型prototype3. constructor每个prototype原型都有一个constructor属性，指向它关联的构造函数。4. 原型链获取对象属性时，如果对象本身没有这个属性，那就会去他的原型__proto__上去找，如果还查不到，就去找

1，JavaScript中的this与call/apply/bind的关系1，在浏览器里，在全局范围内this 指向window对象；2，在函数中，this永远指向最后调用他的那个对象；3，构造函数中，this指向new出来的那个新的对象；4，call、apply、bind中的this被强绑定在指定的那个对象上；5，箭头函数中this比较特殊,箭头函数this为父作用域的this，不是调用时的this.要知道前四种方式,都是调用时确定,也就是动态的,而箭头函数的this指向是静态的,声明的时候

js数据类型有哪些基本数据类型（值类型）： Number、String、Boolean、Undefined、Null、Symbol（es6新增独一无二的值） 和 BigInt（es10新增）；引用数据类型: Object。（Object、Array、 function、Date、RegExp。）js数据类型判断五种方法typeof、instanceof、constructor、Object.prototype.toString.call()、jquery.type()1，type