前端菜鸟

input中的placeholder的样式 .el-input__inner::-webkit-input-placeholder { color: #606266; /* WebKit browsers */ } .el-input__inner:-moz-placeholder { color: #606266; /* Mozilla Firefox 4 to 18 */ } .el-input__inner::-moz-placeholder { co

写在这里单纯的目的就是，担心后期遗忘就是平时项目中input的一些限制输入的le-input-number 例如显示长度的时候、自己感觉虽然好用、但是实际项目中的时候会有问题、就是限制长度 是在输入完之后才会生效但是实际项目中想要的是 、输入超过一定位数就不允许输入<el-input v-model="" type="number" oninput="if(isNaN(value)) {value = parseFloat(value)

2开头 （请求成功）表示成功处理了请求的状态代码200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。201 （已创建） 请求成功并且服务器创建了新的资源。202 （已接受） 服务器已接受请求，但尚未处理。203 （非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。204 （无内容） 服务器成功处理了请求，但没有返回任何内容。205 （重置内容） 服务器成功处理了请求，但没有返回任何内容。206 （部分内容） 服务器成功处理了部分 ...

我们在安装淘宝镜像之后安装node包的时候，用的是cnpm，这是我自己踩的坑我们在通过cnpm安装插件或库时，有三种方式：cnpm install：将插件安装到项目，但不写package.json（不推荐，这样最终需要手动添加）cnpm install --save：将插件安装进项目，并写入package.json的dependencies中cnpm install --save-dev：将插件安装进项目，并写入package.json的devDependencies中很明显，--sav

1：router-link跳转<!-- 直接跳转 --><router-link to='/testDemo'> <button>点击跳转2</button></router-link> <!-- 带参数跳转 --><router-link :to="{path:'testDemo',query:{setid:123456}}"> <button>点击跳转1</button>&

元素尺寸属性 说明 clientWidth 获取元素可视部分的宽度，即 CSS 的 width 和 padding 属性值之和，元素边框和滚动条不包括在内，也不包含任何可能的滚动区域 clientHeight 获取元素可视部分的高度，即 CSS 的 height 和 padding 属性值之和，元素边框和滚动条不包括在内，也不包含任何可能的滚动区域 offsetWidth 元素在页面中占据的宽度总和，包括 width、padding、border 以及滚动条的宽度 o

每个人的用法不一样我这样只是为了以后更加方便使用4>路由器使用历史模式？5>选择一个CSS预处理器6>选择ESLint代码校验规则7>选择什么时候进行代码规则检测8> 选择如何存放配置9>是否存储当前配置10>名称11>搭建完成Choose Vue version：视图版本Babel：ES6代码转为ES5代码TypeScript：TypeScript是一个JavaS...

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$parent/$children、$attrs/$listeners和pr..

代码例子直接拿走 /*修改滚动条样式*/ /*修改滚动条样式*/ /*修改滚动条样式*/ ::-webkit-scrollbar { width: 8px; height: 100%; } ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shad...

keep-alive介绍与应用keep-alive是什么keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。一个场景用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简

简单记录下new一个js对象时，做了什么事情。1、创建一个空对象=》{}2、将1中创建的空对象的__proto__属性指向构造函数的prototype属性。3、将构造函数的this指定为1中创建的空对象。4、执行构造函数（为this绑定属性、复制等操作）。5.1、如果构造函数有返回值，且返回类型为引用类型，则将构造函数的返回值作为new的结果返回5.2、如果构造函数有返回值，且返回类型为基础数据类型，如int，则无论构造函数返回什么都无效，都将1中创建对象作为构造函数返回值返回。5.3、如果构

//this默认指向window // 1、全局模式下的this指向window console.log(1,this) // 2、函数独立调用，函数内部的this也指向了window function fn(){ console.log(2,this) } fn() // 3...

//回调地狱fn(){this.$axios.get("./json/a.json").then(res=>{console.log("1",res.data);//this.$axios.get("./json/b.json").then(res=>{console.log("2",res.data);//this.$a...

1、叙述原型链答案：当一个对象调用自身不存在的属性和方法时就会去自己的prototype对象上去找，如果没有找到就会去prototype的前辈上去找，直到找到或者返回undefiend这个查找的过程就是原型链function Person (name){ this.anme = name}Person.prototype.say = funticon(){ console.log('hello' + this.name)}let p1 = new Person('张三...

　超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。　　为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传输的安全，HTTPS在HTTP的基础上加入了SSL协议，SSL依靠证书来验证服务器的身份，并为浏览器和服务器之间的通

那么什么是重绘与重排呢，在解释重绘与重排之前，我们首先需要先了解清楚浏览器的渲染过程， 下面先上一张比较常见的渲染过程图：根据上图我们可以看到和总结出浏览器的渲染大致分为以下五个步骤： DOM Tree： 浏览器根据HTML解析出DOM Tree Style Rules：根据CSS解析出Style Rules Render Tree： 将DOM Tree与Style Tree二者关联生成Render Tree Layout： 根据Render Tree计算每.

vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的var vm = new Vue({ data: { obj: { a: 1 } }, created: function () { console.log(this.obj); }});结果我们可以看到属性a有两个相对应的get和set方法，为什么会多出这两个方法呢？因为vue是通过Object.defineProper