一、重命名变量1、首先看看自己需要同时修改多处的代码是不是要重命名一个变量，如果是的话，有现成的快捷键f2。选中一个变量，按f2，弹出一个小窗口，在里面输入内容后按回车，所有该变量都会被重命名。2、但是要注意，在js文件中，如果这个变量没有用var或者const或者let声明，会无法重命名。二、多光标1、按住alt，用鼠标左键点击，可以出现多个光标，输入的代码可以在光标处同时增加。2、按住Ctrl

一、v-show与v-if的共同点我们都知道在vue中v-show与v-if的作用效果是相同的(不含v-else)，都能控制元素在页面是否显示在用法上也是相同的<Model v-show="isShow" /><Model v-if="isShow" />当表达式为true的时候，都会占据页面的位置当表达式都为false时，都不会占据页面位置二、v-show与v-if的区别

slot又名插槽，是Vue的内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是子组件的一个模板标签元素，而这一个标签元素是否显示，以及怎么显示是由父组件决定的。slot又分三类，默认插槽，具名插槽和作用域插槽。默认插槽：又名匿名查抄，当slot没有指定name属性值的时候一个默认显示插槽，一个组件内只有有一个匿名插槽。具名插槽：带有具体名字的插槽，也就是带有na

既然是要保持页面的状态（其实也就是组件的状态），那么会出现以下两种情况：前组件会被卸载前组件不会被卸载那么可以按照这两种情况分别得到以下方法：组件会被卸载：（1）将状态存储在LocalStorage / SessionStorage只需要在组件即将被销毁的生命周期 componentWillUnmount （react）中在 LocalStorage / SessionStorage 中把当前组件

在空格 (' ') 上调用 trim() 会产生一个空字符串 ('')，这在 JavaScript 中不是真值。要在字符串的字符之间添加空格，请对字符串调用 split() 方法以获取字符数组，然后对该数组调用 join() 方法以使用空格分隔符连接字符。这是因为空格 (' ') 也是一个字符，就像一个字母，调用 split() 会使它成为数组中的一个单独元素，该元素将与其他空格组合。如果我们想避

figure标签官方给出的定义是规定独立的流内容（图像、图表、照片、代码等等）。figure元素是一种元素的组合，可带有标题（可选）。figure标签用来表示网站制作页面上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。figure用友一个子标签——figcaption标签。注意：一个figure元素内最多只允许放置一个fig

在网页应用中，显示/隐藏某个元素或组件是一件经常要做的事情，尤其是在目前比较流行的单页应用中。总体而言，有 3 种方式来实现CSS 的 display: none;CSS 的 visibility: hidden;HTML5 的 hidden 属性（boolean）它们之间有相同点和不同点。相同点很简单，都能使添加了这个属性的元素及其子元素『不被看见』。这篇文章着重来比较一下它们之间的差异。dis

浅拷贝与深拷贝浅拷贝是创建一个新对象，这个对象有着原始对象属性值的拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的是内存地址 。如果不进行深拷贝，其中一个对象改变了对象的值，就会影响到另一个对象的值。深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象。1、JSON.parse(JSON.stringify(ob