MengYiH

计算属性https://www.jianshu.com/p/3799541fd823对于任何的复杂逻辑，需使用计算属性所有的计算属性都以函数的形式写在Vue实例内的computed选项内，最终返回计算

.stop - 调用 event.stopPropagation()。 .prevent - 调用 event.preventDefault()。 .capture - 添加事件侦听器时使用 capture 模式。 .self - 只当事件是从侦听器绑定的元素本身触发时才触发回…

在控制台里，输入app4.todos.push({ text: '新项目' }) ，你会发现列表最后添加了一个新项目。 MVVM是Model-View-ViewModel的缩写，他是一种基于前端开发的架构模式。 当一个 Vue 实例被创建时，它将 data 对象中的所有的属性加…

对于人来说，在不同的生命时期会有不同的事要干，放在对象中同样适用。 在实例的创建过程中会经历一系列的生命周期，在不同的时期，会运行一些叫做生命周期钩子的函数。用户可以在生命周期钩子中添加代码，使其在实例创建过程中达到想要的特殊的效果 所有的生命周期钩子自动绑定this上下文到实…

将网页划分为一个个网格，可以任意组合不同的网格，做出各种各样的布局。 最强大的CSS布局方案。 Flex：轴线布局，即只能指定项目针对轴线的位置。一维布局 Grid：将容器划分成行和列，产生单元格，然后指定项目所在的单元格。二维布局 项目：容器内部采用网格定位的子元素。item…

是一个独立的渲染区域。相当于一个独立的盒子，在这个盒子内部的布局不受外部影响，同样，内部内容也不会影响外部内容。 box垂直方向的距离由margin决定。属于同一个BFC的两个相邻的box的margin会发生重叠 即解决一个标准流中相邻的盒子之间垂直margin 的重叠问题。 …

为了实现三栏布局，使左右两个盒子脱离了标准流，所以在html中要先写左右两个盒子的代码。由于左右两个盒子脱离了标准流，所以要为父元素清除浮动，方式对其兄弟元素产生影响。 使用position进行定位时，先对父元素设置relative相对定位，再对三个子元素设置absolute绝…

两个div的宽度采用了百分比的形式进行设置，恰好使其占满整个页面宽度。为两个div设置float属性，分别让其左右浮动，由于float属性使div脱离了标准流，故需要给父div清除浮动，避免影响接下来的排版。 首先对父元素设置相对定位relative属性，限制子元素的绝对定位。…

在JS当中，函数分为构造函数和普通函数，而构造函数与普通函数的区别就是可以通过new关键字来创造新的实例。 由于将所有的属性和方法都写在了构造函数当中，所以每创建一个新的实例就会将每个属性都创建一遍，但是往往我们在创建构造函数时，对于每个实例会具有相同的属性和方法。这也就造成了…