摘要:
使用箭头函数的目的:引入箭头函数目的是更加更加简短的函数写法并且不绑定this,箭头函数的语法比函数表达式更加简洁 使用场景:箭头函数更加适用于哪些本来需要匿名函数的地方 定义语法: const fn = () => { } 使用方式一:括号里面加形参 // 箭头函数 const fn = (x) 阅读全文
摘要:
什么是闭包? 简单理解:闭包=内层函数+外层函数的变量。正如前面所说的作用域链也会涉及到闭包,如下: let a = 6;//全局作用域 function f() { a = 7;//父级作用域 function d(){ a = 8;//自己的作用域 console.log(a); } d(); 阅读全文
摘要:
作用域链本质上就是使用的是哪个变量,全局变量,局部变量,自身的变量。这个在看别人代码的逻辑的时候非常有用,底层是变量的查找机制。 嵌套关系的作用域窜连起来形成了作用域链 在函数被执行,会优先查找当前函数作用域中的变量。 如果当前函数作用域找不到,则会逐级查找父级作用域,知道全局作用域 相同作用域链中 阅读全文
摘要:
函数分为具名函数和匿名函数,具名函数需要先声明在进行调用,而匿名函数是完全没有值。 例如:我们设置点击事件中的function就是匿名函数 document.addEventListener('click', function(){ }) 我们可以设置匿名函数立即执行。 好处是一方面可以防止变量污染 阅读全文
摘要:
1、在el-menu开启路由模式,default-active使用动态值等于当前路由,就需要用:default-active="$route.path" 2、阿里巴巴矢量图icfont的使用 ①将自己需要的图标下载到矢量库对应的项目文件中 ②更新对应的css代码,点击css代码链接,更新到本地去 ③ 阅读全文
摘要:
我们在做web页面,由其是后台的页面的时候,需要菜单栏和右侧内容区域分隔开来,例如如下的功能: 就需要使用flex弹性内容的布局。 当我们为父盒子设置为flex后,子元素的float,clear和vertical-align属性将失效 在flex布局中,是分为主轴和侧轴两个方向,同样的叫法有:行和列 阅读全文
摘要:
1、父组件向子组件传值,通过标签加上":" <user-add-editor :dialogFormVisible.sync="dialogFormVisible"></user-add-editor> 其中dialogFormVisible 就是子组件的值,sync表示子可以修改父组件。 2、父组 阅读全文
摘要:
在Vue.js中使用Element UI时,如果需要给组件的属性加上冒号(:),这表示你正在绑定一个动态属性。冒号后跟的是一个JavaScript表达式,而不是一个字符串。 例如,如果你想要绑定一个动态的值到el-input组件的value属性,你应该这样写: <el-input :value="d 阅读全文
摘要:
100%和100vh的区别12 在CSS中,height: 100%表示元素的高度将与其父元素的高度相同。但是,要使height: 100%生效,父元素必须具有明确定义的高度,例如固定高度值或相对定位。如果父元素的高度未被明确定义,那么height: 100%将不会生效。 另一方面,heig 阅读全文