hzh2031015的博客

点击事件和input失焦事件同时触发的先后执行顺序

前端深拷贝最直白的

日期加0

第一步打开终端，我们要下载node中文下载地址： https://nodejs.org/zh-cn/download/就是这个直接下载就好这里说明，一直继续安装就行如果下载有问题,那你就去别的地方看看吧第二步要检查是否成功安装了 Node.js，可以在控制台中输入 node -v，回车后如果出现了 Node.js 的版本号，则表明安装成功了。由于现在的 Node.js 都集成了 npm，所以在安装好 Node.js 的同时，npm 也就安装好了，同样可以在控制台输入npm -v，如果出现

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

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

element-ui的样式会在全局使用，在个别页面要修改，有四种方法不会影响全局的样式1 在样式外新增一个样式不添加scoped<style scoped> .my .el-input__inner{ border-radius: 30px; /* 这个样式不起效果 */ }</style>2 使用deep样式穿透<style scoped> .my /deep/ .el-input__inner{ border-radius: 30px;/*

什么是ifram？IFrame 对象代表一个 HTML 的内联框架。在 HTML 文档中 <iframe> 每出现一次，一个 IFrame 对象就会被创建。优点：1.iframe就是将我们想要的网页原封不动的把展现出来。2.如果有多个网页引用iframe，那么你只需要修改iframe的src内容，就可以实现调用的每一个页面内容的更改，方便快捷。3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。4.如果遇到加

webpack配置打包优化 （vue.config.js）一系列配置。1，新建vue.config.js,设置静态资源路径为’./’,否则打包后项目无法运行module.exports = { publicPath: "./"}2，关闭生产环境下的SourceMap映射文件,包的大小减少80%；module.exports = { productionSourceMap: false,}3，跨域配置module.exports = { d...

配置多环境变量1.首先我们需要在根目录下创建三个.env的文件，根据环境的不同，配置不同的VUE_APP_ENV.env.development.js文件：开发环境NODE_ENV='development'# must start with VUE_APP_VUE_APP_ENV = 'development'.env.staging文件：测试环境NODE_ENV='staging'# must start with VUE_APP_VUE_APP_E...

一，首先要封装axios要先下载axiosnpm i axios -S二，目录创建在项目的src目录中，新建一个文件夹,作为我们的网络请求模块，然后在里面新建一个api.js文件和一个http.js。http.js文件用来封装我们的axios，api.js用来统一管理我们的接口url三，在http.js中引入axios（使用什么组件要提前下载并且引入）import axios from 'axios'; // 引入axiosimport router from '../.

为什么要按需引入？在项目进行打包过程中，如果全局引入，文件过于大，优化不方便，所以对vant进行按需引入步骤1，点开vant官网>快速上手>下载vantnpm i vant -S2，按需引入下载一个插件babel-plugin-import是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。npm i babel-plugin-import -D3，在项目下创建一个.babel 添加配置{ "p...

1、arguments特点arguments只在函数中存在。(箭头函数除外) arguments是一个伪数组。 是一个集合，存储了我们传入的所有形参。 arguments具有length，可以通过下标访问。2、arguments方法1、arguments.callee()方法这个方法可以调用方法本身3、转换为真正的数组使用展开运算符function fn (){let arr = [...arguments];// arr 就是一个数组}fn(1,2,3)

深拷贝和浅拷贝的区别1.浅拷贝： 将原对象的引用直接赋给新对象，新对象只是原对象的一个引用，而不复制对象本身，新旧对象还是共享同一块内存2.深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”，新对象跟原对象不共享内存，修改新对象不会改到原对象为什么要使用深拷贝？我们希望在改变新的数组（对象）的时候，不改变原数组（对象）首先内存分为四个区域：栈区（堆栈），堆区，全局静态区，只读区（常量区和代码区）...

router路由原理路由就是用来解析URL以及调用对应的控制器，并返回从视图对象中提取好的网页代码给web服务器,最终返回给客户端。vue-router的两种模式hash模式：在浏览器中符号的“#”，以及#后面的字符称之为hash，用window.location.hash读取；history模式：history采用HTML5的新特性；且提供了两个新方法：pushState（）， replaceState（）可以对浏览器历史记录栈进行修改，以及popState事件的监听到状态变更。

vuex总结1 什么是vuex？1.1：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，相当于是一个仓库，存放公共数据的，任何组件都可以使用存放在仓库里面的数据2.由五部分组成和在页面中的使用方法2.1：state：定义数据，使用方法是通过：this.$store.state.xxx(方法名)2.2：actions：可以包含异步操作，使用方法是通过：this.$store.dispatch.xxx(方法名)2.3：mutations：唯一可以修改state数据的场所，使用方法是

vue的生命周期有八个阶段1.创建前/后：在beforeCreated阶段，vue实例的挂载元素e l 和 数 据 对 象 d a t a 都 为 u n d e f i n e d ， 还 未 初 始 化 。 在 c r e a t e d 阶 段 ， v u e 实 例 的 数 据 对 象 d a t a 有 了 ， el和数据对象 data 都为undefined，还未初始化。在 created阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在c

vue的组件通讯分三种（子传父，父传子，兄弟组件）1，父传子在父组件中给子组件标签上绑定一个属性， 属性上挂载需要传递的值在子组件通过props:[“自定义属性名”]来接收数据父组件代码：<template> <view class="content"> <!-- //顶部推荐分类 --> //自定义属性挂载需要传递的数据 <heade :content="headerItem"></heade>