摘要:
当在项目中使用v-for循环列表时,需要对列表中的数据进行判断是否展示,但是在vue中v-for的优先级比v-if高,会有性能问题,此时可以使用computed计算属性解决问题。 <template> <div class="data-show"> <ul> <li v-for="item in f 阅读全文
摘要:
// 鼠标悬浮时候,可以有线条从左到右出现的动画效果,移开时从右到左消失的效果 <template> <div class="animation"> <div class="box" @mouseenter="enterTop" @mouseleave="leaveTop"> <div class= 阅读全文
摘要:
在小项目中如果组件间层级嵌套很深的时候可以使用bus来调用其他组件的方法 代码实现: 1、新建一个bus.js文件,如下代码 import Vue from "vue"; export default new Vue(); 2、在组件1中 <template> <div class="bus-bro 阅读全文
摘要:
cnpm install node-sass --save-dev //安装node-sass cnpm install style-loader --save-dev //安装style-loader cnpm install sass-loader@7.3.1 --save-dev // 安装s 阅读全文
摘要:
模块的定义 模块(Modules)是使用不同方式加载的JS文件。 1】模块代码自动运行在严格模式下,并且没有任何办法跳出严格模式。 2】在模块的顶级作用域创建的变量,不会被自动添加到共享的全局作用域,它们只会在模块顶级作用域的内部存在。 3】模块顶级作用域的this值为undefined。 4】模块 阅读全文
摘要:
伪数组:无法调用数组的方法,但是有length属性,可以通过索引来获取内部项的数据结构。 像arguments或者获取dom获取的NodeList对象。 1】[].slice.call() let arr = [].slice.call(arguments); 2】Array.prototype.s 阅读全文
摘要:
while 只要条件为真,就会不断循环执行代码块,先判断条件,条件成立才会执行。 do...while 先运行一次循环体,再判断条件是否成立。 for 可break跳出循环 for...in 可循环数组或者对象,对象i为键名,数组i为索引。 任何对象都继承了Object对象或者其他对象,继承的类的属 阅读全文
摘要:
优先级: 同步代码 > 微任务(promise) > 宏任务(setTimeout) 阅读全文
摘要:
箭头函数在一下情况中避免使用 使用箭头函数定义对象方法 let obj = { value: 1, getValue: () => console.log(this.value); } obj.getValue(); // undefined 定义原型方法时 function Foo() { thi 阅读全文
摘要:
前端在新增数据时,需要将附件和表单数据一起上传,此时需要将文件转换成二进制流传给后端。记录将文件转换成二进制流 <el-form-item label="产品概况附件" :label-width="formLabelWidth"> <el-upload ref="uploadProduct" cla 阅读全文